-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
69 lines (54 loc) · 2.8 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<title>Write Music</title>
<script
crossorigin="anonymous"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
src="https://code.jquery.com/jquery-3.5.1.min.js">
</script>
<script
crossorigin="anonymous"
integrity="sha512-ALoawPS0JxHQ+8dGL7htZIlVNRaE/SN9gHD4G8pJJTi9H4BQ/3PjdvhggSGR34g00mvTPFkxQuveQUsJA5664Q=="
src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.0/howler.min.js">
</script>
<!-- highlight-within-textarea CSS/JS -->
<link href="./jquery.highlight-within-textarea.css" rel="stylesheet"/>
<script src="./jquery.highlight-within-textarea.js"></script>
<link href="./style.css" rel="stylesheet"/>
<link crossorigin="anonymous"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
rel="stylesheet"/>
</head>
<body>
<div>
<button class="play-button" tabindex="2"><i class="fas fa-play"></i></button>
</div>
<div>
<button class="view-button" tabindex="2"><i class="far fa-eye-slash"></i></button>
</div>
<label>
<textarea class="text"
placeholder="Don't just write words. Write music..."
tabindex="1"></textarea>
</label>
<div class="credits" tabindex="-1">
<a class="by"
href="https://github.com/eitchtee/"
tabindex="-1"
target="_blank">by @eitchtee</a>
<a class="check-code"
href="https://github.com/eitchtee/write-music"
tabindex="-1"
target="_blank">Check the code</a>
</div>
<script src="./script.js"></script>
<!-- This sentence has five words. Here are five more words. Five word sentences are fine. But several together become monotonous. Listen to what is happening. The writing is getting boring. The sound of it drones. It's like a stuck record. The ear demands some variety.
Now listen. I vary the sentence length, and I create music. Music. The writing sings. It has a pleasant rhythm, a lilt, a harmony. I use short sentences. And I use sentences of medium length. And sometimes when I am certain the reader is rested, I will engage him with a sentence of considerable length, a sentence that burns with energy and builds with all the impetus of a crescendo, the roll of the drums, the crash of the cymbals—sounds that say listen to this, it is important.
So write with a combination of short, medium, and long sentences. Create a sound that pleases the reader's ear. Don't just write words. Write music. -->
</body>
</html>