-
Notifications
You must be signed in to change notification settings - Fork 0
/
elizabeth_park.html
247 lines (214 loc) · 12.1 KB
/
elizabeth_park.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
<html>
<!-- HIIIII PLEASE DON'T LOOK AT MY CODE ( 〃▽〃) IT'S EMBARASSING -->
<head>
<meta charset="UTF-8">
<title>⌻ pictures from Elizabeth Park, Hartford, Connecticut</title>
<link rel="stylesheet" href="pelmeni2023.css">
<style>
.music-content{
padding: 10px;
text-align: center;
h3 {
font-size: 24px;
margin: 0 0 10px;
padding: 2px;
padding-right: 0px;
}
h4 {
font-size: 20px;
margin: 0 0 10px;
padding: 2px;
padding-right: 0px;
}
}
.normal-btn {
position: relative;
border: 2px solid black;
background-color: white;
color: black;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<!-- Nav Bar -->
<div class="window" style="top: 12%; left: 1%; position: fixed; z-index: 1000;">
<div class="title-bar">
<span class="title">◈ gallery.nav</span>
<button class="close-btn">×</button>
</div>
<div class="content">
<h2><a href="#Roses">Roses</a></h2>
<h3><a href="#Purple"> Purple</a></h3>
<ul>
<li><a href="#On Bush1">  On a bush</a></li>
</ul>
<h3><a href="#Pink"> Pink</a></h3>
<ul>
<li><a href="#On Bush2">  On a bush</a></li>
<li><a href="#Fallen">  Fallen one</a></li>
<li><a href="#Close up">  Close up</a></li>
</ul>
<h3><a href="#Red"> Red</a></h3>
<ul>
<li><a href="#Poke">  Julia Poking a Rose</a></li>
<li><a href="#Standing">  Standing</a></li>
<li><a href="#Hanging1">  Hanging</a></li>
</ul>
<h3><a href="#Yellow"> Yellow</a></h3>
<ul>
<li><a href="#On Bush3">  On a bush</a></li>
<li><a href="#Alone">  On its own</a></li>
</ul>
<h3><a href="#White"> White</a></h3>
<ul>
<li><a href="#Square">  Square</a></li>
<li><a href="#Hanging2">  Hanging</a></li>
<li><a href="#Freckley">  Freckled</a></li>
</ul>
<h3><a href="#Patches"> Other Flowers</a></h3>
<ul>
<li><a href="#Canna">  Canna</a></li>
<li><a href="#Cock's Comb">  Cock's Comb</a></li>
<li><a href="#Zinnia">  Zinnia</a></li>
<li><a href="#Marigold">  Marigold</a></li>
<li><a href="#Rosehip">  Yummy</a></li>
</ul>
<h2><a href="#Bee">Bugs</a></h2>
<h3><a href="#Bee"> The Bee</a></h3>
<ul>
<li><a href="#Woah Bee">  Woah Bee</a></li>
<li><a href="#Cute Bee">  Cute Bee</a></li>
<li><a href="#Look at it go!">  Look at it go!</a></li>
<li><a href="#So fuzzy...">  So fuzzy...</a></li>
<li><a href="#AAAAAH!">  AAAAAH!</a></li>
</ul>
<h2><a href="https://pelmeniboiler.github.io/index.html">⌂←</a></h2>
</div>
</div>
<div class="window" style="top: 58%; left: 69%; z-index: 1000;">
<div class="title-bar">
<span class="title">𝄆 music.ogg</span>
<button class="close-btn">×</button>
</div>
<div class="music-content">
<h3>♩phrase_for_a_rose_garden.ogg♪♩</h3>
<button class = "normal-btn" onclick="playAudio()">activate garden music</button>
<audio id="audio" src="viola.ogg"></audio>
<h4>composed by wendy zhulkovsky</h4>
</div>
</div>
<!-- Article Window -->
<div class="window" style="top: 2%; left: 19%; z-index: 999;">
<div class="title-bar">
<span class="title">▤ pictures.gallery</span>
<button class="close-btn">×</button>
</div>
<div class="article">
<h1 id="title">Elizabeth Park Rose Garden, Hartford, Connecticut<br>| Nikon D3, 105mm f/2.8 FX AF MICRO-NIKKOR</h1>
<p>When I got back to Connecticut I went to a cool garden with my friend Julia. I used same camera-lens combo I started using in<a href="https://pelmeniboiler.github.io/dixie_and_vegas.html"> Utah</a>. I think was a good choice for the flowers and bugs, but next time I do stuff like this I'll borrow my dad's <a href="https://www.kenrockwell.com/nikon/d610.htm">D610</a> with a more landscape-oriented lens to get more of the garden layout because it's really cool. There were a lot of waterfowl as well, I wish I had managed to get sharper pictures of them.<br>I think I should look into using flickr to host these and embed them here instead of compressing them so much. There's so much detail lost...</p>
<hr>
<h2 id="Purple"> Purple</h2>
<h3 id="On Bush1"> ❏ On a Bush</h3>
<img src="photos/ep/Roses/rose.png" class="article-image">
<p>Such a cute color, so soft looking!</p>
<h2 id="Pink"> Pink</h2>
<h3 id="On Bush2"> ❏ On a Bush</h3>
<img src="photos/ep/Roses/014elizabeth_park.png" class="article-image">
<p>The swirly patterns in this are so pretty!</p>
<h3 id="Fallen"> ❏ From the Ground</h3>
<img src="photos/ep/Roses/015elizabeth_park.png" class="article-image">
<p>This poor rose fell to the ground... Thanks for holding it for me, Julia!</p>
<h3 id="Close up"> ❏ Close up</h3>
<img src="photos/ep/Roses/004elizabeth_park.png" class="article-image">
<p>Woah look at the texture on the petals... so pretty...</p>
<h2 id="Red"> Red</h2>
<p>Certified all-time classic rose color, not gonna lie.</p>
<h3 id="Poke"> ❏ Julia poking a rose</h3>
<img src="photos/ep/Roses/poke.png" class="article-image">
<p>Thanks, Julia!</p>
<h3 id="Standing"> ❏ Standing</h3>
<img src="photos/ep/Roses/rbush.png" class="article-image">
<p>I love the archetypal swirl-in-the-middle like drawn roses have.</p>
<h3 id="Hanging1"> ❏ Hanging</h3>
<img src="photos/ep/Roses/red.png" class="article-image">
<p>So red right out of the camera... Maybe too red... Maybe I should've dialed it back.</p>
<h2 id="Yellow"> Yellow</h2>
<p>Yellow roses, did you even know there was such a thing?</p>
<h3 id="On Bush3"> ❏ On a bush</h3>
<img src="photos/ep/Roses/ybush.png" class="article-image">
<p>I love this color of yellow.</p>
<h3 id="Alone"> ❏ On its own</h3>
<img src="photos/ep/Roses/yellow.png" class="article-image">
<p>This paler yellow is alright too, I like the texture of this one though.</p>
<h2 id="White"> White</h2>
<p>We were so lucky as to get to see some unfinished roses they hadn't gotten around to painting yet! What a treat.</p>
<h3 id="Square"> ❏ Square Petal Rose</h3>
<img src="photos/ep/Roses/square.png" class="article-image">
<p>I like the square petals and stamen/pistil stuff in the middle. Pretty flower.</p>
<h3 id="Hanging2"> ❏ On a branch</h3>
<img src="photos/ep/Roses/whanging.png" class="article-image">
<p>I love how this one glows in the light. What a great flower.</p>
<h3 id="Freckley"> ❏ Freckles</h3>
<img src="photos/ep/Roses/freckle.png" class="article-image">
<p>A spotted freak, just like me!</p>
<h2 id="Patches"> Other Flowers</h2>
<p>There were some non-roses at the garden! Herbs too, I wanted to snack on those real badly...</p>
<h3 id="Woah Bee"> ❏ Canna</h3>
<img src="photos/ep/Non Rose/flowers.png" class="article-image">
<p>I love the purpley stem parts peeking out from the red. The large and dark leaves at the base. What a cool flower.</p>
<h3 id="Cock's Comb"> ❏ Cock's Comb</h3>
<img src="photos/ep/Non Rose/flowers3.png" class="article-image">
<p>There were a lot of different colored Cock's Combs around, but these violet ones were so vibrant.</p>
<h3 id="Zinnia"> ❏ Zinnias</h3>
<img src="photos/ep/Non Rose/patch2.png " class="article-image">
<p>I love these, I wish I brought a wider lense so I could have caught more!</p>
<h3 id="Marigold"> ❏ Marigolds</h3>
<img src="photos/ep/Non Rose/patch5.png" class="article-image">
<p>More like "mari-orange" if you ask me...</p>
<h3 id="Rosehip"> ❏ Yummy Rosehips</h3>
<img src="photos/ep/Non Rose/yummy.png" class="article-image">
<p>We ate a couple of these... so good... Be careful of the thorns inside!</p>
<h2 id="Bee"> Bee</h2>
<p></p>
<h3 id="Woah Bee"> ❏ Woah Bee</h3>
<img src="photos/ep/Beecollage/bee.png" class="article-image">
<p>So happy with the detaill in the fur and wings. Love seeing the cute little arms and legs. If you look close in some of these you can see the bee's secondary eyes!</p>
<h3 id="Cute Bee"> ❏ Cute Bee</h3>
<img src="photos/ep/Beecollage/bee2.png" class="article-image">
<h3 id="Look at it go!"> ❏ Look at it go!</h3>
<img src="photos/ep/Beecollage/bee3.png" class="article-image">
<h3 id="So fuzzy..."> ❏ So fuzzy...</h3>
<img src="photos/ep/Beecollage/bee4.png" class="article-image">
<h3 id="AAAAAH!"> ❏ AAAAAH!</h3>
<img src="photos/ep/Beecollage/aaah.png" class="article-image">
</div>
</div>
<!-- EASTER EGG -->
<div class="window" style="top: 35%; left: 34%; position: absolute; z-index: 1;">
<div class="title-bar">
<span class="title">0 easter.egg</span>
<button class="close-btn">×</button>
</div>
<div class="content">
<h2>what was that for?</h2>
<p>weren't you reading that?</p>
</div>
</div>
<!-- START MENU -->
<div class="start-menu">
<div class="start-button"></div>
<div class="window-list"></div>
</div>
<script defer src="start menu.js"></script>
<script>
function playAudio() {
var audio = document.getElementById("audio");
audio.play();
document.getElementById("welcome").style.display = "none";
}
</script>
</body>
</html>