-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdixie_and_vegas.html
205 lines (183 loc) · 11.3 KB
/
dixie_and_vegas.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
<html>
<!-- HIIIII PLEASE DON'T LOOK AT MY CODE ( 〃▽〃) IT'S EMBARASSING -->
<head>
<meta charset="UTF-8">
<title>⌻ pictures from Dixie and Vegas</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="#title">Dixie & Vegas</a></h2>
<h3><a href="#July"> July</a></h3>
<ul>
<li><a href="#Plushies">  Plushies</a></li>
<li><a href="#Gondola">  Gondola</a></li>
<li><a href="#Cherries and Pie">  Cherries and Pie</a></li>
</ul>
<h3><a href="#Oppie Trip"> Oppie Trip</a></h3>
<ul>
<li><a href="#Wheel">  Big Wheel</a></li>
</ul>
<h3><a href="#Honey Salt"> Honey Salt Run</a></h3>
<ul>
<li><a href="#Goth">  Goth Girl</a></li>
</ul>
<h3><a href="#David"> David</a></h3>
<ul>
<li><a href="#Burger">  Messy Burger</a></li>
<li><a href="#Scooter">  Scooter</a></li>
<li><a href="#GoKart">  Go-Kart</a></li>
<li><a href="#Victor">  Victor</a></li>
</ul>
<h3><a href="#Last"> Last Trip to Vegas</a></h3>
<ul>
<li><a href="#Sign">  North Sign</a></li>
<li><a href="#North">  North Strip</a></li>
<li><a href="#Vegas">  Dark Side of Vegas</a></li>
<li><a href="#Breakfast">  Breakfast</a></li>
</ul>
<h3><a href="#Leaving"> Leaving</a></h3>
<ul>
<li><a href="#Plane">  Turbine</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>♩my_rifle_my_pony_and_me.ogg♪♩</h3>
<button class = "normal-btn" onclick="playAudio()">activate cowboy music</button>
<audio id="audio" src="My Rifle My Pony and Me.ogg"></audio>
<h4>composed by dmitri tiomkin</h4>
<h5>arranged by wendy zhulkovsky<br>to try out the new musescore<h5>
</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">Dixie and Vegas | Nikon D3, 105mm f/2.8 FX AF MICRO-NIKKOR</h1>
<p>Utah's Dixie is where I restarted my photography hobby. I didn't get as many pictures of Washington and St. George as I might have taken if I had my camera when I first arrived. It's an incredibly distinct area that seems almost as if it were made for landscapes and cityscapes. I was living with my friend Aaron at the time and getting a lot of sun-damage.</p>
<hr>
<h2 id="July"> July</h2>
<p>I got my <a href="https://www.kenrockwell.com/nikon/d3.htm">Nikon D3</a> that month and a <a href="https://www.kenrockwell.com/nikon/105af.htm">105mm f/2.8 FX AF MICRO-NIKKOR macro lense.</a> The auto focus on this lense is very sluggish compared to newer lenses, it's also very soft wide-open. It is very cheap though, and shoots good portraits. Most of my early work with this lense is way too soft because I was getting to grips with it and it seemed fine from the camera monitor.</p>
<h3 id="Plushies"> ❏ Plushies</h3>
<img src="photos/basil_gondola_misha.png" class="article-image">
<p>My Basil (Omori (2020)) plushy nestled in the lap of my teddy-bear Misha. Flanked by two Gondolas, one made by my friend Julia on the left, and another bought from KommandoStore and owned by my friend Aaron on the right. Omori (Omori (2020)) can be seen between the Gondola on the right's legs.</p>
<h3 id="Gondola"> ❏ Gondola</h3>
<img src="photos/gondola_tv.png" class="article-image">
<p>Gondola on his own.</p>
<h3 id="Cherries and Pie"> ❏ Cherries and Pie</h3>
<img src="photos/cherries.png" class="article-image">
<p>A door-to-door FLDS pie saleswoman sold Aaron and I this pie-shaped cheesecake. We had it with cherries on the back porch. It was creamy and sweet, kinda light, and doused in caramel. It served as a good pair with the cherries.</p>
<h2 id="Oppie Trip"> Oppie Trip</h2>
<p>I went to see Oppenheimer with my friends Aaron, Josh, and Bear. It was a cool movie. I got this photo while we made our way back to Josh's Tesla after the film.</p>
<h3 id="Wheel"> ❏ Big Wheel</h3>
<img src="photos/wheel.png" class="article-image">
<p>I heard the wheel has TVs inside the cars and sucks. Looks pretty cool from down here though.</p>
<h2 id="Honey Salt"> Honey Salt Run</h2>
<p>I made an error in scheduling me and Aaron departing St. George for Vegas to pick up our friend David from McCarran. Wrong week! We went to Honey Salt, an alright restaurant, and met some cool people. A cool goth-looking girl in the parking lot and a fancy couple from Utah IIRC sitting next to us in the restaurant.</p>
<h3 id="Goth"> ❏ Goth Girl</h3>
<img src="photos/goth.png" class="article-image">
<p>I wish I took your insta or something! Thanks for posing for me, random Vegas Goth Girl!</p>
<h2 id="David"> David Aquisition</h2>
<p>We redeployed to Vegas a little later to get David.</p>
<h3 id="Burger"> ❏ Messy Burger</h3>
<img src="photos/burger.png" class="article-image">
<p>This tasted good but it was impossible to eat! Stupid burger falling apart. Bun was tasty but too structurally sound compared to its contents.</p>
<h3 id="Scooter"> ❏ Scooter Man</h3>
<img src="photos/scooter.png" class="article-image">
<p>A herd of sub 50cc engine vehicles passed the three of us on the strip. Cool scooter.</p>
<h3 id="GoKart"> ❏ Go-Kart Man</h3>
<img src="photos/gokart.png" class="article-image">
<p>Another member of the stampede of sub 50cc engines.</p>
<h3 id="Victor"> ❏ Victor</h3>
<img src="photos/vic.png" class="article-image">
<p>Woah... it's Victor from Fallout New Vegas... I wonder if he remembers me? 😳</p>
<h2 id="Last"> Last Trip to Vegas</h2>
<p>Aaron and I went to Vegas one last time for a weekend. We both got horrifically high fevers and I could barely walk or stay awake. I had horrifying dreams. A dark sphere I once dreamt I was trapped in as a child lay in my arms, weak and small, its suffocating might whittled away. It beckoned me to do things in a gentle, nudging fashion, softly reminding me of the suprising precision of one particular tool I had used once. I felt so sad for my precious sphere. I love my sphere. I'm glad Vegas built one.</p>
<h3 id="Sign"> ❏ North Vegas Sign</h3>
<img src="photos/sign.png" class="article-image">
<p>This might be the sharpest photo I took in the American Southwest...</p>
<h3 id="North"> ❏ Northern Strip</h3>
<img src="photos/north_strip.png" class="article-image">
<p>Interesting sign!</p>
<h3 id="Vegas"> ❏ The Dark Side of Vegas</h3>
<img src="photos/vegas.png" class="article-image">
<p>Did you know that some parts of Vegas aren't covered in LED's and neon? At night they don't glow. Spooky!</p>
<h3 id="Breakfast"> ❏ Dogshit Breakfast</h3>
<img src="photos/bad_breakfast.png" class="article-image">
<p>Awful breakfast. Was recommended it by a cool older woman with an alternative lifestyle. 5 bucks for old fruit and barely any egg and other stuff. Still was sick too! Should've gone somewhere more hearty. Met a fellow photo hobbyist though!</p>
<h2 id="Leaving"> Going Home</h2>
<p>Bye bye St. George!</p>
<h3 id="Plane"> ❏ Turbine in the Pine Valley Mountains</h3>
<img src="photos/plane.png" class="article-image">
<p>Last photo in St. George.</p>
</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>