forked from shapebecomesstory/shapebecomesstory.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
359 lines (341 loc) · 30.6 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Shape Becomes Story</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="./css/custom.css">
<link rel="stylesheet" type="text/css" href="./css/mods.css">
</head>
<body data-bs-spy="scroll" data-bs-target="#scrollspyNav" tabindex="0">
<div class="container-fluid titleBanner">
<div class="container titleText align-middle">
<a href="./index.html">
<img src="./images/title.png" alt="Shape Becomes Story" class="mx-auto d-block img-fluid">
<h1 class="display-5 text-center pt-5"><span class="bg-white px-3">collected pages for in-betweens</span></h1>
</a>
</div>
</div>
<div class="container-fluid sticky-top px-0">
<nav id="scrollspyNav" class="navbar navbar-expand-md bg-white">
<ul class="nav nav-pills mx-auto" style="font-size: 0.95em;">
<li class="navbar-item d-block">
<a class="nav-link" href="#about">ABOUT</a>
</li>
<li class="navbar-item d-block d-xl-none">
<a class="nav-link" href="#room">IN-BETWEENS</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#electric">SHE IS ELECTRIC</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#cloud">SHE IS CLOUD</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#stories" >STORIES OPEN & FOLD</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#process">PROCESS IS PLAY</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#lights">SHE LIGHTS UP</a>
</li>
<li class="navbar-item d-none d-xl-block">
<a class="nav-link" href="#wearefull">WE ARE FULL</a>
</li>
<li class="navbar-item d-block">
<a class="nav-link" href="#credits">CREDITS</a>
</li>
</ul>
</nav>
</div>
<div id="about" class="container-fluid scrollSection">
<h1 class="sectionHeader"><span class="bg-white">about the project</span></h1>
<p class="px-3 pt-3 infoSection">
<span class="mark text-highlight"><em>Shape Becomes Story: Collected Pages for In-betweens</em></span> is a companion to the research and artwork created by <a href="https://carmenribaudo.com/">Carmen Ribaudo</a> as the <a href="https://www.provlib.org/research-collections/artists-at-ppl/creative-fellowship/">2021-2022 Creative Fellow</a> at the Providence Public Library (PPL). This digital reading room presents a variety of works from PPL's Special Collections as well as the zine library at <a href="https://queer.archive.work/">Queer.Archive.Work</a> (QAW) that have figured in Carmen's artistic process while working on her project for PPL's Spring 2022 exhibition "<a href="https://www.provlib.org/programs-exhibitions/tomboy/">Tomboy</a>."
</p>
<p class="px-3 pt-3 infoSection">
This reading room provides a glimpse into a broader universe of art and writing spanning time and place that houses Carmen's work. Our goal for this project was to place older materials contained within PPL's archive in conversation with work by contemporary queer artists and zinemakers. In curating and designing this reading room, we focused on building a thematic throughline of <span class="mark text-highlight">wonder—for the world, the self, and the body</span>. We invite you to reflect on your own stories and build your own throughlines as you peruse this space.</p>
<p class="px-3 pt-3 infoSection">
<em>Shape Becomes Story</em> was developed collaboratively by Carmen Ribaudo and Kate Hao, with crucial support from Angela DiVeglia, Janaya Kizzie, and Christina Bevilacqua. Please see the credits section at the end of this page for a full list of the works displayed here. If you like what you see, all these materials and more are available to view in-person, either through <a href="https://www.provlib.org/research-collections/special-collections/">visiting PPL's Special Collections</a> or at <a href="https://queer.archive.work/index.html">QAW's Open Library Hours</a>!
</p>
<p class="px-3 pt-3 infoSection">Thank you for stopping by! <i class="bi bi-heart-fill"></i></p>
<h2 class="px-3 pt-3 fs-4 fw-bolder fst-italic">using the reading room</h2>
<p class="px-3 pt-3 infoSection">For functionality, this site is ideally viewed on a larger screen. Images with small text can be opened in full size. Image descriptions & transcriptions are linked adjacent to the scans. Hovering/tapping on over certain images may lead to different views — and there are hyperlinks embedded throughout the text & page scans that will take you to different sections of the room as well. In other words, there's more than one path you can take while exploring this space!</p>
<div class="spacer"></div>
</div>
<div id="room" class="container-fluid mx-0 px-0 scrollSection">
<div id="electric" class="container-fluid scrollSection">
<h1 class="sectionHeader text-electric" style="z-index: 1;"><span class="bg-electricbg">SHE IS ELECTRIC</span></h1>
<div class="row mb-5">
<div class="col-md-8">
<a href="./images/Andriniki1.jpg" target="_blank"><img src="./images/Andriniki1.jpg" alt="'living btwn the lines' by Andriniki Mattis" class="img-fluid"></a>
<p class="px-2 mt-1 text-end caption">"living btwn the lines" by Andriniki Mattis (2019) | <a href="./descriptions/Andriniki1.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Andriniki1.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="col-md-4 py-2" id="electricmatter">
<img src="./images/lightning.png" alt="paper cutouts of a white pair of scissors, a black bolt of lightning, and a white hand reaching up" class="img-fluid">
<div class="container-fluid py-3 bg-white">
<p class="fs-4 my-0">i walk this rod / of a body / attracting lightning / at every turn</p>
<p class="text-end mt-0 mb-4">—Andriniki Mattis</p>
<p class="fs-5 fst-italic mb-0"><a href="#Thunder0053"><i class="bi bi-lightning-fill"></i> But it is when the electric matter flows quietly toward the heavens, and takes for its pole the body of man himself, that the spectacle is truly marvelous.</a></p>
<p class="text-end fst-italic mt-0"><a href="#Thunder0053">—Thunder and Lightning <i class="bi bi-box-arrow-in-down"></i></a></p>
</div>
</div>
</div>
<div class="row my-5">
<div class="col"></div>
<div class="col-md-5 mb-3">
<div class="thunder0053">
<img src="./images/Thunder0053_transparent.png" alt="Photo of page 49 from the 'Thunder and Lightning' volume of the Illustrated Library of Wonders" id="Thunder0053" class="img-fluid">
<a id="anchor-thunder0053-electric" class="text-yellow jump" href="#electricmatter"><i class="bi bi-link-45deg"></i></a>
<a id="anchor-thunder0053-lights" class="text-yellow jump" href="#strangephenomena"><i class="bi bi-link-45deg"></i></a>
<p class="px-2 mt-0 text-end caption">from <span class="fst-italic">Thunder and Lightning</span> (1875) | <a href="./descriptions/Thunder0053.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="col-md-5 mb-3">
<img src="./images/Thunder_0055.JPG" alt="Photo of the beginning of the chapter titled 'Sheet Lightning' from 'Thunder and Lightning'" class="img-fluid">
<div class="container-fluid p-3 bg-white fst-italic">
<p class="fs-5 text-black my-0">If ordinary lightning has lost its harmonious character it is because it has approached nearer to us. Either it has assimilated some of our imperfections, or the harmony, in too close proximity, escapes our feeble reasoning powers.</p>
<p class="text-end text-dark my-0 fst-italic">—Thunder and Lightning <span class="caption">| <a href="./descriptions/Thunder0055.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Thunder_0055.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></span></p>
</div>
</div>
<div class="col"></div>
</div>
<div class="spacer"></div>
</div>
<div id="cloud" class="container-fluid scrollSection">
<h1 class="sectionHeader text-cloud"><span class="bg-cloudbg">SHE IS CLOUD</span></h1>
<div class="row" id="cloudcomic">
<div class="col"></div>
<div class="col-md-5 cloud1">
<img src="./images/comic_transparent.png" class="img-fluid" alt="Scans of a fold-out comic panel with a collage of green trees in front a blue sky with white clouds and the rising sun">
</div>
<div class="col-md-5 cloud2">
<img src="./images/comic_transparent.png" class="img-fluid" alt="Scans of a fold-out comic panel with a figure sitting on a moon-like shape, suspended by ropes like a swing and in front of a wave of green water">
</div>
<div class="col"></div>
</div>
<div class="row mb-5 ">
<div class="col-10 mx-auto">
<p class="px-2 mt-1 text-end caption">by Carmen Ribaudo (2022) | <a href="./descriptions/comic.txt" target="_blank">image descriptions <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/comic_full.png" target="_blank">expand images <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="row">
<div class="col-md-6 mx-auto mt-5">
<img src="./images/Clouds_0067.JPG" alt="A scan from the Illustrated Library of Wonders that reads: 'Appearance and Motion of the Clouds'" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col my-auto">
<img src="./images/clouds2.png" alt="Light gray cloud sketches" class="img-fluid">
</div>
<div class="col">
<img src="./images/clouds3.png" alt="Dark gray cloud sketches" class="img-fluid">
</div>
</div>
<div class="spacer"></div>
</div>
<div id="stories" class="container-fluid scrollSection">
<h1 class="sectionHeader text-stories"><span class="bg-storiesbg">STORIES OPEN & FOLD</span></h1>
<div class="row mb-3 mx-4">
<div class="col-md-10 mx-auto">
<div class="row">
<div class="col p-0">
<img src="./images/Olive2.jpg" class="figure-img img-fluid" alt="Manila envelope on a bright pink background with an illustration of a sticky note that reads 'PLEASE TAKE.'">
</div>
<div class="col p-0">
<img src="./images/Olive1.jpg" class="figure-img img-fluid" alt="A blank white page with teal text printed around its perimeter">
</div>
</div>
<div class="row">
<p class="px-2 mt-0 text-end caption">from <span class="fst-italic">Please Take (Prompts)</span> by Olive B. Godlee | <a href="./descriptions/Olive1-2.txt" target="_blank">image descriptions <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm text-end">
<p class="fs-5 text-nav px-3 mt-5 mb-0"><i class="bi bi-arrow-90deg-right"></i></p>
<p class="fs-5 text-nav px-3 mb-0">from <span class="fst-italic">Heads, Bodies & Legs</span></p>
<p class="fs-5 text-light px-3 mt-0">by Denis Wirth-Miller and Richard Chopping (1946)</p>
</div>
<div class="col-sm mx-auto">
<div class="row my-0 py-0">
<img src="./images/HBL1_head.jpg" id="hblHead" class="img-fluid" alt="Image from 'Heads, Bodies & Legs' that alternates between two different illustrations of heads when clicked">
</div>
<div class="row my-0 py-0">
<img src="./images/HBL1_body.jpg" id="hblBody" class="img-fluid" alt="Image from 'Heads, Bodies & Legs' that alternates between two different illustrations of torsos when clicked">
</div>
<div class="row my-0 py-0">
<img src="./images/HBL1_legs.jpg" id="hblLegs" class="img-fluid" alt="Image from 'Heads, Bodies & Legs' that alternates between two different illustrations of legs when clicked">
</div>
</div>
<div class="col-sm text-start">
<p class="fs-5 text-nav px-3 mt-5 mb-0 fst-italic">PLEASE CLICK!</p>
<p class="fs-6 text-nav px-3 my-0 fst-italic"><a href="./descriptions/HBL.txt" target="_blank" class="text-white">image descriptions <i class="bi bi-box-arrow-up-right"></i></a></p>
<p class="fs-5 text-nav px-3 mt-0"><i class="bi bi-arrow-return-left"></i></p>
</div>
</div>
<div class="row my-5 mx-md-4 gx-0">
<a href="./images/Olive3_full.jpg" target="_blank"><img src="./images/Olive3.jpg" class="figure-img img-fluid" alt="Large yellow sheet of paper against a bright pink background with teal text and a drawing of a person lying in a tub"></a>
<p class="px-2 mt-0 text-end caption">from <span class="fst-italic">Please Take (Prompts)</span> by Olive B. Godlee | <a href="./descriptions/Olive3.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Olive3.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="row spacer"></div>
</div>
<div id="process" class="container-fluid scrollSection">
<h1 class="sectionHeader text-process"><span class="bg-processbg">PROCESS IS PLAY</span></h1>
<div class="row mb-0">
<div class="col-sm-6 col-md-3 py-2">
<a href="./images/Lukaza1.jpg" target="_blank"><img src="./images/Lukaza1.jpg" class="img-fluid" alt="white spiral-bound notebook page that reads 'LOOK THROUGH WITH YOUR EYES & TAKE A PICTURE & DRAW IT' in purple bubble letters"></a>
</div>
<div class="col-sm-6 col-md-3 py-2">
<a href="./images/Lukaza2.jpg" target="_blank"><img src="./images/Lukaza2.jpg" class="img-fluid" alt="white spiral-bound notebook page with two images and handwritten text in purple ink"></a>
</div>
<div class="col-sm-6 col-md-3 py-2">
<a href="./images/Lukaza3.jpg" target="_blank"><img src="./images/Lukaza3.jpg" class="img-fluid" alt="white spiral-bound notebook page with an image of a figure in a desert and handwritten text in purple ink"></a>
</div>
<div class="col-sm-6 col-md-3 py-2">
<a href="./images/Lukaza4.jpg" target="_blank"><img src="./images/Lukaza4.jpg" class="img-fluid" alt="white drawing of a hand holding up a sheet of paper with a triangular cutout in the center, like a viewfinder"></a>
</div>
</div>
<div class="row">
<div class="col mb-5">
<p class="fs-6 py-3 px-5 text-dark text-center" style="text-shadow: 2px 2px white; background-color: #fadb93;">Inspired by, and dedicated to, artist, educator, and social justice advocate Corita Kent, <span class="fst-italic">Slow Looking: These Views Are Our Tools</span> is an invitation to practice a different way of seeing our world. In this artist book, Lukaza Branfman-Verrisimo offers us prompts, coloring pages, and 2 dicut viewfinders, as tools for slowness.</p>
<p class="px-2 text-end caption">from <span class="fst-italic">Slow Looking</span> by <a href="https://lukazabranfmanverissimo.com/" target="_blank">Lukaza Branfman-Verissimo</a>, published by <a href="https://shop.childishbooks.com/Slow-Looking" target="_blank">Childish Books</a> (2021) | <a href="./descriptions/Lukaza1-4.txt" target="_blank">image descriptions <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Lukaza_full.jpg" target="_blank">expand images <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-8 mx-auto py-3" style="background-color: #fadb93;">
<p class="fs-4 py-3 px-5 text-dark" style="text-shadow: 2px 2px white">"We can start with random shapes that don't mean anything, and just through the act of touching them ... you can make stories."</p>
</div>
</div>
<div class="row mb-5 gx-0">
<div class="col-md-6 mb-0 pt-3 pe-1">
<img src="./images/materialplay.png" class="img-fluid" alt="Photograph of a projected text on material play and embodiment. Full transcription in linked image description.">
</div>
<div class="col-md-6 mb-0 pt-3 ps-1">
<img src="./images/shapebecomesstory_animated.gif" class="img-fluid" alt="Animation of small shapes being rearranged into a grinning face and then a car with trees">
</div>
<p class="px-2 mt-2 text-end caption">from Carmen Ribaudo's Animated Art Talk at the Providence Public Library (May 14, 2022) | <a href="./descriptions/arttalk.txt" target="_blank">image descriptions <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="row">
<div class="col-md-5 mx-auto">
<a href="#Moon0072"><img src="./images/sun.png" id="sun" class="img-fluid" alt="A large oval-shaped cutout of yellow paper against a light salmon pink background. The image flips upside-down when the cursor hovers over it."></a>
</div>
</div>
<div class="spacer"></div>
</div>
<div id="lights" class="container-fluid scrollSection">
<h1 class="sectionHeader text-lights"><span class="bg-lightsbg" id="strangephenomena">SHE LIGHTS UP</span></h1>
<div class="row my-5">
<div class="col">
<div class="row bg-white p-4">
<a href="#Thunder0053"><p class="fs-5 fst-italic mb-0"><i class="bi bi-lightning-fill"></i> It is incontestable that these strange phenomena are not entirely contrary to physical principals, and that philosophers and sages might be more or less favoured by the hidden lights of nature. Nothing prevents our supposing that nervous impressionable individuals, as the interpreters of dreams and visions generally are, may be such good conductors of electricity as to occasion these spontaneous discharges of electric fluid.</p>
<p class="text-end fst-italic mt-0">—Thunder and Lightning <i class="bi bi-box-arrow-in-up"></i></p></a>
</div>
<div class="row my-5 gx-0" id="nodoubt">
<a href="./images/KLaster2.jpg" target="_blank"><img src="./images/KLaster2.jpg" class="img-fluid" alt="Light green page on a lavender background. The page features a print in red ink of a paper-cut epigram by Patricia Lockwood."></a>
<p class="mt-1 px-2 text-end caption">from <span class="fst-italic">Elastic Capacity</span> by K. Laster (2021) | <a href="./descriptions/KLaster2.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/KLaster2.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="col">
<div class="row my-5 gx-0">
<p class="mb-1 px-2 text-end caption">from <span class="fst-italic">Elastic Capacity</span> by K. Laster (2021) | <a href="./descriptions/KLaster1.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/KLaster1.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
<a href="./images/KLaster1.jpg" target="_blank"><img src="./images/KLaster1.jpg" class="img-fluid" alt="Light yellow page on a lavender background. The page features a print in black ink of a paper-cut epigram by Audre Lorde."></a>
</div>
<div class="row my-5 bg-white p-4">
<a href="#Meteors0063" class="text-decoration-none"><p class="fs-5 fst-italic mb-0"><i class="bi bi-stars"></i> Yes, there is no doubt of it; history attests the fact; the earliest nations thought that the stars were animated, living bodies. In their eyes the heavenly bodies were superior beings, good or bad deities, friends or enemies, and ever ready to engage in conflicts of which the issue might be favorable or injurious to mortals. </p>
<p class="text-end fst-italic mt-0">—Meteors, Aerolites, Storms, and Atmospheric Phenomena <i class="bi bi-box-arrow-in-down"></i></p></a>
</div>
</div>
</div>
<div class="spacer"></div>
</div>
<div id="wearefull" class="container-fluid scrollSection">
<h1 class="sectionHeader text-full" style="z-index: 1;"><span class="bg-fullbg">WE ARE FULL</span></h1>
<div class="row mb-5">
<div class="col-md-6 ps-5 mx-auto">
<a href="./images/Arthur1_full.jpg" target="_blank"><img src="./images/Arthur1.jpg" class="img-fluid" alt="Black and white illustration scanned against a red background. The illustration's text reads, 'All flowers in time bend toward the sun'"></a>
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">ROT #9</span> by Arthur Katrina | <a href="./descriptions/Arthur1.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Arthur1.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="col-md-5 pe-5 mx-auto">
<p class="fs-5 p-3 bg-white fst-italic">Will the sun rise again?</p>
<p class="fs-5 p-3 bg-white fst-italic">Will our beloved aurora return?</p>
<p class="fs-5 p-3 bg-white fst-italic">Will the powers of the night be conquered by the god of the day?</p>
<div class="meteors0062">
<img src="./images/Meteors0062_transparent.png" class="img-fluid mt-2" alt="Photo of the first page of the preface from 'Meteors, Aerolites, Storms, and Atmospheric Phenomena'">
<a id="anchor-meteors0062-sunrise" href="#cloudcomic" class="text-yellow jump"><i class="bi bi-link-45deg"></i></a>
<p class="mt-0 px-2 text-end caption">from <span class="fst-italic">Meteors, Aerolites, Storms, and Atmospheric Phenomena</span> (1876) | <br /><a href="./descriptions/Meteors0062.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
</div>
<div class="row my-5 py-5 mx-md-4 gx-0">
<img src="./images/Arthur2.jpg" class="img-fluid" alt="Two-page, black and white spread two winged figures locking hands over a cracked surface. Large text along the top and bottom of the image reads 'CAN'T CRUSH OUR SPIRIT'">
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">ROT #8</span> by Arthur Katrina | <a href="./descriptions/Arthur2.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="row my-5">
<div class="col-md-5 ps-3">
<div class="meteors0063">
<img src="./images/Meteors0063_transparent.png" id="Meteors0063" class="img-fluid" alt="Photo of a page from the preface of 'Meteors, Aerolites, Storm, and Atmospheric Phenomena'">
<a id="anchor-meteors0063-nodoubt" href="#nodoubt" class="text-highlight jump"><i class="bi bi-link-45deg"></i></a>
<a id="anchor-meteors0063-dawn" href="#dawn" class="text-highlight jump"><i class="bi bi-link-45deg"></i></a>
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">Meteors, Aerolites, Storms, and Atmospheric Phenomena</span> (1876) | <br /><a href="./descriptions/Meteors0063.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="col-md-7 ps-5 my-auto">
<img src="./images/Arthur3.jpg" class="img-fluid my-auto" alt="Scan of a two-page spread against a red background. The left page has a black and white pattern, and the right page contains capitalized text that says 'ADDRESSED TO RUNAWAY GIRLS OF ALL GENDERS & SEXES'">
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">ROT #9</span> by Arthur Katrina | <a href="./descriptions/Arthur3.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="row my-5 px-md-5">
<p class="fs-3 p-4 bg-white fst-italic text-black">The Aurora, or Dawn, itself was one of these divinities, and the most charming of them. Always beautiful with freshness and youth, she was ever saluted and hailed with gratitude, because she it was who came the first to announce the defeat of the powers of darkness and evil, and each morning, like a tender and faithful messenger, awoke the sons of men.</p>
<img src="./images/dawn.png" class="img-fluid" id="dawn" alt="A collage of paper cutouts showing a brown landscape, a patch green evergreen trees on the left, a white road shrinking into the distance, and a large white and gray sun taking up most of the sky. The horizon cuts horizontally across the image's center.">
</div>
<div class="row my-5">
<div class="col-md-6 my-auto">
<a href="./images/Arthur4_full.jpg" target="_blank"><img src="./images/Arthur4.jpg" class="img-fluid" alt="Scan of a two-page spread against a red background. The left page has a handwritten table of contents, and the right page shows an illustration of the Moon tarot card."></a>
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">ROT #8</span> by Arthur Katrina | <a href="./descriptions/Arthur4.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="./images/Arthur4.jpg" target="_blank">expand image <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="col-md-6">
<img src="./images/Moon_0072.JPG" id="Moon0072" class="img-fluid" alt="Photo of the title page spread from 'Wonders of the Moon.' The left page has a large, detailed image of the moon in a black sky, and the right page lists the book's title and publication info.">
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">Wonders of the Moon</span> (1873) | <a href="./descriptions/Moon0072.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
</div>
<div class="row my-5 pb-5">
<div class="col fence1">
</div>
<div class="col-md-8">
<a href="https://vimeo.com/692314078" target="_blank"><img src="./images/moon_animated.gif" class="img-fluid" alt="Gif made from a clip of Carmen's 'We Are Full' animation"></a>
<p class="mt-2 px-2 text-end caption">from <span class="fst-italic">We Are Full</span> by Carmen Ribaudo (2022) | <a href="./descriptions/moonanimation.txt" target="_blank">image description <i class="bi bi-box-arrow-up-right"></i></a> | <a href="https://vimeo.com/692314078" target="_blank">see full video <i class="bi bi-box-arrow-up-right"></i></a></p>
</div>
<div class="col fence2">
</div>
</div>
<div class="spacer"></div>
</div>
</div>
<div id="credits" class="container-fluid py-5 scrollSection">
<h1 class="sectionHeader"><span class="bg-white">credits</span></h1>
<p class="px-4 pt-3 infoSection">
<span class="fs-5 mark text-highlight">from the Q.A.W. zine library:</span><br />
<a href="https://www.belladonnaseries.org/chaplets/p/248-andriniki-mattis-living-btwn-the-lines" target="_blank"><span class="fst-italic">living btwn the lines</span> by Andriniki Mattis. New York: Belladonna*, 2019.</a><br />
<a href="https://fumbling.cargo.site/Prompts"><span class="fst-italic">Please Take (Prompts)</span> by Olive B. Godlee. 2019.</a><br />
<a href="https://shop.childishbooks.com/Slow-Looking" target="_blank"><span class="fst-italic">Slow Looking</span> by Lukaza Branfman-Verissimo. South Portland, ME: Childish Books, 2021.</a> <br />
<a href="https://nationalmonumentpress.bigcartel.com/product/elastic-capacity-by-kate-laster" target="_blank"><span class="fst-italic">Elastic Capacity</span> by K. Laster. Oakland, CA: National Monument Press, 2021.</a><br />
<a href="http://www.mbdx.life/2018/07/26/358/" target="_blank"><span class="fst-italic">ROT #8</span> by Arthur Katrina.</a><br />
<a href="http://www.mbdx.life/2019/07/15/455/" target="_blank"><span class="fst-italic">ROT #9</span> by Arthur Katrina.</a><br /><br />
<span class="fs-5 mark text-highlight">from PPL Special Collections:</span><br />
<span class="fst-italic">Thunder and lightning</span> by W. de Fonvielle. Translated from the French, and edited by T. L. Phipson. New York: Scribner, Armstrong and Co., 1875. <br />
<span class="fst-italic">Meteors, aerolites, storms, and atmospheric phenomena.</span> Translated from the French of Zurcher and Margolle. by William Lackland. New York: Scribner, Armstrong and Co., 1876. <br />
<span class="fst-italic">Wonders of the moon.</span> Translated from the French of Amedee Guillemin by Miss M.G. Mead. Edited, with additions, by Maria Mitchell. New York: Scribner, Armstrong and Co., 1873. <br />
<span class="fst-italic">Heads, Bodies & Legs</span> by Denis Wirth-Miller and Richard Chopping. Harmondsworth, Middlesex: Penguin Books, 1946, reprinted 1955.
</p>
<div class="spacer"></div>
</div>
<a class="btn btn-light" href="#" role="button" id="returnLink"><i class="bi bi-arrow-bar-up"></i></a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<script src="scripts.js"></script>
</body>
</html>