-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (85 loc) · 6.28 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
---
layout: page
title: What Glass Shards Are Called
custom-foot: js/home.html
---
<div class="poem-block">
<h1 class="poem-title mb-4">What Glass Shards Are Called</h1>
<div class="poem-stanza">
<div class="poem-line">Named for a process: <span id="shards_015" class="annotation annotation-underline">molten glass dripped into water will shatter</span>.</div>
<div class="poem-line">Something about the molecular <span id="shards_026" class="annotation annotation-underline">s</span>tructures. Something about <span id="shards_030" class="annotation annotation-underline">w</span>atching one become a <span id="shards_023" class="annotation annotation-underline">thousand.</span> </div>
</div>
<div class="poem-stanza">
<div class="poem-line"><span id="shards_021" class="annotation annotation-underline">M</span>y father describes the process one afternoon at the old studio, across the lot </div>
<div class="poem-line">from where a ballet company stores their giant wooden Nutcrackers.</div>
</div>
<div class="poem-stanza">
<div class="poem-line"><span id="shards_017" class="annotation annotation-underline">I</span>n the studio, he knows where to find each color, his <span id="shards_018" class="annotation annotation-underline">j</span>ars lined up and packed with shards </div>
<div class="poem-line">to fill in the concave plaster molds. He tries to teach me how to arrange the colors, shapes.</div>
<div class="poem-line">Wants to share what life is his. </div>
</div>
<div class="poem-stanza text-right">
<div class="poem-line">I <span id="shards_027" class="annotation annotation-underline">t</span>hink that’s what you’re supposed to do with family.</div>
<div class="poem-line"><span id="shards_031" class="annotation annotation-underline">Y</span>ou get choked up, otherwise, <span id="shards_019" class="annotation annotation-underline">k</span>itchen drains </div>
<div class="poem-line"><span id="shards_014" class="annotation annotation-underline">after washing out a pot of burned rice,</span></div>
<div class="poem-line"><span id="shards_011" class="annotation annotation-underline">rain gutters crammed with leaves.</span></div>
</div>
<div class="poem-stanza">
<div class="poem-line">First it was sloping clay on the potter’s wheel. Now designing, molding, baking, mounting </div>
<div class="poem-line">slabs of <span id="shards_022" class="annotation annotation-underline">glass</span> on walls, pedestals, iron skeletons. It’s why he dropped out of college, or so he tells me. </div>
<div class="poem-line">Or <span id="shards_016" class="annotation annotation-underline">h</span>e told himself. Or someone told him </div>
</div>
<div class="poem-stanza text-right">
<div class="poem-line">he wasn’t good enough at anything else. </div>
<div class="poem-line"><span id="shards_006" class="annotation annotation-underline">His father used to buzzcut his hair</span> </div>
<div class="poem-line">every summer. Practicality was all. </div>
<div class="poem-line">As soon as he moved out, my father grew </div>
<div class="poem-line">his hair into a long, red ponytail. </div>
<div class="poem-line">He lived in the studio, plaster under his nails,</div>
<div class="poem-line">checked the kilns in the middle of the night, learned how to create</div>
</div>
<div class="poem-stanza">
<div class="poem-line">a fusing of shapes into something, if not durable,</div>
<div class="poem-line">able to imagine <span id="shards_028" class="annotation annotation-underline">solidity</span>. A shaking of shards into the spirals and diamonds </div>
<div class="poem-line">and <span id="shards_012" class="annotation annotation-underline">d</span>eckled edges of the mold, sun-tipped eyes settling down, holding each other as heat flares.</div>
</div>
<div class="poem-stanza">
<div class="poem-line"><span id="shards_025" class="annotation annotation-underline">I cup my hands and he fills the bowl</span> with <span id="shards_029" class="annotation annotation-underline">azure and wheat</span>, <span id="shards_032" class="annotation annotation-underline">violet and umber</span>.</div>
</div>
<div class="poem-stanza">
<div class="poem-line"><span id="shards_024" class="annotation annotation-underline">If you don’t move, the shards are soft.</span></div>
<div class="poem-line">We watch their gathering until my hands are full of frit.</div>
</div>
<p class="blockquote-footer text-right mt-4">Poem by Emmy Newman and music by Samson Matthews</p>
</div>
<div id="wavePlayer" class="fixed-bottom mb-md-5 mx-md-5">
<div class="row">
<div id="waveControls" class="col-2 text-center">
<button class="btn btn-link mb-2" id="audio-play" title="Play or Pause Audio" >
<span id="audio-status" class="fas fa-play display-1"></span><span class="sr-only">Play or Pause Audio</span>
</button>
<div class="dropdown">
<button class="btn btn-link dropdown-toggle" type="button" id="trackSelect" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tracks
</button>
<div class="dropdown-menu" aria-labelledby="trackSelect">
<button class="dropdown-item track annotation active" type="button" id="shards_final">Shards composition</button>
<button class="dropdown-item track annotation" type="button" id="shards_001">Shards reading</button>
<button class="dropdown-item track annotation" type="button" id="shards_033">Altered reading</button>
<button class="dropdown-item track annotation" type="button" id="shards_002">Typed text</button>
</div>
</div>
<button class="btn btn-link btn-sm" title="Toggle Sound Annotations" id="annotation-toggle">
<small>Annotations</small>
</button>
</div>
<div class="col-10">
<div id="audio-loading" class="d-none">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div id="waveform"></div>
</div>
</div>
</div>