Browse Source

Added specific webpages for the NCSA Mosaic browser

old
Jean 1 year ago
parent
commit
61d95bd607
Signed by: easthighNerd <jean@easthighnerd.net> GPG Key ID: F4B3EACD21AEFFF4
12 changed files with 424 additions and 0 deletions
  1. +65
    -0
      mosaic/blog/2022/11/why_my_website_is_nothing_fancy/index.html
  2. +53
    -0
      mosaic/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/index.html
  3. +41
    -0
      mosaic/blog/index.html
  4. +55
    -0
      mosaic/index.html
  5. +23
    -0
      mosaic/regen.sh
  6. +37
    -0
      mosaic/res/html/main.html
  7. BIN
      mosaic/res/img/hello.bmp
  8. BIN
      mosaic/res/img/hello.jpg
  9. +11
    -0
      mosaic/res/mkd/blog.md
  10. +66
    -0
      mosaic/res/mkd/blog/2022_11_05-why_my_website_is_nothing_fancy.md
  11. +36
    -0
      mosaic/res/mkd/blog/2023_03_12-i_made_a_version_of_my_website_for_ncsa_mosaic.md
  12. +37
    -0
      mosaic/res/mkd/home.md

+ 65
- 0
mosaic/blog/2022/11/why_my_website_is_nothing_fancy/index.html View File

@@ -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>

+ 53
- 0
mosaic/blog/2023/03/i_made_a_version_of_my_website_for_ncsa_mosaic/index.html View File

@@ -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>

+ 41
- 0
mosaic/blog/index.html View File

@@ -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>

+ 55
- 0
mosaic/index.html View File

@@ -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>

+ 23
- 0
mosaic/regen.sh View File

@@ -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

+ 37
- 0
mosaic/res/html/main.html View File

@@ -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>

BIN
mosaic/res/img/hello.bmp View File

Before After

BIN
mosaic/res/img/hello.jpg View File

Before After
Width: 144  |  Height: 96  |  Size: 6.0 KiB

+ 11
- 0
mosaic/res/mkd/blog.md View File

@@ -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/)

+ 66
- 0
mosaic/res/mkd/blog/2022_11_05-why_my_website_is_nothing_fancy.md View File

@@ -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>

+ 36
- 0
mosaic/res/mkd/blog/2023_03_12-i_made_a_version_of_my_website_for_ncsa_mosaic.md View File

@@ -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>

+ 37
- 0
mosaic/res/mkd/home.md View File

@@ -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!

Loading…
Cancel
Save