Browse Source

Added dark-themed specific versions of webpages

old
Jean 6 months ago
parent
commit
5f999a5bd6
Signed by: easthighNerd <jean@easthighnerd.net> GPG Key ID: F4B3EACD21AEFFF4
18 changed files with 3519 additions and 0 deletions
  1. +207
    -0
      blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/dark.html
  2. +198
    -0
      blog/2022/11/why_my_website_is_nothing_fancy/dark.html
  3. +157
    -0
      blog/2023/02/new_link_color_coding/dark.html
  4. +167
    -0
      blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/dark.html
  5. +138
    -0
      blog/dark.html
  6. +134
    -0
      contact/dark.html
  7. +148
    -0
      dark.html
  8. +139
    -0
      external_links/dark.html
  9. +186
    -0
      mumble/dark.html
  10. +159
    -0
      other_interweb_peoples/dark.html
  11. +348
    -0
      pokemon/current/crystal/dark.html
  12. +178
    -0
      pokemon/current/dark.html
  13. +394
    -0
      pokemon/current/emerald/dark.html
  14. +319
    -0
      pokemon/current/red/dark.html
  15. +136
    -0
      pokemon/dark.html
  16. +157
    -0
      sitemap/dark.html
  17. +143
    -0
      socials/dark.html
  18. +211
    -0
      software_i_use/dark.html

+ 207
- 0
blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/dark.html View File

@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Nexus 7 2013 (WiFi) and Ubuntu Touch - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="nexus-7-2013-wifi-and-ubuntu-touch">Nexus 7 2013
(WiFi) and Ubuntu Touch</h1>
<p><a href="/res/img/nexus_7_2013_wifi-scopes.png" target="_blank">[IMAGE]
Scopes (home screen)</a></p>
<p>About a month ago (give or take) I purchased a Nexus 7
2013 (WiFi) with the intent of flashing Ubuntu Touch (OTA 9)
onto it. I had previously flashed Ubuntu Touch onto a Nexus
5 that I had gotten for Christmas last year, again with the
intent of flashing Ubuntu Touch onto it, so I knew what I
could look forward to and what I could expect.</p>
<h2 id="flashing-ubuntu-touch">Flashing Ubuntu Touch</h2>
<p>Flashing Ubuntu Touch onto the Nexus 7 was pretty easy
overall. First thing I had to do was install
<code>adb</code> and <code>fastboot</code> onto my computer
(running Ubuntu), as well as the
<code>ubports-installer</code> snap.</p>
<p><a
href="/res/img/ubports_installer-nexus_7_2013_wifi.png" target="_blank">[IMAGE]
UBPorts installer</a></p>
<p>Next, on the nexus 7 I needed to enable developer mode,
enable USB debugging, unlock the bootloader, and re-enable
dev mode and USB debugging. After that, I hooked up the
Nexus 7 to my PC and launched the UBports Installer. It
detected that the Nexus 7 was connected and pulled up the
menu for flashing it right away. I clicked the needed
buttons to flash it and let it do it's thing.</p>
<h2 id="initial-setup">Initial Setup</h2>
<p>After Ubuntu Touch was flashed onto the Nexus 7, I went
through the initial setup of the device. First was the
standard stuff like setting up WiFi and creating a user
account.</p>
<p>After that, I made sure any updates were applied and went
on to install the apps I use from the Open Store, as well as
any that I made myself.</p>
<h2 id="day-to-day-usage">Day-to-Day Usage</h2>
<p>Using this thing more-or-less every day for about the
past month, it has worked great! I use it to check the
weather, browse my Mastodon feed, shop on Amazon, and
more!</p>
<h2 id="papercuts">Papercuts</h2>
<p>Of course, my experience has not been perfect. While I
have not had any major issues using Ubuntu Touch on the
Nexus 7, here are some papercuts that I have come
across:</p>
<ul>
<li>Screen orrientaion is locked to landscape on
lockscreen</li>
<li>WiFi may not auto-reconnect. Pulling down WiFi menu may
reconnect Wifi. Disabling WiFi and re-enabling reconnects
WiFi</li>
<li>Username on lockscreen does not move when keyboard pulls
up</li>
</ul>
<h2 id="summary">Summary</h2>
<p>All in all, I love this thing! Ubuntu Touch is maturing
nicely, and is very much in a usable, daily driver state.
The Nexus 7 is a nice tablet, with a good screen resolution,
feel, and size.</p>
<p>Of course, you may suffer from a lack of apps compaired
to what you may be used to from iOS or Android, however
there is a nice selection of apps available on the Open
Store that may fill almost any role you need them to.</p>
<p>Overall, I would definitely suggest this setup to anyone
wanting a nice tablet with a free OS on it, or simply a nice
tablet experience overall!</p>
<h2 id="afterword-app-picks">Afterword: App Picks</h2>
<p>Here are some apps I recommend using on Ubuntu Touch:</p>
<ul>
<li>FluffyChat (Matrix Client)</li>
<li>Podbird (Podcast client)</li>
<li>Telegram/TELEports* (Telegram)</li>
<li>uMastonauts (Mastodon client)</li>
<li>Recorder (audio recorder)</li>
<li>uAdBlock (system-wide ad blocker)</li>
<li>UT Tweak Tool (tweak UT even more. Use caution!)</li>
</ul>
<p>*TELEports is still in beta as of writing</p>
<hr />
<p><a
href="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" target="_blank" class="external_link">[EXTERNAL] [IMAGE]
CC BY-SA 4.0</a><br />
This work is licensed under a <a
href="https://creativecommons.org/licenses/by-sa/4.0" target="_blank" class="external_link">[EXTERNAL] Creative
Commons Attribution-ShareAlike 4.0 International
License</a>.</p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 198
- 0
blog/2022/11/why_my_website_is_nothing_fancy/dark.html View File

@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Why My Website is Nothing Fancy - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/blog/2022/11/why_my_website_is_nothing_fancy/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/blog/2022/11/why_my_website_is_nothing_fancy/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="why-my-website-is-nothing-fancy">Why My Website is
Nothing Fancy</h1>
<p>As you have likely noticed, my website, the one you are
currently reading this blog post on now, is rather…
plain</p>
<p>It's not due to any technical incompetence, I assure
you</p>
<p>So you may be asking then, why?</p>
<h2 id="my-reasoning">My Reasoning</h2>
<p>When I created this website, I set out for it to be plain
on purpose</p>
<p>I went for a design that sorta resembles what you might
find on some <a
href="https://en.wikipedia.org/wiki/Gemini_(protocol)" target="_blank" class="external_link">[EXTERNAL] Gemini</a>
pages</p>
<p>I also wanted it to be quick to load</p>
<p>With a lack of fancy images on every damn page, no
JavaScript trying to load, no analytics hogging bandwidth,
site loads pretty quick, don't it?</p>
<p>In my opinion, that's how it should be!</p>
<p>Images, especially large ones, can make a page load
slower, plus there's the added bandwidth and data
consumption</p>
<p>JavaScript is evil in my opinion, due to how it can be
(and a not-insignificant amount of times is) used in rather
malicious ways, plus I just don't like it</p>
<p>Analytics have their place, don't get me wrong, however
most of the time they end up being through either Google's
or Facebook's offerings, which leads to more of your data
being hoovered up by these mega-corps and shared or sold to
others without your consent</p>
<h2 id="so-how-do-i-have-my-website-setup-than">So How do I
Have My Website Setup Than?</h2>
<p>I type out everything in Markdown, and use a script to
recursively convert the Markdown files into HTML using <a
href="https://pandoc.org" target="_blank" class="external_link">[EXTERNAL] pandoc</a>, and have that content
placed in the desired spot and outputted to an index.html
file where I want it</p>
<p>I don't use any JavaScript nor analytics, period*</p>
<p>I have any images that would normally be in something
like, say, a blog post, as a link to that image, denoted by
"[IMAGE]", followed by a short description of what that
image is, where I would have liked that image to be placed
if it was present inline</p>
<p>That does mean that one would need to click on the link
to that image to load it, which would then take them to just
that image inside their browser, requiring them to hit the
"page-back" button to return to the prior page, but honestly
I don't see a problem with that</p>
<p>I also have a black background for every page setup,
along with white text, as I am a fan of dark modes, white
backgrounds hurt my eyes, and for contrast purposes</p>
<p>All links are also colored yellow, and change to a light
blue when hovered over, 1) because I like the colors and 2)
they contrast nicely against the black background</p>
<p>I also use monospace for the font, as I find it easier to
read, plus I just like it</p>
<h2 id="that-it">That it?</h2>
<p>Pretty much</p>
<p>I would like to add one more thing though: LibreOffice I
should not have to add the word "analytics" into your
dictionary it is an actual word for crying out loud</p>
<p><br />
</p>
<p><em>* I cannot speak for anything that my hosting
provider collects, which considering that this site is
currently hosted on a VPS, and is just code being served by
Apache2, there shouldn't be any cause for concern</em></p>
<hr />
<p><a
href="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" target="_blank" class="external_link">[EXTERNAL] [IMAGE]
CC BY-SA 4.0</a><br />
This work is licensed under a <a
href="https://creativecommons.org/licenses/by-sa/4.0" target="_blank" class="external_link">[EXTERNAL] Creative
Commons Attribution-ShareAlike 4.0 International
License</a></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 157
- 0
blog/2023/02/new_link_color_coding/dark.html View File

@@ -0,0 +1,157 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
New Link Color Coding - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/blog/2023/02/new_link_color_coding/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/blog/2023/02/new_link_color_coding/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="new-link-color-coding">New Link Color Coding</h1>
<p>As I have written about in a <a
href="/blog/2022/11/why_my_website_is_nothing_fancy/dark.html">previous
blog post</a>, I have links on my website colored
<code>yellow</code> to clearly denote that they're links</p>
<p>However, there was no clear indication of what links went
outside my website <em>(external links)</em>, nor what links
went to <code>http</code> only web pages, unless I
remembered to denote that in the link's name</p>
<p>Well, I finally got around to fixing that</p>
<h2 id="new-color-coding-for-links-on-my-website">New Color
Coding for Links on my Website</h2>
<p>Going forward, all internal links on my website
<em>(those leading to other pages on this site)</em> shall
be denoted by <span
class="green"><strong>GREEN</strong></span> text, all
external links <em>(those leading to websites that are not
this one)</em>, including any linked images not stored on
this site, will be denoted by <span
class="external_link"><strong>YELLOW</strong></span> text,
and all external links that lead to sites which are not
served using SSL/TLS <em>(potentially http only
websites)</em>, including images, will be denoted by <span
class="http_link"><strong>RED</strong></span> text</p>
<p>This way, it will be clear to anyone who visits this site
what links go where, as well as whether or not they lead to
an insecure page</p>
<hr />
<p><a
href="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" target="_blank" class="external_link">[EXTERNAL] [IMAGE]
CC BY-SA 4.0</a><br />
This work is licensed under a <a
href="https://creativecommons.org/licenses/by-sa/4.0" target="_blank" class="external_link">[EXTERNAL] Creative
Commons Attribution-ShareAlike 4.0 International
License</a></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 167
- 0
blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/dark.html View File

@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
I Made a Version of My Website for NCSA
Mosaic - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="i-made-a-version-of-my-website-for-ncsa-mosaic">I
Made a Version of My Website for NCSA Mosaic</h1>
<p>The title pretty much says it all, I went and made a
version of my website, coded in <cite>HTML 2.0</cite>, for
the <cite>NCSA Mosaic 2.7b</cite> web browser.</p>
<p>Why did I do this, you might be asking? Honestly, why
not?</p>
<p>I have no real reason for doing this, aside from just
wanting to do it.</p>
<p>The idea came to mind after I was doing some research on
the <cite>Mobile Adapter GB</cite>, and read up on how it
had a web browser.</p>
<p>I then went and found out what version of
<cite>HTML</cite> the last version of <cite>Mosaic</cite>
supported, which turned out to be 2.0.</p>
<p><br />
</p>
<p>Now, my normal website, as it currently stands, is more
than readable by <cite>Mosaic</cite>, however,
<cite>Mosaic</cite> cannot open any <cite>HTTPS</cite>
links, so anywhere off my main site that a link went, it
couldn't follow.</p>
<p>I also use <cite>CSS</cite> for all the actual formatting
on the main site, and seeing as <cite>Mosaic</cite> doesn't
do the whole "<cite>CSS</cite>" thing, I decided to take
some... creative liberties, and make a version of my site
using nothing but <cite>HTML 2.0</cite> and it's available
tags.</p>
<p>I ported over some of the pages from the main site, and
made any adjustments I deemed warranted.</p>
<p><br />
</p>
<p>So that's about it. I don't really have anything else to
add!</p>
<p>Long live the open web! Death to
<cite>JavaScript</cite>!</p>
<hr />
<p><a
href="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" target="_blank" class="external_link">[EXTERNAL] [IMAGE]
CC BY-SA 4.0</a><br />
This work is licensed under a <a
href="https://creativecommons.org/licenses/by-sa/4.0" target="_blank" class="external_link">[EXTERNAL] Creative
Commons Attribution-ShareAlike 4.0 International
License</a></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 138
- 0
blog/dark.html View File

@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Blog - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/blog/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/blog/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="read-my-dumb-thoughts-at-your-own-peril">Read my
dumb thoughts at your own peril!</h1>
<ul>
<li>2023/03/12 - <a
href="/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/dark.html">I
Made a Version of My Website for NCSA Mosaic</a></li>
<li>2023/02/05 - <a
href="/blog/2023/02/new_link_color_coding/dark.html">New
Link Color Coding</a></li>
<li>2022/11/05 - <a
href="/blog/2022/11/why_my_website_is_nothing_fancy/dark.html">Why
My Website is Nothing Fancy</a></li>
<li>2019/05/26 - <a
href="/blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/dark.html">Nexus
7 2013 (WiFi) and Ubuntu Touch</a></li>
</ul>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 134
- 0
contact/dark.html View File

@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Contact - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/contact/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/contact/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="here-are-some-ways-you-can-get-a-hold-of-me">Here
are some ways you can get a hold of me:</h1>
<!-- * Briar: Get back to me on that one -->
<ul>
<li>Email: <a
href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a></li>
<li>XMPP: easthighnerd@snug.moe</li>
</ul>
<p><br />
</p>
<p><em>I prefer to be contacted over XMPP, however you do
you</em></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 148
- 0
dark.html View File

@@ -0,0 +1,148 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Home - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1 id="why-hello-there">Why hello there!</h1>
<p>I'm Jean, a transfem <em>(she/her)</em> in their 20s,
known more so on the net as easthighNerd <em>(pronounced
east-high-Nerd)</em>.</p>
<p><br />
</p>
<p>I'm just your not so average otaku geek.</p>
<p>I love anime, vidya games, manga, computers, you know,
the works.</p>
<p><br />
</p>
<p>I am an advocate for free <em>(as in gratis and
libre)</em> and open source software <em>(F(L)OSS.)</em></p>
<p>I also advocate <strong>STRONGLY</strong> for encryption,
whether that's full drive encryption, end-to-end encryption,
you get the idea.</p>
<p><br />
</p>
<p>I'm also kind of a nerd for older technologies. I find
them rather fascinating!</p>
<p><br />
</p>
<p>Feel free to poke around my website as you see fit!</p>
<p>You are also more than welcome to check out my socials,
as well as my Gitea if you want to see some of my current
and past fever drea- I mean code!</p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 139
- 0
external_links/dark.html View File

@@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
External Links - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/external_links/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/external_links/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1
id="here-is-a-list-of-external-websites-that-i-link-to">Here
is a list of external websites that I link to:</h1>
<ul>
<li><a href="https://getfedora.org" target="_blank" class="external_link">[EXTERNAL] Fedora Project</a></li>
<li><a href="https://kde.org" target="_blank" class="external_link">[EXTERNAL] KDE</a></li>
<li><a href="https://techlore.tech" target="_blank" class="external_link">[EXTERNAL] Techlore</a></li>
<li><a href="https://thenewoil.org" target="_blank" class="external_link">[EXTERNAL] The New Oil</a></li>
<li><a href="https://yesterweb.org" target="_blank" class="external_link">[EXTERNAL] Yesterweb</a></li>
</ul>
<p><br />
</p>
<p><em>My linking of these websites does not mean that I am
in anyway affiliated with them or their operators, I simply
link to them because I like what they're doing, because I
would like to potentially increase their exposure, and/or
just becasue I think they're neat</em></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 186
- 0
mumble/dark.html View File

@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Mumble - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/mumble/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/mumble/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<p>After installing
<a href="https://www.mumble.info/" target="_blank" class="external_link">[EXT]
Mumble</a> and launching it for the first time, you will be
greeted by the audio configuration wizard</p>
<p><a href="/res/img/mumble-audio_wizard.png" target="_blank"><img src="/res/img/mumble-audio_wizard.png" width="560px" height="auto"></a></p>
<p>There are three (3) different coloured bars under
<em><code>Transmission</code></em>: a <span
style="color: red;">red <em><code>silence</code></em>
bar</span>, a <span style="color: yellow;">yellow
<em><code>transition</code></em> bar</span>, and a <span
style="color: lime;">green <em><code>speech</code></em>
bar</span></p>
<p>With your microphone of choice selected and turned on,
adjust the <span style="color: red;">red bar</span> until
the end of it is just over the ambient sound of the area
that you are in, so that Mumble will not begin transmitting
audio without you saying anything</p>
<p>Next, you want to adjust the <span
style="color: lime;">green bar</span> until the beginning of
it is a bit before where the lit-up area when you’re talking
normally ends (adjust it even a bit more prior if you so
please)</p>
<hr />
<p>After you have your audio input settings how you like
them, click on [Apply] and then [OK]</p>
<p>After you have completed setting up your audio input, you
will be presented with the certificate wizard</p>
<p>If you don’t already have a previous certificate you
would like to import, just continue with the automated
certificate creation</p>
<hr />
<p>After all that is done, you should now be presented with
Mumble’s startup window, with the server connect window up
front, and the main window behind it</p>
<p><a href="/res/img/mumble-startup.png" target="_blank"><img src="/res/img/mumble-startup.png" width="560px" height="auto"></a></p>
<p>If for some reason you don’t see the server connect
window, simply click the server button (globe icon) in the
top-left corner to pull it up at any time</p>
<p><a href="/res/img/mumble-main_window.png" target="_blank"><img src="/res/img/mumble-main_window.png" width="560px" height="auto"></a></p>
<p>From the server connect window, click on [Add New…] to
add the Mumble server you would like to connect to to your
list of servers</p>
<p><a href="/res/img/mumble-server_connect-1.png" target="_blank"><img src="/res/img/mumble-server_connect-1.png" width="560px" height="auto"></a></p>
<p>Now you will enter the address (URL) for the server you
would like to connect to, enter the username you would like
to have in that server, and give it a label to help you
identify it in your list of servers (can be anything you
would like)</p>
<p>Generally speaking, you should leave the port number
alone and not change it, unless you know the server you want
to connect to is not using the standard port Mumble uses</p>
<p><a href="/res/img/mumble-add_server.png" target="_blank"><img src="/res/img/mumble-add_server.png" width="560px" height="auto"></a></p>
<p>Now that you’ve added the server, click on the server
entry in the list of servers and click [Connect]</p>
<p><a href="/res/img/mumble-server_connect-2.png" target="_blank"><img src="/res/img/mumble-server_connect-2.png" width="560px" height="auto"></a></p>
<p>If the Mumble server you would like to connect to is
password protected, and you have not previously connected to
it, you will need to enter the needed password to finish
connecting to the server</p>
<p><a href="/res/img/mumble-password.png" target="_blank"><img src="/res/img/mumble-password.png" width="560px" height="auto"></a></p>
<hr />
<p>Congratulations! You have now added and connected to a
Mumble server!</p>
<p>Enjoy talking with your friends and guild-mates!</p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 159
- 0
other_interweb_peoples/dark.html View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Other Interweb Peoples - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/other_interweb_peoples/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/other_interweb_peoples/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<h1
id="here-is-a-list-of-cool-people-that-are-also-on-the-interwebs">Here
is a list of cool people that are also on the
interwebs:</h1>
<ul>
<li>Shouko - <a
href="https://いらっしゃい.みんな" target="_blank" class="external_link">[EXTERNAL] Website</a>, <a
href="https://github.com/gibcheesepuffs" target="_blank" class="external_link">[EXTERNAL] GitHub</a>, <a
href="https://fedi.absturztau.be/users/shouko" target="_blank" class="external_link">[EXTERNAL] Akkoma</a></li>
<li>Oshie - <a
href="https://raru.re/@ocean" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
<li>aitbg - <a
href="https://raru.re/@aitbg" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
<li>i❤computers (aka Compy-chan) - <a
href="https://www.ilovecomputers.org" target="_blank" class="external_link">[EXTERNAL] Website</a>, <a
href="https://xoxo.zone/@ilovecomputers" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
<li>Epsi - <a
href="https://vibewave.space/users/epsi" target="_blank" class="external_link">[EXTERNAL] Akkoma</a></li>
<li>Johannah Sprinz - <a
href="https://spri.nz" target="_blank" class="external_link">[EXTERNAL] Website</a>, <a
href="https://github.com/NeoTheThird" target="_blank" class="external_link">[EXTERNAL] GitHub</a>, <a
href="https://gitlab.com/NeoTheThird" target="_blank" class="external_link">[EXTERNAL] GitLab</a>, <a
href="https://mastodon.social/@NeoTheThird" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
<li>mareena - <a
href="https://raru.re/@mareephy" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
<li>Miaourt - <a
href="https://raru.re/@Miaourt" target="_blank" class="external_link">[EXTERNAL] Mastodon</a></li>
</ul>
<p><br />
</p>
<p><em>All links provided have been allowed by the
aforementioned individuals to be added to this list</em></p>
<p><em>If we know each other, and you would like some of
your links added to this page, feel free to message me on my
<a href="/mastodon" target="_blank" class="external_link">[EXTERNAL] Mastodon</a>, or see my
<!-- [contact](/contact/dark.html) page for other ways to get in touch with me -->contact
info down below</em></p>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 348
- 0
pokemon/current/crystal/dark.html View File

@@ -0,0 +1,348 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Crystal Version - Current - Pokemon - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/pokemon/boxart/crystal_version.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/pokemon/current/crystal/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/pokemon/current/crystal/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/software_i_use/" >
Software I Use<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/software_i_use/light.html" >
Software I Use<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/other_interweb_peoples/" >
Other Interweb Peoples<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/other_interweb_peoples/light.html" >
Other Interweb Peoples<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/external_links/" >
Other Websites<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/external_links/light.html" >
Other Websites<span class="hidden"> (Light)</span>
</a>
</li>
<!-- <li>
<a class="dark_theme" href="/contact/" >
Contact<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/contact/light.html" >
Contact<span class="hidden"> (Light)</span>
</a>
</li> -->
<!-- <li>
<a href="https://vtuber.easthighnerd.net/" target="_blank">
VTubing
</a>
</li> -->
<li>
<a class="dark_theme" href="/pokemon/" >
Pokemon<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/pokemon/light.html" >
Pokemon<span class="hidden"> (Light)</span>
</a>
</li>
<li class="hidden">
<a href="/sitemap/" >
Sitemap
</a>
</li>
</ul>
</nav>
<hr>
<main>
<p><a href="/pokemon/current/dark.html">&lt;– Back to
Current Playthroughs</a></p>
<p><span
class="no_small_mobile"><img src="/res/img/pokemon/boxart/crystal_version.png" title="Crystal Version" alt="Pokemon Crystal Version English boxart" width="200pt" height="auto" style="border-radius:10pt;border-style: solid;border-color: goldenrod;border-width: 2pt;background-color: white;"></span></p>
<h1 id="player-information">Player Information</h1>
<h2 id="kris">KRIS</h2>
<p><img src="/res/img/pokemon/kris.png" style="width:auto;height:100pt;border-radius:12.5pt;border-style: solid;border-color: goldenrod;border-width: 2pt;background-color: white;"></p>
<h2 id="pokedex">Pokedex</h2>
<ul>
<li>Seen: 220</li>
<li>Owned: 163</li>
</ul>
<h2 id="playtime">Playtime</h2>
<p>136:54</p>
<h2 id="trainer-id">Trainer ID</h2>
<p>25921</p>
<h2 id="badges">Badges</h2>
<p>Johto</p>
<p><img src="/res/img/pokemon/badges/zephyr_badge.png" Title="Zephyr Badge" alt="Zephyr Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/insect_badge.png" Title="Insect Badge" alt="Insect Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/plain_badge.png" Title="Plain Badge" alt="Plain Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/fog_badge.png" Title="Fog Badge" alt="Fog Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/storm_badge.png" Title="Storm Badge" alt="Storm Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/mineral_badge.png" Title="Mineral Badge" alt="Mineral Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/glacier_badge.png" Title="Glacier Badge" alt="Glacier Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/rising_badge.png" Title="Rising Badge" alt="Rising Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;"></p>
<p>Kanto</p>
<p><img src="/res/img/pokemon/badges/boulder_badge.png" Title="Boulder Badge" alt="Boulder Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/cascade_badge.png" Title="Cascade Badge" alt="Cascade Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/thunder_badge.png" Title="Thunder Badge" alt="Thunder Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/rainbow_badge.png" Title="Rainbow Badge" alt="Rainbow Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/soul_badge.png" Title="Soul Badge" alt="Soul Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/marsh_badge.png" Title="Marsh Badge" alt="Marsh Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/volcano_badge.png" Title="Volcano Badge" alt="Volcano Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;">
<img src="/res/img/pokemon/badges/earth_badge.png" Title="Earth Badge" alt="Earth Badge" width="50pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 12.5pt;background-color: white;"></p>
<hr />
<h1 id="main-team">Main Team</h1>
<h2 id="chika">CHIKA</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/154.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species">Species</h2>
<p>Meganium</p>
<h2 id="pokedex-number">Pokedex Number</h2>
<p>154</p>
<h2 id="typing">Typing</h2>
<ul>
<li>Grass</li>
</ul>
<h2 id="gender">Gender</h2>
<p>Female</p>
<h2 id="level">Level</h2>
<p>76</p>
<h2 id="stats">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: 172</li>
<li>Defense: 219</li>
<li>Special Attack: 185</li>
<li>Special Defense: 210</li>
<li>Speed: 190</li>
</ul>
<h2 id="moves">Moves</h2>
<ul>
<li>Sunny Day <em>(Fire)</em></li>
<li>Solar Beam <em>(Grass)</em></li>
<li>Synthesis <em>(Grass)</em></li>
<li>Body Slam <em>(Normal)</em></li>
</ul>
<hr />
<h2 id="zuzu">ZUZU</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/169.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species-1">Species</h2>
<p>Crobat</p>
<h2 id="pokedex-number-1">Pokedex Number</h2>
<p>169</p>
<h2 id="typing-1">Typing</h2>
<ul>
<li>Poison</li>
<li>Flying</li>
</ul>
<h2 id="gender-1">Gender</h2>
<p>Female</p>
<h2 id="level-1">Level</h2>
<p>76</p>
<h2 id="stats-1">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: 191</li>
<li>Defense: 168</li>
<li>Special Attack: 163</li>
<li>Special Defense: 178</li>
<li>Speed: 265</li>
</ul>
<h2 id="moves-1">Moves</h2>
<ul>
<li>Wing Attack <em>(Flying)</em></li>
<li>Bite <em>(Dark)</em></li>
<li>Toxic <em>(Poison)</em></li>
<li>Return <em>(Normal)</em></li>
</ul>
<hr />
<h2 id="rowboat">ROWBOAT</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/022.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species-2">Species</h2>
<p>Fearow</p>
<h2 id="pokedex-number-2">Pokedex Number</h2>
<p>022</p>
<h2 id="typing-2">Typing</h2>
<ul>
<li>Normal</li>
<li>Flying</li>
</ul>
<h2 id="gender-2">Gender</h2>
<p>Male</p>
<h2 id="level-2">Level</h2>
<p>76</p>
<h2 id="stats-2">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: 206</li>
<li>Defense: 157</li>
<li>Special Attack: 155</li>
<li>Special Defense: 155</li>
<li>Speed: 204</li>
</ul>
<h2 id="moves-2">Moves</h2>
<ul>
<li>Drill Peck <em>(Flying)</em></li>
<li>Mud-Slap <em>(Ground)</em></li>
<li>Fly <em>(Flying)</em></li>
<li>Steel Wing <em>(Steel)</em></li>
</ul>
<hr />
<h2 id="siren">SIREN</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/131.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species-3">Species</h2>
<p>Lapras</p>
<h2 id="pokedex-number-3">Pokedex Number</h2>
<p>131</p>
<h2 id="typing-3">Typing</h2>
<ul>
<li>Water</li>
<li>Ice</li>
</ul>
<h2 id="gender-3">Gender</h2>
<p>Male</p>
<h2 id="level-3">Level</h2>
<p>76</p>
<h2 id="stats-3">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: 194</li>
<li>Defense: 170</li>
<li>Special Attack: 179</li>
<li>Special Defense: 195</li>
<li>Speed: 155</li>
</ul>
<h2 id="moves-3">Moves</h2>
<ul>
<li>Surf <em>(Water)</em></li>
<li>Ice Beam <em>(Ice)</em></li>
<li>Body Slam <em>(Normal)</em></li>
<li>Psychic <em>(Psychic)</em></li>
</ul>
<hr />
<h2 id="lil-dude">LIL’ DUDE</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/076.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species-4">Species</h2>
<p>Golem</p>
<h2 id="pokedex-number-4">Pokedex Number</h2>
<p>076</p>
<h2 id="typing-4">Typing</h2>
<ul>
<li>Rock</li>
<li>Ground</li>
</ul>
<h2 id="gender-4">Gender</h2>
<p>???</p>
<h2 id="level-4">Level</h2>
<p>???</p>
<h2 id="stats-4">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: ???</li>
<li>Defense: ???</li>
<li>Special Attack: ???</li>
<li>Special Defense: ???</li>
<li>Speed: ???</li>
</ul>
<h2 id="moves-4">Moves</h2>
<ul>
<li>Earthquake</li>
<li>Rockslide</li>
<li>???</li>
<li>???</li>
</ul>
<hr />
<h2 id="kiddo">KIDDO</h2>
<p><img src="/res/img/pokemon/main-sprites/crystal/animated/125.gif" width="100pt" height="auto" style="border-style: solid;border-color: goldenrod;border-width: 2pt;border-radius: 25pt;background-color: white;"></p>
<h2 id="species-5">Species</h2>
<p>Electabuzz</p>
<h2 id="pokedex-number-5">Pokedex Number</h2>
<p>125</p>
<h2 id="typing-5">Typing</h2>
<ul>
<li>Electric</li>
</ul>
<h2 id="gender-5">Gender</h2>
<p>???</p>
<h2 id="level-5">Level</h2>
<p>???</p>
<h2 id="stats-5">Stats</h2>
<ul>
<li>HP: ???</li>
<li>Attack: ???</li>
<li>Defense: ???</li>
<li>Special Attack: ???</li>
<li>Special Defense: ???</li>
<li>Speed: ???</li>
</ul>
<h2 id="moves-5">Moves</h2>
<ul>
<li>Rain Dance <em>(Water)</em></li>
<li>Thunder <em>(Electric)</em></li>
<li>Ice Punch <em>(Ice)</em></li>
<li>Fire Punch <em>(Fire)</em></li>
</ul>
</main>
<hr>
<address>
Website owner
<br>
Jean, the easthighNerd
<br>
Email: <a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
<br>
XMPP: @easthighnerd@snug.moe
</address>
</body>
</html>

+ 178
- 0
pokemon/current/dark.html View File

@@ -0,0 +1,178 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Current - Pokemon - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/pokemon/global-link/155.png"/>
</head>
<body>
<nav>
<ul>
<li>
<a class="light_theme" href="/pokemon/current/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/pokemon/current/light.html" >
Light Theme
</a>
</li>
<li>
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/blog/" >
Blog<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/blog/light.html" >
Blog<span class="hidden"> (Light)</span>
</a>
</li>
<li>
<a class="dark_theme" href="/socials/" >
Where to find me<span class="hidden"> (Dark)</span>
</a>
<br class="hidden">
<a class="light_theme" href="/socials/light.html" >
Where to find me<span class="hidden"> (Light)</span>
</a>
</li>
<li>
&l