@@ -0,0 +1,65 @@ | |||
<!-- IGNORE --> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title> | |||
Why My Website is Nothing Fancy - Blog - EN - NCSA Mosaic | |||
</title> | |||
</head> | |||
<body> | |||
<menu> | |||
<li> | |||
<a href="/"> | |||
Home | |||
</a> | |||
</li> | |||
<li> | |||
<a href="/blog/"> | |||
Blog | |||
</a> | |||
</li> | |||
</menu> | |||
<hr> | |||
<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 <cite>Gemini</cite> 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 <cite>JavaScript</cite> 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><cite>JavaScript</cite> is evil in my opinion, due to how it can be <em>(and a not-insignificant amount of times is)</em> 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 <cite>Google</cite>'s or <cite>Facebook</cite>'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 <cite>Markdown</cite>, and use a script to recursively convert the <cite>Markdown</cite> files into <cite>HTML</cite> using <cite>pandoc</cite>, 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 <cite>JavaScript</cite> 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: <cite>LibreOffice</cite> 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>This work is licensed under a <cite>Creative Commons Attribution-ShareAlike 4.0 International License</cite></p> | |||
<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> |
@@ -0,0 +1,53 @@ | |||
<!-- IGNORE --> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title> | |||
Home - EN - NCSA Mosaic | |||
</title> | |||
</head> | |||
<body> | |||
<menu> | |||
<li> | |||
<a href="/"> | |||
Home | |||
</a> | |||
</li> | |||
<li> | |||
<a href="/blog/"> | |||
Blog | |||
</a> | |||
</li> | |||
</menu> | |||
<hr> | |||
<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>This work is licensed under a <cite>Creative Commons Attribution-ShareAlike 4.0 International License</cite></p> | |||
<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> |
@@ -0,0 +1,41 @@ | |||
<!-- IGNORE --> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title> | |||
Blog - EN - NCSA Mosaic | |||
</title> | |||
</head> | |||
<body> | |||
<menu> | |||
<li> | |||
<a href="/"> | |||
Home | |||
</a> | |||
</li> | |||
<li> | |||
<a href="/blog/"> | |||
Blog | |||
</a> | |||
</li> | |||
</menu> | |||
<hr> | |||
<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>2022/11/05 - <a href="/blog/2022/11/why_my_website_is_nothing_fancy/">Why My Website is Nothing Fancy</a></li> | |||
</ul> | |||
<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> |
@@ -0,0 +1,55 @@ | |||
<!-- IGNORE --> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title> | |||
Home - EN - NCSA Mosaic | |||
</title> | |||
</head> | |||
<body> | |||
<menu> | |||
<li> | |||
<a href="/"> | |||
Home | |||
</a> | |||
</li> | |||
<li> | |||
<a href="/blog/"> | |||
Blog | |||
</a> | |||
</li> | |||
</menu> | |||
<hr> | |||
<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 <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>This here is a version of my website written in <cite>HTML 2.0</cite> for use in the <cite>NCSA Mosaic 2.7b</cite> browser.</p> | |||
<p><br /> | |||
</p> | |||
<p>Feel free to poke around my website as you see fit!</p> | |||
<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> |
@@ -0,0 +1,23 @@ | |||
#!/bin/bash | |||
set -euo pipefail | |||
WEB_ROOT="$(echo ${0} | sed -e 's|/regen.sh||')" | |||
TEMPLATE="${WEB_ROOT}/res/html/main.html" | |||
HEAD="1" | |||
LAST_PAGE="$(find -P ${WEB_ROOT}/res/mkd | grep '.md' | tail -1)" | |||
CURRENT_PAGE="$(find -P ${WEB_ROOT}/res/mkd | grep '.md' | head -${HEAD} | tail -1)" | |||
while [[ ! "${CURRENT_PAGE}" = "${LAST_PAGE}" ]]; do | |||
CURRENT_PAGE="$(find -P ${WEB_ROOT}/res/mkd | grep '.md' | head -${HEAD} | tail -1)" | |||
PAGE_DIR="$(cat ${CURRENT_PAGE} | grep 'page_dir' | sed -e 's|page_dir: ||')" | |||
if [[ ! -d "${WEB_ROOT}${PAGE_DIR}" ]]; then | |||
mkdir -p "${WEB_ROOT}${PAGE_DIR}" | |||
fi | |||
pandoc --from markdown --to html --template "${TEMPLATE}" --output "${WEB_ROOT}${PAGE_DIR}index.html" "${CURRENT_PAGE}" | |||
HEAD="$(bc<<<${HEAD}+1)" | |||
done |
@@ -0,0 +1,37 @@ | |||
<!-- IGNORE --> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title> | |||
$title$ - EN - NCSA Mosaic | |||
</title> | |||
</head> | |||
<body> | |||
<menu> | |||
<li> | |||
<a href="/"> | |||
Home | |||
</a> | |||
</li> | |||
<li> | |||
<a href="/blog/"> | |||
Blog | |||
</a> | |||
</li> | |||
</menu> | |||
<hr> | |||
$body$ | |||
<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> |
@@ -0,0 +1,11 @@ | |||
--- | |||
title: Blog | |||
webmaster: Jean, the easthighNerd | |||
email: contact@easthighnerd.net | |||
page_dir: /blog/ | |||
--- | |||
# Read my dumb thoughts at your own peril! | |||
* 2023/03/12 - [I Made a Version of My Website for NCSA Mosaic](/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/) | |||
* 2022/11/05 - [Why My Website is Nothing Fancy](/blog/2022/11/why_my_website_is_nothing_fancy/) |
@@ -0,0 +1,66 @@ | |||
--- | |||
title: Why My Website is Nothing Fancy - Blog | |||
webmaster: Jean, the easthighNerd | |||
email: contact@easthighnerd.net | |||
page_dir: /blog/2022/11/why_my_website_is_nothing_fancy/ | |||
--- | |||
Why My Website is Nothing Fancy | |||
=============================== | |||
As you have likely noticed, my website, the one you are currently reading this blog post on now, is rather\.\.\. plain | |||
It\'s not due to any technical incompetence, I assure you | |||
So you may be asking then, why? | |||
My Reasoning | |||
------------ | |||
When I created this website, I set out for it to be plain on purpose | |||
I went for a design that sorta resembles what you might find on some <cite>Gemini</cite> pages | |||
I also wanted it to be quick to load | |||
With a lack of fancy images on every damn page, no <cite>JavaScript</cite> trying to load, no analytics hogging bandwidth, site loads pretty quick, don\'t it? | |||
In my opinion, that\'s how it should be! | |||
Images, especially large ones, can make a page load slower, plus there\'s the added bandwidth and data consumption | |||
<cite>JavaScript</cite> 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 | |||
Analytics have their place, don\'t get me wrong, however most of the time they end up being through either <cite>Google</cite>\'s or <cite>Facebook</cite>\'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 | |||
So How do I Have My Website Setup Than? | |||
--------------------------------------- | |||
I type out everything in <cite>Markdown</cite>, and use a script to recursively convert the <cite>Markdown</cite> files into <cite>HTML</cite> using <cite>pandoc</cite>, and have that content placed in the desired spot and outputted to an index.html file where I want it | |||
I don\'t use any <cite>JavaScript</cite> nor analytics, period* | |||
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 | |||
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 | |||
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 | |||
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 | |||
I also use monospace for the font, as I find it easier to read, plus I just like it | |||
That it? | |||
-------- | |||
Pretty much | |||
I would like to add one more thing though: <cite>LibreOffice</cite> I should not have to add the word \"analytics\" into your dictionary it is an actual word for crying out loud | |||
\ | |||
_* 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_ | |||
--- | |||
This work is licensed under a <cite>Creative Commons Attribution-ShareAlike 4.0 International License</cite> |
@@ -0,0 +1,36 @@ | |||
--- | |||
title: Home | |||
webmaster: Jean, the easthighNerd | |||
email: contact@easthighnerd.net | |||
page_dir: /blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/ | |||
--- | |||
# I Made a Version of My Website for NCSA Mosaic | |||
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. | |||
Why did I do this, you might be asking? Honestly, why not? | |||
I have no real reason for doing this, aside from just wanting to do it. | |||
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. | |||
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. | |||
\ | |||
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. | |||
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. | |||
I ported over some of the pages from the main site, and made any adjustments I deemed warranted. | |||
\ | |||
So that\'s about it. I don\'t really have anything else to add! | |||
Long live the open web! Death to <cite>JavaScript</cite>! | |||
--- | |||
This work is licensed under a <cite>Creative Commons Attribution-ShareAlike 4.0 International License</cite> |
@@ -0,0 +1,37 @@ | |||
--- | |||
title: Home | |||
webmaster: Jean, the easthighNerd | |||
email: contact@easthighnerd.net | |||
page_dir: / | |||
--- | |||
# Why hello there! | |||
I\'m Jean, a transfem (she/her) in their 20s, known more so on the net as easthighNerd (pronounced | |||
east-high-Nerd.) | |||
\ | |||
I\'m just your not so average otaku geek. | |||
I love anime, vidya games, manga, computers, you know, the works. | |||
\ | |||
I am an advocate for free (as in gratis and libre) and open source | |||
software *(F(L)OSS.)* | |||
I also advocate **STRONGLY** for encryption, whether that\'s full drive | |||
encryption, end-to-end encryption, you get the idea. | |||
\ | |||
I\'m also kind of a nerd for older technologies. I find them rather fascinating! | |||
\ | |||
This here is a version of my website written in <cite>HTML 2.0</cite> for use in the <cite>NCSA Mosaic 2.7b</cite> browser. | |||
\ | |||
Feel free to poke around my website as you see fit! |