-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
284 lines (284 loc) · 19.1 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Xan Surnamehere</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="color-scheme" content="light only" />
<meta name="description" content="Hi there. I'm Xan and this is my website. I have more websites, which can be found on this website. 👍" />
<meta property="og:site_name" content="Xan Surnamehere" />
<meta property="og:title" content="Xan Surnamehere" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Hi there. I'm Xan and this is my website. I have more websites, which can be found on this website. 👍" />
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png" />
<link rel="stylesheet" href="assets/main.css" />
<noscript><link rel="stylesheet" href="assets/noscript.css" /></noscript>
<link href="https://github.com/devxan" rel="me">
<link href="https://kitsunes.club/@xan" rel="me">
<link href="https://libre.fm/user/XanSurnamehere" rel="me">
<script defer data-domain="xan.lol" src="https://anal.xan.lol/js/script.hash.js"></script>
</head>
<body class="is-loading">
<div id="wrapper">
<div id="main">
<div class="inner">
<header id="header"></header>
<section id="homepage-section">
<div id="homehead" class="container default full screen">
<div class="wrapper">
<div class="inner">
<h1 id="hometext"><a href="#site" data-umami-event="Opened site info">Xan</a> <a href="#peek" data-umami-event="Opened easter egg">Sur</a><a href="#caps" data-umami-event="Opened cap counter">name</a><a href="#share" data-umami-event="Opened sharing page">here</a></h1>
<p id="text05">Human, designer, student, & sysadmin (notice: MOST content hasn't been updated in a long while, as I have college work and an addiction to <a href="#socials">YouTube, Bluesky</a>, & petting my kittens)</p>
</div>
</div>
</div>
<div id="background" class="container default full screen">
<div class="wrapper">
<div class="inner">
</div>
</div>
</div>
<div id="homefoot" class="container default full screen">
<div class="wrapper">
<div class="inner">
<ul id="homelinks" class="biglink links">
<li class="n01">
<a href="#now" data-umami-event="Opened now">#Now</a>
</li><li class="n02">
<a href="#about" data-umami-event="Opened about">#About</a>
</li><li class="n03">
<a href="#socials" data-umami-event="Opened socials">#Socials</a>
</li><li class="n04">
<a href="https://xanation.xan.lol/" data-umami-event="Opened server">→Server</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="now-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#now">#now</a>
</li>
</ul>
<h3 id="text14" class="style2">What am I up to at the moment? Inspired by <a href="https://nownownow.com/about" target="_blank">/now</a>; here's <a href="https://nownownow.com/p/fhcv">my listing</a></h3>
<p id="text15" class="style3"><span class="p">
My family got 2 black kittens! They are so cute. I made an account on the fediverse as an outlet for my cat pictures at <a href="https://kitty.social/@big" target="_blank">@[email protected]</a>. 🐾
</span><span class="p">
Spending an almost surprising amount of time watching YouTube videos (my Watch Later playlist went from staying around 500 videos to about 450 today!), reading posts on the <a href="https://kitsunes.club/@xan">fediverse</a>, and opening new tabs in <a href="https://zen-browser.app/" target="_blank">Zen browser</a>.
</span><span class="p">
School started again, and I'm taking a few different college classes. They seem really centered around self and wellness, which I find really interesting and beneficial! New ADHD medication doesn't seem to give me any effects besides an increased heartrate and one that's easier to feel. I get to take a bus with the <a href="https://transitapp.com/" target="_blank">Transit app</a>, which is fun. (I had a bike accident a month ago and it hurt! I blame the poorly designed layout around the curb that caused me to fall. Curse you, unthoughtful city planner(s)!)
</span><span class="p">
My local school district superintendent sought me out a while after they learned that I owned a domain with their name. We had a nice chat and then I emailed them a few days later (finished drafting but forgot to hit send) asking to allow some software on student devices, like <a href="https://obsidian.md/" target="_blank">Obsidian</a>.
</span><span class="p">
Started work on <a href="https://puter.group" target="_blank">puter.group</a>'s website. The domain will have a webring and fediverse instance in the future, ran by <a href="https://swaggy.dev" target="_blank">Swaggyware</a>! (wait, but what if I made a webring for everyone with my name...)
</span><span class="p">
The services on my Contabo-hosted VPS server keep becoming inaccessible (first a month ago, then the sever became read-only, and that combined with a fix might've caused breakage. Happened for a second time) and it might be them being malicious or scamming me by thorttling my connection to 10MB/s, even though <a href="https://contabo.com/blog/vps-100-mbits-limit-throttling/" target="_blank">they promise 100MB/s at the minimum</a>... Definitely won't be using them in the future. This seems like the most likely reason, with the SSH connection and different websites all functioning poorly or not at all.
</span></p><p id="text16" class="style4"><em>🫨🤝🤨 Last updated on October 14th at a reasonable time PST (2024-10-14)</em></p>
</section>
<section id="about-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#about">#about</a>
</li>
</ul>
<h3 id="text10" class="style2">About myself & who I am</h3>
<p id="text11" class="style3"><strong>TL;DR: he/he/they "maleman" who likes computers, cats, consuming content, creating content, & <a href="https://servers.xan.lol/">interacting</a> with fellow humans.</strong></p>
<p id="text19" class="style3"><span class="p">My name's Xan! ✨ I'm a lover of swaggy software & technology. I normally speak in a monotone, and I like using a deadpan delivery of humor to make others laugh. (Do note that <a href="https://music.youtube.com/watch?v=mZlNGPbS-KA" target="_blank">I am not a robot</a> 🗿)
</span><span class="p">
I spend a lot of time chatting with friends <a href="https://xanation.xan.lol" target="_blank">on Discord</a>, where I own a couple <a href="https://servers.xan.lol/">servers</a>. I also browse YouTube, the Fediverse, the whole {indie} internet, and on <a href="#socials">more social platforms</a>. But when I'm not online, I'm taking public transit to the library, playing card games, reading a book, or using hardware offline. 😼📸 I use my Google Pixel 6 or other cameras to take photos, like the ones on this site's <a href="#homepage">homepage</a> and <a href="https://photography.xan.lol" target="_blank">photography.xan.lol</a>.
</span><span class="p">
I sometimes use YouTube Music to find songs to listen to and then download, increasing the number of hours <spoiler-text>(>42 as of April '23)</spoiler-text> of music on my phone, so I always have something to listen to. I listed a ton of my favorite musicians (and films, games, & content creators) on <a href="https://faves.xan.lol/" target="_blank">faves.xan.lol</a> so that I can remember them all <strong>[HORRIBLY OUTDATED]</strong>. I also have a <a href="https://www.last.fm/user/XanSurnamehere" target="_blank">Last.fm</a> account that's way more up-to-date.
</span><span class="p">
I like eating vegan ice cream (ex: Ben And Jerry's Non-Dairy Cherry Garcia) and other plant-<strong>based</strong> foods. I chose the diet/lifestyle after learning about the vast health benefits, even though I lack more empathy for those so-called livestock. <spoiler-text>Animal products cause more carbon emissions than the entire transportation sector!!?</spoiler-text>
</span><span class="p">
The first name 'Xan' comes from the <a href="https://en.wikipedia.org/wiki/Time_Quintet" target="_blank">Time Quintet</a>/<a href="https://en.wikipedia.org/wiki/A_Wrinkle_in_Time" target="_blank">A Wrinkle in Time</a> series. And while the last name 'Surnamehere' was an original thought that's much more modern, it could be considered important in elements of my <a href="https://textbased.xan.lol/" target="_blank">lore</a>.
</span><span class="p">
It's possible that you learned that I was alive through my <a href="https://scratch.mit.edu/users/-Xanimation-" target="_blank">Scratch presence</a>. I don't use the platform anymore, but if you care, you can <a href="https://servers.xan.lol/#scratch" target="_blank">read a little bit</a> about some accounts I traveled through.
</span></p>
</section>
<section id="socials-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#socials">#socials</a>
</li>
</ul>
<h3 id="text08" class="style2">Websites I have accounts on</h3>
<h3 id="text21" class="style6">Recommended 😎</h3>
<div id="container05" class="container columns full">
<div class="wrapper">
<div class="inner">
<div>
<ul class="style1 buttons">
<li>
<a href="https://kitsunes.club/@xan" target="_blank" class="button activitypub"><svg><use xlink:href="assets/icons.svg#activitypub"></use></svg><span class="label">@[email protected]</span></a>
</li><li>
<a href="https://discord.com/users/687328712084946973" target="_blank" class="button discord"><svg><use xlink:href="assets/icons.svg#discord"></use></svg><span class="label">@xansurnamehere</span></a>
</li>
</ul>
</div>
<div>
<ul class="style1 buttons">
<li>
<a href="mailto:[email protected]" target="_blank" class="button email"><svg><use xlink:href="assets/icons.svg#email"></use></svg><span class="label">[email protected]</span></a>
</li><li>
<a href="https://signal.me/#eu/8uzMaiHBE24gJtQ65z_VAg6Jfd1Nsr3wHvM0PGTeibzUs6tIHrNOh4wMg0cKVwth" target="_blank" class="button signal"><svg><use xlink:href="assets/icons.svg#signal"></use></svg><span class="label">@xan.42</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<h3 id="text17" class="style6">Monetary 💵</h3>
<div id="container08" class="container columns full">
<div class="wrapper">
<div class="inner">
<div>
<ul class="style1 buttons">
<li>
<a href="https://cash.app/$Xanilan" target="_blank" class="button cashapp"><svg><use xlink:href="assets/icons.svg#cashme"></use></svg><span class="label">Cashapp</span></a>
</li>
</ul>
</div>
<div>
<ul class="style1 buttons">
<li>
<a href="https://www.buymeacoffee.com/xanquality" target="_blank" class="button buymeacoffee"><svg><use xlink:href="assets/icons.svg#buymeacoffee"></use></svg><span class="label">Buy Me a Coffee</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<h3 id="text20" class="style6">Federated 💖</h3>
<div id="container06" class="container columns full">
<div class="wrapper">
<div class="inner">
<div>
<ul class="style1 buttons">
<li>
<a href="https://kitsunes.club/@xan" target="_blank" class="button activitypub"><svg><use xlink:href="assets/icons.svg#activitypub"></use></svg><span class="label">Fediverse</span></a>
</li><li>
<a href="https://large-type.com/#Ask%20for%20my%20%23%20elsewhere" target="_blank" class="button phone"><svg><use xlink:href="assets/icons.svg#phone"></use></svg><span class="label">Phone</span></a>
</li>
</ul>
</div>
<div>
<ul class="style1 buttons" rel="me">
<li>
<a href="mailto:[email protected]" target="_blank" class="button email"><svg><use xlink:href="assets/icons.svg#email"></use></svg><span class="label">Email</span></a>
</li><li>
<a href="https://matrix.to/#/@xan:tchncs.de" target="_blank" class="button matrix"><svg><use xlink:href="assets/icons.svg#matrix"></use></svg><span class="label">Matrix</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<h3 id="text18" class="style6">Centralized 🤔</h3>
<div id="container07" class="container columns full">
<div class="wrapper">
<div class="inner">
<div>
<ul class="style1 buttons">
<li>
<a href="https://bsky.app/profile/xan.lol" target="_blank" class="button bluesky"><svg><use xlink:href="assets/icons.svg#bluesky"></use></svg><span class="label">Bluesky</span></a>
</li><li>
<a href="https://signal.me/#eu/8uzMaiHBE24gJtQ65z_VAg6Jfd1Nsr3wHvM0PGTeibzUs6tIHrNOh4wMg0cKVwth" target="_blank" class="button signal"><svg><use xlink:href="assets/icons.svg#signal"></use></svg><span class="label">Signal</span></a>
</li><li>
<a href="https://discord.com/users/687328712084946973" target="_blank" class="button discord"><svg><use xlink:href="assets/icons.svg#discord"></use></svg><span class="label">Discord</span></a>
</li><li>
<a href="https://steamcommunity.com/id/Xanilan/" target="_blank" class="button steam"><svg><use xlink:href="assets/icons.svg#steam"></use></svg><span class="label">Steam</span></a>
</li><li>
<a href="https://twitter.com/XanSurnamehere" target="_blank" class="button twitter"><svg><use xlink:href="assets/icons.svg#twitter"></use></svg><span class="label">Twitter</span></a>
</li>
</ul>
</div>
<div>
<ul class="style1 buttons">
<li>
<a href="https://www.youtube.com/@xanquality?sub_confirmation=1" target="_blank" class="button youtube"><svg><use xlink:href="assets/icons.svg#youtube-alt"></use></svg><span class="label">YouTube</span></a>
</li><li>
<a href="https://www.last.fm/user/xansurnamehere" target="_blank" class="button lastfm"><svg><use xlink:href="assets/icons.svg#lastfm"></use></svg><span class="label">Last.fm</span></a>
</li><li>
<a href="https://devxan.itch.io/" target="_blank" class="button itchio"><svg><use xlink:href="assets/icons.svg#itchio"></use></svg><span class="label">itch.io</span></a>
</li><li>
<a href="https://en.wikipedia.org/wiki/User:XanSurnamehere" target="_blank" class="button wikipedia"><svg><use xlink:href="assets/icons.svg#wikipedia"></use></svg><span class="label">Wikipedia</span></a>
</li><li>
<a href="https://github.com/devxan" target="_blank" class="button github"><svg><use xlink:href="assets/icons.svg#github"></use></svg><span class="label">GitHub</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="share-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#share">#share</a>
</li>
</ul>
<h3 id="text07" class="style2">Show someone else this website</h3>
<div id="image02" class="image">
<span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAxNTAwIDE1MDAiIHdpZHRoPSIxNTAwIiBoZWlnaHQ9IjE1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyZWN0IGZpbGw9IiM1YjIzMjIiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48L3N2Zz4%3D" data-src="assets/images/image02.jpg" alt="A QR code leading to xan.lol" /></span>
</div>
</section>
<section id="caps-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="https://www.google.com/search?q=No+Cap+Phrase" target="_blank">#caps</a>
</li>
</ul>
<h3 id="text12" class="style2">No cap (actually not even cap!), this is the total number of 🧢 caps I have</h3>
<h1 id="text09">25</h1>
</section>
<section id="site-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#site">#site</a>
</li>
</ul>
<h3 id="text03" class="style2">This website is so swaggy 🤯</h3>
<p id="text04" class="style3"><span class="p">
Xan.lol was originally made with no-code site building service <a href="https://carrd.co/" target="_blank">Carrd.co</a>, but after having a good time paying for its top teir and not coding much myself, I decided to export my sites. The source code of this one is now available on <a href="https://github.com/devxan/site" target="_blank">GitHub</a> (under a Mozilla Public License and Creative Commons BY-NC-SA) and is hosted with <a href="https://pages.cloudflare.com/" target="_blank">Cloudflare Pages</a>.
</span><span class="p">
I use <a href="https://contabo.com" target="_blank">Contabo</a> to host my own <a href="https://coolify.io/" target="_blank">Coolify</a> instance, which is connected to a few xan.lol subdomains. I often think about updating this main site to have more content in the form of a microblog (&/or a full blog), integrations with services I use (<a href="https://codepen.io/Scarecr0w/pen/qxwMKo" target="_blank">Last.fm</a>, <a href="https://github.com/Phineas/lanyard" target="_blank">Discord</a>, etc.), lists of my <a href="https://faves.xan.lol" target="_blank">favorite things</a>, and a better layout.</span></p>
</section>
<section id="peek-section">
<ul class="style1 biglink links">
<li class="n01">
<a href="#homepage">xan.lol</a>
</li><li class="n02">
<a href="#peek">#peek</a>
</li>
</ul>
<h3 id="text06" class="style2">What's this? The Socio-Political Climate Of IKEA?! No, I don't think so.</h3>
<p id="text13" class="style3"><span class="p">
🫨🤝🤨
</span></p>
</section>
<footer id="footer"></footer>
</div>
</div>
</div>
<script src="assets/main.js"></script>
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
</body>
</html>