Browse Source

Updated to allow for new theme support

old
Jean 6 months ago
parent
commit
d61c97b40c
Signed by: easthighNerd <jean@easthighnerd.net> GPG Key ID: F4B3EACD21AEFFF4
20 changed files with 3600 additions and 1166 deletions
  1. +166
    -72
      blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/index.html
  2. +157
    -64
      blog/2022/11/why_my_website_is_nothing_fancy/index.html
  3. +116
    -44
      blog/2023/02/new_link_color_coding/index.html
  4. +126
    -52
      blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/index.html
  5. +97
    -41
      blog/index.html
  6. +93
    -59
      contact/index.html
  7. +98
    -45
      external_links/index.html
  8. +107
    -48
      index.html
  9. +695
    -0
      mosaic/html-2/index.html
  10. +1
    -0
      mosaic/sitemap/index.html
  11. +186
    -0
      mumble/index.html
  12. +118
    -49
      other_interweb_peoples/index.html
  13. +307
    -244
      pokemon/current/crystal/index.html
  14. +394
    -0
      pokemon/current/emerald/index.html
  15. +137
    -66
      pokemon/current/index.html
  16. +278
    -222
      pokemon/current/red/index.html
  17. +95
    -40
      pokemon/index.html
  18. +157
    -0
      sitemap/index.html
  19. +102
    -44
      socials/index.html
  20. +170
    -76
      software_i_use/index.html

+ 166
- 72
blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch/index.html View File

@@ -1,15 +1,10 @@
<!-- Nexus 7 2013 (WiFi) and Ubuntu Touch - Blog -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/blog/2019_05_26-nexus_7_2013_wifi-and-ubuntu_touch.md -->

<html lang="en">
<!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 - Blog - easthighNerd
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"/>
@@ -18,96 +13,195 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">[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">Creative Commons Attribution-ShareAlike 4.0 International License</a>.</p>
</main>
</body>
</html>
<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>

+ 157
- 64
blog/2022/11/why_my_website_is_nothing_fancy/index.html View File

@@ -1,15 +1,10 @@
<!-- Why My Website Is Nothing Fancy - Blog -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/blog/2022_11_05-why_my_website_is_nothing_fancy.md -->

<html lang="en">
<!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 - Blog - easthighNerd
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"/>
@@ -18,88 +13,186 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">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">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">[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">Creative Commons Attribution-ShareAlike 4.0 International License</a></p>
</main>
</body>
</html>
<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>

+ 116
- 44
blog/2023/02/new_link_color_coding/index.html View File

@@ -1,15 +1,10 @@
<!-- New Link Color Coding - Blog -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/blog/2023_02_05-new_link_color_coding.md -->

<html lang="en">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
New Link Color Coding - Blog - easthighNerd
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"/>
@@ -18,68 +13,145 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">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 style="color: lime;"><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 style="color: yellow;"><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 style="color: red;"><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">[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">Creative Commons Attribution-ShareAlike 4.0 International License</a></p>
</main>
</body>
</html>
<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>

+ 126
- 52
blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/index.html View File

@@ -1,15 +1,11 @@
<!-- I Made a Version of My Website for NCSA Mosaic - Blog -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/blog/2023_03_12-i_made_a_version_of_my_website_for_ncsa_mosaic.md -->

<html lang="en">
<!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 - Blog - easthighNerd
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"/>
@@ -18,76 +14,154 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">[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">Creative Commons Attribution-ShareAlike 4.0 International License</a></p>
</main>
</body>
</html>
<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>

+ 97
- 41
blog/index.html View File

@@ -1,15 +1,10 @@
<!-- Blog -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/blog.md -->

<html lang="en">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Blog - easthighNerd
Blog - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
@@ -18,65 +13,126 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">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">New Link Color Coding</a></li>
<li>2022/11/05 - <a href="/blog/2022/11/why_my_website_is_nothing_fancy">Why My Website is Nothing Fancy</a></li>
<li>2019/05/26 - <a href="/blog/2019/05/nexus_7_2013_wifi-and-ubuntu-touch">Nexus 7 2013 (WiFi) and Ubuntu Touch</a></li>
</ul>
</main>
</body>
</html>
<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>

+ 93
- 59
contact/index.html View File

@@ -1,15 +1,10 @@
<!-- Contact -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/contact.md -->

<html lang="en">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Contact - easthighNerd
Contact - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
@@ -18,83 +13,122 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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>
<ul>
<li>Briar: Get back to me on that one</li>
<li>Email:
<div class="no_small_mobile">
<a href="mailto:contact@easthighnerd.net">contact@easthighnerd.net</a>
</div>
<div class="small_mobile">
<a href="mailto:contact@easthighnerd.net">Open mail client</a>
</div></li>
<li>Matrix:
<div class="desktop_only">
<span class="citation" data-cites="easthighnerd:matrix.easthighnerd.me">@easthighnerd:matrix.easthighnerd.me</span> (will change in the future)
</div>
<div class="mobile_only">
(Borking the page on mobile devices, reach out on <a href="/mastodon" target="_blank" class="external_link">Mastodon</a> for my Matrix)
</div></li>
<li>Phone number: Yeah, no</li>
<li>Session: Get back to me on that one too</li>
<li>Signal: When usernames become a thing</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>
</body>
</html>
<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>

+ 98
- 45
external_links/index.html View File

@@ -1,15 +1,10 @@
<!-- External Links -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/external_links.md -->

<html lang="en">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
External Links - easthighNerd
External Links - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
@@ -18,69 +13,127 @@
<nav>
<ul>
<li>
<a href="/">
Home
<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 href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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">Fedora Project</a></li>
<li><a href="https://kde.org" target="_blank" class="external_link">KDE</a></li>
<li><a href="https://techlore.tech" target="_blank" class="external_link">Techlore</a></li>
<li><a href="https://thenewoil.org" target="_blank" class="external_link">The New Oil</a></li>
<li><a href="https://yesterweb.org" target="_blank" class="external_link">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, or just becasue I think they're neat</em></p>
</main>
</body>
</html>
<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>

+ 107
- 48
index.html View File

@@ -1,15 +1,10 @@
<!-- Home -->
<!-- ./res/html/main.html -->
<!-- ./res/css/main.css -->
<!-- ./res/img/favicon.png -->
<!-- ./res/mkd/home.md -->

<html lang="en">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>
Home - easthighNerd
Home - easthighNerd
</title>
<link href="/res/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/res/img/favicon.png"/>
@@ -18,72 +13,136 @@
<nav>
<ul>
<li>
<a href="/">
Home
<a class="light_theme" href="/" >
Dark Theme
</a>
<br class="hidden">
<a class="dark_theme" href="/light.html" >
Light Theme
</a>
</li>
<li>
<a href="/blog/">
Blog
<a class="dark_theme" href="/" >
Home<span class="hidden"> (Dark)</span>
</a>
</li>
<!-- <li>
<a href="https://raru.re/@easthighNerd/" target="_blank">
Mastodon
<br class="hidden">
<a class="light_theme" href="/light.html" >
Home<span class="hidden"> (Light)</span>
</a>
</li> -->
</li>
<li>
<a href="/socials/">
Where to find me
<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 href="/software_i_use/">
Software I Use
<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 href="/other_interweb_peoples/">
Other Interweb Peoples
<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 href="/external_links/">
Other Websites
<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 href="/contact/">
Contact
<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>
<!-- <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> -->
<li>
<a href="/pokemon/">
Pokemon
<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 (she/her) in their 20s, known more so on the net as easthighNerd (pronounced east-high-Nerd.)</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 (as in gratis and libre) and open source software (F(L)OSS.)</p>
<p>I also advocate STRONGLY for encryption, whether that's full drive encryption, end-to-end encryption, you get the idea.</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>
</body>
</html>
<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>

+ 695
- 0
mosaic/html-2/index.html View File

@@ -0,0 +1,695 @@
<!-- IGNORE -->
<!DOCTYPE html>
<html>
<head>
<title>
Hypertext Markup Language - 2.0 - Document Structure - EN - NCSA Mosaic
</title>
</head>
<body>
<menu>
<li>
<a href="/">
Home
</a>
</li>
<li>
<a href="/blog/">
Blog
</a>
</li>
<li>
<a href="/sitemap/">
Sitemap
</a>
</li>
</menu>
<hr>
<H1>
Document Structure
</H1>
<P>
<p>An HTML document is a tree of elements, including a head and body, headings, paragraphs, lists, etc. Form elements are discussed in section Forms.</p>
</P>
<H2>
Document Element: HTML
</H2>
<P>
<p>The HTML document element consists of a head and a body, much like a memo or a mail message. The head contains the title and optional elements. The body is a text flow consisting of paragraphs, lists, and other elements.</p>
</P>
<H2>
Head: HEAD
</H2>
<P>
<p>The head of an HTML document is an unordered collection of information about the document. For example:</p>
</P>
<PRE>
&#60;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"&#62;
&#60;HEAD&#62;
&#60;TITLE&#62;Introduction to HTML&#60;/TITLE&#62;
&#60;/HEAD&#62;
...
</PRE>
<H3>
Title: TITLE
</H3>
<P>
<p>Every HTML document must contain a <EM>TITLE</EM> element.</p>
</P>
<P>
<p>The title should identify the contents of the document in a global context. A short title, such as "Introduction" may be meaningless out of context. A title such as "Introduction to HTML Elements" is more appropriate. (12)</p>
</P>
<P>
<p>A user agent may display the title of a document in a history list or as a label for the window displaying the document. This differs from headings (section Headings: H1 ... H6), which are typically displayed within the body text flow.</p>
</P>
<H3>
Base Address: BASE
</H3>
<P>
<p>The optional <EM>BASE</EM> element provides a base address for interpreting relative URLs when the document is read out of context (see section Hyperlinks). The value of the <EM>HREF</EM> attribute must be an absolute URI.</p>
</P>
<H3>
Keyword Index: ISINDEX
</H3>
<P>
<p>The <EM>ISINDEX</EM> element indicates that the user agent should allow the user to search an index by giving keywords. See section Queries and Indexes for details.</p>
</P>
<H3>
Link: LINK
</H3>
<P>
<p>The <EM>LINK</EM> element represents a hyperlink (see section Hyperlinks). Any number of LINK elements may occur in the <EM>HEAD</EM> element of an HTML document. It has the same attributes as the <EM>A</EM> element (see section Anchor: A).</p>
</P>
<P>
<p>The <EM>LINK</EM> element is typically used to indicate authorship, related indexes and glossaries, older or more recent versions, document hierarchy, associated resources such as style sheets, etc.</p>
</P>
<H3>
Associated Meta-information: META
</H3>
<P>
<p>The <EM>META</EM> element is an extensible container for use in identifying specialized document meta-information. Meta-information has two main functions:</p>
</P>
<UL>
<LI>
<p>to provide a means to discover that the data set exists and how it might be obtained or accessed; and</p>
<LI>
to document the content, quality, and features of a data set, indicating its fitness for use.<br />

</UL>
<P>
<p>Each <EM>META</EM> element specifies a name/value pair. If multiple META elements are provided with the same name, their combined contents--concatenated as a comma-separated list--is the value associated with that name. (13)</p>
</P>
<P>
<p>HTTP servers may read the content of the document <EM>HEAD</EM> to generate header fields corresponding to any elements defining a value for the attribute <EM>HTTP-EQUIV</EM>. (14)</p>
</P>
<P>
<p>Attributes of the META element:</p>
</P>
<DL COMPACT>
<DT>
<EM>HTTP-EQUIV</EM>
<DD>
<p>binds the element to an HTTP header field. An HTTP server may use this information to process the document. In particular, it may include a header field in the responses to requests for this document: the header name is taken from the <EM>HTTP-EQUIV</EM> attribute value, and the header value is taken from the value of the <EM>CONTENT</EM> attribute. HTTP header names are not case sensitive.</p>
<DT>
<EM>NAME</EM>
<DD>
<p>specifies the name of the name/value pair. If not present, <EM>HTTP-EQUIV</EM> gives the name.</p>
<DT>
<EM>CONTENT</EM>
<DD>
<p>specifies the value of the name/value pair.</p>
</DL>
<P>
<p>Examples</p>
</P>
<P>
<p>If the document contains:</p>
</P>
<PRE>
&#60;META HTTP-EQUIV="Expires"
CONTENT="Tue, 04 Dec 1993 21:29:02 GMT"&#62;
&#60;meta http-equiv="Keywords" CONTENT="Fred"&#62;
&#60;META HTTP-EQUIV="Reply-to"
content="fielding@ics.uci.edu (Roy Fielding)"&#62;
&#60;Meta Http-equiv="Keywords" CONTENT="Barney"&#62;
</PRE>
<P>
<p>then the server may include the following header fields:</p>
</P>
<PRE>
Expires: Tue, 04 Dec 1993 21:29:02 GMT
Keywords: Fred, Barney
Reply-to: fielding@ics.uci.edu (Roy Fielding)
</PRE>
<P>
<p>as part of the HTTP response to a <SAMP>'GET'</SAMP> or <SAMP>'HEAD'</SAMP> request for that document.</p>
</P>
<P>
<p>An HTTP server must not use the <EM>META</EM> element to form an HTTP response header unless the <EM>HTTP-EQUIV</EM> attribute is present.</p>
</P>
<P>
<p>An HTTP server may disregard any <EM>META</EM> elements that specify information controlled by the HTTP server, for example <SAMP>'Server'</SAMP>, <SAMP>'Date'</SAMP>, and <SAMP>'Last-modified'</SAMP>.</p>
</P>
<H3>
Next Id: NEXTID
</H3>
<P>
<p>The <EM>NEXTID</EM> element is included for historical reasons only. HTML documents should not contain <EM>NEXTID</EM> elements.</p>
</P>
<P>
<p>The <EM>NEXTID</EM> element gives a hint for the name to use for a new <EM>A</EM> element when editing an HTML document. It should be distinct from all <EM>NAME</EM> attribute values on <EM>A</EM> elements. For example:</p>
</P>
<PRE>
&#60;NEXTID N=Z27&#62;
</PRE>
<H2>
Body: BODY
</H2>
<P>
<p>The <EM>BODY</EM> element contains the text flow of the document, including headings, paragraphs, lists, etc.</p>
</P>
<P>
<p>For example:</p>
</P>
<PRE>
&#60;BODY&#62;
&#60;h1&#62;Important Stuff&#60;/h1&#62;
&#60;p&#62;Explanation about important stuff...
&#60;/BODY&#62;
</PRE>
<H2>
Headings: H1 ... H6
</H2>
<P>
<p>The six heading elements, <EM>H1</EM> through <EM>H6</EM>, denote section headings. Although the order and occurrence of headings is not constrained by the HTML DTD, documents should not skip levels (for example, from H1 to H3), as converting such documents to other representations is often problematic.</p>
</P>
<P>
<p>Example of use:</p>
</P>
<PRE>
&#60;H1&#62;This is a heading&#60;/H1&#62;
Here is some text
&#60;H2&#62;Second level heading&#60;/H2&#62;
Here is some more text.
</PRE>
<P>
<p>Typical renderings are:</p>
</P>
<DL COMPACT>
<DT>
<EM>H1</EM>
<DD>
<p>Bold, very-large font, centered. One or two blank lines above and below.</p>
<DT>
<EM>H2</EM>
<DD>
<p>Bold, large font, flush-left. One or two blank lines above and below.</p>
<DT>
<EM>H3</EM>
<DD>
<p>Italic, large font, slightly indented from the left margin. One or two blank lines above and below.</p>
<DT>
<EM>H4</EM>
<DD>
<p>Bold, normal font, indented more than H3. One blank line above and below.</p>
<DT>
<EM>H5</EM>
<DD>
<p>Italic, normal font, indented as H4. One blank line above.</p>
<DT>
<EM>H6</EM>
<DD>
<p>Bold, indented same as normal text, more than H5. One blank line above.</p>
</DL>
<H2>
Block Structuring Elements
</H2>
<P>
<p>Block structuring elements include paragraphs, lists, and block quotes. They must not contain heading elements, but they may contain phrase markup, and in some cases, they may be nested.</p>
</P>
<H3>
Paragraph: P
</H3>
<P>
<p>The <EM>P</EM> element indicates a paragraph. The exact indentation, leading space, etc. of a paragraph is not specified and may be a function of other tags, style sheets, etc.</p>
</P>
<P>
<p>Typically, paragraphs are surrounded by a vertical space of one line or half a line. The first line in a paragraph is indented in some cases.</p>
</P>
<P>
<p>Example of use:</p>
</P>
<PRE>
&#60;H1&#62;This Heading Precedes the Paragraph&#60;/H1&#62;
&#60;P&#62;This is the text of the first paragraph.
&#60;P&#62;This is the text of the second paragraph. Although you do not
need to start paragraphs on new lines, maintaining this
convention facilitates document maintenance.&#60;/P&#62;
&#60;P&#62;This is the text of a third paragraph.&#60;/P&#62;
</PRE>
<H3>
Preformatted Text: PRE
</H3>
<P>
<p>The <EM>PRE</EM> element represents a character cell block of text and is suitable for text that has been formatted for a monospaced font.</p>
</P>
<P>
<p>The <EM>PRE</EM> tag may be used with the optional <EM>WIDTH</EM> attribute. The WIDTH attribute specifies the maximum number of characters for a line and allows the HTML user agent to select a suitable font and indentation.</p>
</P>
<P>
<p>Within preformatted text:</p>
</P>
<UL>
<LI>
<p>Line breaks within the text are rendered as a move to the beginning of the next line. (15)</p>
<LI>
<p>Anchor elements and phrase markup may be used. (16)</p>
<LI>
<p>Elements that define paragraph formatting (headings, address, etc.) must not be used. (17)</p>
<LI>
The horizontal tab character (code position 9 in the HTML document character set) must be interpreted as the smallest positive nonzero number of spaces which will leave the number of characters so far on the line as a multiple of 8. Documents should not contain tab characters, as they are not supported consistently.
</UL>
<P>
<p>Example of use:</p>
</P>
<PRE>
&#60;PRE&#62;
Line 1.
Line 2 is to the right of line 1. &#60;a href="abc"&#62;abc&#60;/a&#62;
Line 3 aligns with line 2. &#60;a href="def"&#62;def&#60;/a&#62;
&#60;/PRE&#62;
</PRE>
<H4>
Example and Listing: XMP, LISTING
</H4>
<P>
<p>The <EM>XMP</EM> and <EM>LISTING</EM> elements are similar to the <EM>PRE</EM> element, but they have a different syntax. Their content is declared as CDATA, which means that no markup except the end-tag open delimiter-in-context is recognized (see 9.6 "Delimiter Recognition" of [SGML]). (18)</p>
</P>
<P>
<p>Since CDATA declared content has a number of unfortunate interactions with processing techniques and tends to be used and implemented inconsistently, HTML documents should not contain <EM>XMP</EM> nor <EM>LISTING</EM> elements -- the <EM>PRE</EM> tag is more expressive and more consistently supported.</p>