-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
73 lines (61 loc) · 2.51 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html><html>
<meta charset="UTF-8">
<title>Ritz Demo - David Bradbury</title>
<link rel="stylesheet" href="demo.css"/>
<link rel="stylesheet" href="ritz.css"/>
<body>
<div class='wrapper'>
<h1 class='title'>Ritz</h1>
<div class='ritz-module'>
<div id='ritz-viewer'>
<div class='ritz-reticle'></div>
<div class='ritz-textarea'>
<div class='ritz-text'> </div>
</div>
</div>
<div class='ritz-controls'>
<button class='ritz-play'>Play</button>
<button class='ritz-pause'>Pause</button>
<button class='ritz-rewind'>Rewind-10</button>
<button class='ritz-restart'>Restart</button>
<select class='ritz-wpm'>
<option>-WPM-</option>
<option>300</option>
<option>400</option>
<option>500</option>
<option>600</option>
<option>700</option>
<option>800</option>
<option>900</option>
<option>1000</option>
<option>1100</option>
<option>1200</option>
<option>1300</option>
<option>1400</option>
<option>1500</option>
<option>1600</option>
<option>1700</option>
<option>1800</option>
</select>
</div>
<div class='ritz-progress'>
<div class='ritz-progress-bar'></div>
</div>
</div>
<div class='passage' contenteditable>
<p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.</p>
<p>He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.</p>
<p>The bedding was hardly able to cover it and seemed ready to slide off any moment.</p>
<p>His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p>
<p>"What's happened to me? " he thought.</p>
<p>It wasn't a dream.</p>
<p>His room, a proper human room although a little too small, lay peacefully between its four familiar walls.</p>
<p>A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame.</p>
<p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer.</p>
<p>Gregor then turned to look out the window at the dull weather.</p>
</div>
</div>
<script src='ritz.js' type="text/javascript"></script>
<script src='main.js' type="text/javascript"></script>
</body>
</html>