-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
212 lines (212 loc) · 8.4 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
<!DOCTYPE html>
<html lang=en>
<head>
<title>The Chaos Realm</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta charset="UTF-8">
<meta property="og:type" content="website">
<meta property="og:title" content="TheDogOfChaos"/>
<meta property="og:description" content="A personal website of mine, created on GitHub Pages. Kind of a hub thing for people to check in on me. "/>
<meta property="og:url" content="https://thedogofchaos.github.io"/>
<meta property="og:image" content="/resources/backgrounds/tilableBG4.png"/>
<meta content="#00c000" data-react-helmet="true" name="theme-color" />
<meta name="google-site-verification" content="aLieeH8u7SX4mWXaTSNcJ5akuxR_9nxXPjn5ct5kZrk" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<script src="https://kit.fontawesome.com/3f18ce77ed.js" crossorigin="anonymous"></script>
<script src="scripts/usefulFuncs.js"></script>
</head>
<body onload="darkLoad()">
<div class="box" style="margin-bottom:15px">
<button id="darkToggle" onclick="darkToggle()">
<i id="light" class="fas fa-sun"></i>
<i id="dark" class="fas fa-moon" style="display:none;"></i>
</button>
<h1>
TheDogOfChaos
</h1>
<hr>
<div class="marquee">
<ul class="marquee-content">
<li>
<i class="fab fa-github"></i>
<a href="https://github.com/TheDogOfChaos/">
@TheDogOfChaos
</a>
</li>
<li>
<i class="fab fa-discord"></i>
@thedogofchaos
</li>
<li>
<i class="fab fa-twitter"></i>
@TheDogOfChaos
</li>
<!-- <li>
<i class="fab fa-twitter"></i>
[🔞]
<span class="spoiler">@LewdDogOfChaos</span>
</li> -->
<li>
<i class="fab fa-steam"></i>
@TheDogOfChaos
</li>
<li>
<s><i class="fab fa-youtube"></i>
@TheDogOfChaos
</s>
</li>
</ul>
<ul class="marquee-content" aria-hidden="true">
<li>
<i class="fab fa-github"></i>
<a href="https://github.com/TheDogOfChaos/">
@TheDogOfChaos
</a>
</li>
<li>
<i class="fab fa-discord"></i>
@thedogofchaos
</li>
<li>
<i class="fab fa-twitter"></i>
@TheDogOfChaos
</li>
<!-- <li>
<i class="fab fa-twitter"></i>
[🔞]
<span class="spoiler">@LewdDogOfChaos</span>
</li> -->
<li>
<i class="fab fa-steam"></i>
@TheDogOfChaos
</li>
<li>
<s><i class="fab fa-youtube"></i>
@TheDogOfChaos
</s>
</li>
</ul>
</div>
<p style="font-size:1vw;text-align:center;color:#c0c0c0">
hover on blurred things to reveal them<br>
<!-- (nsfw stuff will have a "[🔞]" next to it) -->
</p>
</div>
<div class="box">
<h1>Recent News:</h1>
<hr>
<ul>
<li>(5th of May, 2024) - <a href="pages/news.html">YT Channel terminated.</a></li>
</ul>
</div>
<div class="box" style="margin-top:15px">
<section>
<h2>
> QUICK LINKS:
</h2>
<hr>
<ul>
<li>PROJECTS:</li>
<div style="
color:#808080;
font-size:10px
">
⏳ = Current Project<br>
✔️ = Project Complete<br>
🗄️ = Temporarily Shelved<br>
🪦 = Completely Abandoned
</div>
<ul>
<li>
🪦
<a href="https://thedogofchaos.github.io/mindustry-mod-maker" class="shelved">
mindustry mod maker
</a>
</li>
</ul>
<li>
<a href="http://github.com/TheDogOfChaos/TheDogOfChaos.github.io">
this page's repo
<i class="fab fa-github"></i>
</a>
</li>
<li>
allan please add details
</li>
</ul>
</section>
</div>
<div class="box">
<h1>
About Me
</h1>
<hr>
<section>
<p>
<h2>
> Who am I?
</h2>
I am TheDogOfChaos.<br>
I am, have always been, and always want to be male.<br>
You might already know me as Becquerel, or simply 'Bec'.
My real name is something I wish to be kept private here on the internet.
<hr>
</p>
<p>
<h2>
> What am I?
</h2>
I am an aspiring programmer/furry with ADHD.
You might also know me as my primary character: A white-furred canine thing with green highlights (i.e. green eyes & green flesh), of whom is largely based off of the character from Homestuck of the same name: Becquerel.
<br><sub>(images <i>may be attached in future</i>, assuming I can commission some artwork of him)</sub>
<hr>
</p>
<p>
<h2>
> What am I interested in?
</h2>
To be perfectly honest, my interests change <i>very</i> frequently. <sub>(thank you, ADHD..)</sub><br>
That being said, there are a few things that I never seem to give up though, those being Minecraft, Mindustry and Homestuck (Epilogues & ^2 included).
<hr>
</p>
<p>
<h2>
> Contact me:
</h2>
To contact me, please refer to any of my linked handles on the marquee at the top of the page.
<hr>
</p>
<p>
<h2>
> My hardware:
</h2>
I own a TCL 306 and a pretty good Windows 10 PC.
(Ryzen 5 4500, Radeon RX6400, 16gb RAM, 1TB NVMe SSD)
<hr>
</p>
<p>
<h2>
> Other noteworthy things about me:
</h2>
I <b>am NOT</b>:
<ul>
<li>Always available.</li>
<li>Always interested, <i>even if it's a topic I usually like.</i></li>
<li>Always knowledgeable on the subject at hand.</li>
<li>A miracle-worker.</li>
<li>In a relationship, nor am I willing to start one.</li>
</ul>
I <b>am</b>:
<ul>
<li>A guy with a life and ongoing further education.</li>
<li>A guy who wants to properly learn Java (and other programming languages).</li>
</ul>
</p>
</section>
<div class="licence"><hr></div>
</div>
</body>
</html>