-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
356 lines (322 loc) · 14.4 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>About - dadhoc.net</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles/components/desktop/style.css" />
<link rel="icon" type="image/png" href="/assets/Images/icons/about.png" />
</head>
<body>
<div class="wrapper">
<div class="wrapperinner">
<main class="desktopsub">
<section>
<!--<form name="Return to desktop" action="desktop.html"><input class="buttondesktop" type="submit"
value="Return to desktop" /></form>-->
<!-- window frame -->
<div class="window">
<div class="windowheader">
<img class="icon" src="/assets/images/icons/about.png" />
<p style="color: white">About.nfo</p>
<img class="buttons" src="/assets/images/windowbuttons.png" />
</div>
<!-- main body of window -->
<section class="content" style="font-size: 1.3rem">
<p>
<font size="+4">Who The Hell Is This DadHoc Guy?</font>
<br /><br />So you stumbled upon my humble little bite of the
web, huh? My name's Fran, and I'm many things to many people.
A storyteller, a visual artist, a scholar, an archer, a bit of
a jackass. To you, I'm mostly the webmaster of this little
portfolio / project. <br /><br />
As for the website, well, I got sick of using Google Drive and
Instagram to host my art. Both those sites represent companies
that, in turn, represent everything wrong with the modern web
in my not-so-humble opinion. (shoutouts to google domains for
the cheap URL btw lol)
<br /><br />
This project started out with a template, but then my ADHD hit
and I couldn't be bothered to read the documentation, so I did
as neurodivergent does and decided to learn me some HTML / CSS
instead :)
<br />
Besides showcasing my art, I'm not sure what the goal of this
site is. Old web revival, maybe? A bit of a nostalgia trip,
for sure... I dunno. I'm just having fun with it, to be
honest. I hope you enjoy this place as much as I'm enjoying
putting it together ♥
<br /><br />
The code in this website, unless otherwise credited below, was
written by me (admittedly with a lot of help, especially the
foundational stuff). The same goes for all of the graphics
used on the website, all painstakingly crafted in Aseprite for
that genuine 98 PC feel.
<br /><br />
I also have a ko-fi page set up, feel free to drop me a few
quid if you feel like it. I won't lie, the money is probably
gonna go towards my hobbies, but in a roundabout way, it would
also help fund the website / my photography (all the overhead
of those things comes from the same funds as everything else,
lol). You can find it
<a href="https://ko-fi.com/dadhoc" alt="ko-fi link">here</a>
:) <br /><br /><br />
<!-- Disclaimer -->
<font size="+2" color="red">DISCLAIMER</font>
<br />-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-
<br />The opinions expressed, works displayed, language used,
as well as any and all other content present on this website
do not represent any parties associated with me, or with whom
I am associated. Everything in this website, unless clearly
stated otherwise, is mine and mine alone.
<br />-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-
<br /><br /><br />
Below are some shoutouts to some solid folks I love very much,
and credits where they are due. Most of the websites linked in
this section have their own guestbooks, so go wild, tell them
Dad sent ya.
<br /><br /><br />
</p>
<!-- Shoutouts -->
<p>
<font size="+4">Friends on the New Old Web</font>
<br /><a href="https://anonicus.neocities.org/" alt="Anonicus"
><br /><font size="+3">ANONICUS</font><br />
<img
src="./assets/images/buttons/Anonicus.png"
style="vertical-align: middle"
width="132px"
height="48px"
/></a>
<br />Great lad, known him for years. Love the work he's doing
on his page, he's the one in our friend circle who really
kicked off our drive to join the New Old Web. Currently
working on a game, as I understand it; I'm sure he'll tell you
all about it in his blog. Make sure you check out his OCs too!
<br /><a
href="https://gonnefishin.neocities.org/"
alt="Gummyjon"
><br /><font size="+3">GUMMY</font><br />
<img
src="./assets/images/buttons/gummyjon.png"
style="vertical-align: middle"
width="132px"
height="48px"
/></a>
<br />Where do I start with this guy? One of my oldest
friends, and one of my dearest. Fancies himself a streamer,
and he's a pretty damn good one at that. I love the stuff he's
doing on his page, too, especially the daily Did You Know
section. Kid wears his love for the Dreamcast on his sleeve,
and I respect the hell out of that. His OCs are great, too
(like Anonicus, he has a whole page dedicated to them! Don't
tell him I said this, but Greg is still my favourite).
<!-- Credits -->
<br /><br /><br /><font size="+4">Credits / Attribution</font>
<br /><br /><a
href="https://github.com/apriltaoyvr"
alt="ApriltaoYVR"
>
April Tao / Github </a
><br />
Many, many thanks for all the help with unraveling the
mysteries of CSS and for providing some substantial help with
the foundations of this website. Most of the code here would
be spaghetti without her help :^]
<br /><br /><a href="https://98.js.org" alt="98.js">
Isaiah Odhner / 98.js </a
><br />
The unfathomably cool, pure .js reconstruction of Win98 (which
is saving me a lot of time setting up VMs just to refer to a
working copy of the OS)
<br /><br /><a
href="https://twitter.com/andrewbadr"
alt="Andrew Badr"
>
Andrew Badr </a
><br />
Creator of
<a href="https://yourworldoftext.com">Your World of Text</a>,
the platform on which the
<a href="/sharedwriting.html">campfire</a> section of this
website is built.
<!-- Image Credits -->
<br /><br />-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-=x=-
<br /><br />
</p>
<form action="/desktop.html">
<input
class="buttondesktop"
type="submit"
value="RETURN TO DESKTOP"
/>
</form>
</section>
<!-- statusbar -->
<div class="statusbar">
<div class="statusbarinset">
<!-- CC blurb -->
<p
class="statusbarinsetwords"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/"
>
<span property="dct:title">
This website, and the works herein contained, © 2022 -
2024</span
>
by
<a
rel="cc:attributionURL dct:creator"
property="cc:attributionName"
href="https://www.dadhoc.net"
>dadhoc</a
>
are licensed under
<a
href="http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1"
target="_blank"
rel="license noopener noreferrer"
style="display: inline-block"
>CC BY-NC-SA 4.0<img
style="
height: 0.8rem !important;
margin-left: 0.1875rem;
vertical-align: text-bottom;
"
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" /><img
style="
height: 0.8rem !important;
margin-left: 0.1875rem;
vertical-align: text-bottom;
"
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" /><img
style="
height: 0.8rem !important;
margin-left: 0.1875rem;
vertical-align: text-bottom;
"
src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /><img
style="
height: 0.8rem !important;
margin-left: 0.1875rem;
vertical-align: text-bottom;
"
src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"
/></a>
</p>
</div>
</div>
</div>
</section>
</main>
<!-- Taskbar -->
<div class="taskbar">
<!-- Start Menu (Desktop) -->
<a
href="/desktop.html"
class="taskbarpopout"
style="width: 5rem; color: black"
>
<img src="/assets/images/favicon.png" />
<p style="margin-left: 0.4rem; margin-right: 0.4rem">HOME</p>
</a>
<!-- Writing -->
<a
href="/writing/writingindex.html"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/mycomputer.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">WRITING</p>
</a>
<!-- Photography -->
<a
href="/photography.html"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/folder.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">PHOTOGRAPHY</p>
</a>
<!-- Campfire -->
<a
href="/sharedwriting.html"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/bonfire.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">CAMPFIRE</p>
</a>
<!-- Bluesky -->
<a
href="https://bsky.app/profile/dadhoc.bsky.social"
target="_blank"
rel="noopener noreferrer"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/bsky.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">BLUESKY</p>
</a>
<!-- GitHub -->
<a
href="https://github.com/dadhoc"
target="_blank"
rel="noopener noreferrer"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/github.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">GITHUB</p>
</a>
<!-- Taskbar Instagram -->
<a
href="https://www.instagram.com/dad_hoc/"
target="_blank"
rel="noopener noreferrer"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/insta.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">INSTAGRAM</p>
</a>
<!-- Taskbar KoFi -->
<a
href="https://ko-fi.com/dadhoc"
target="_blank"
rel="noopener noreferrer"
class="taskbarpopout"
style="color: black; margin-left: 0.5rem"
>
<img
src="/assets/images/icons/kofi.png"
style="width: 16px; height: 16px"
/>
<p style="margin-left: 0.4rem; margin-right: 0.4rem">KOFI</p>
</a>
</div>
</div>
</div>
</body>
</html>