initial commit

css/retro.css

@@ -0,0 +1,168 @@
+@font-face {
+    font-family: 'Dot Matrix Regular';
+    src: url("../font/DOTMREG.TTF") format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Dot Matrix Bold';
+    src: url("../font/DOTMATRIXB.TTF") format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'FreeMono';
+    src: url("../font/FreeMono.ttf") format('truetype');
+    font-style: normal;
+}
+@font-face {
+    font-family: 'FreeMono Bold';
+    src: url("../font/FreeMonoBold.ttf") format('truetype');
+    font-style: normal;
+    font-weight: bold;
+}
+@font-face {
+    font-family: 'Mode Nine';
+    src: url("../font/modenine.ttf") format('truetype');
+    font-style: normal; 
+}
+@font-face {
+    font-family: 'SVI Basic Manual Book';
+    src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
+    font-style: normal;
+}
+@font-face {
+    font-family: 'SVI Basic Manual Bold';
+    src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
+    font-style: normal;
+    font-weight: bold;
+}  
+@font-face {
+    font-family: 'Source Code Pro Medium';
+    src url("../font/SourceCodePro-Medium.ttf") format('truetype');
+    font-style: normal;
+    font-weight: medium;
+}
+@font-face {
+    font-family: "Classic Console Neue";
+    src: url("../font/clacon2.woff2") format("woff2");
+}
+
+
+.blink {
+    animation: blink-animation 1s steps(2, start) infinite;
+      -webkit-animation: blink-animation 1s steps(2, start) infinite;
+}
+@keyframes blink-animation {
+    to {
+          visibility: hidden;
+       }
+}
+@-webkit-keyframes blink-animation {
+    to {
+          visibility: hidden;
+        }
+}
+
+html,
+body {
+  background-color: #222;
+  min-height: 100%;
+}
+
+html {
+  height: 100%;
+  font-family: "VT323 Regular 400";
+  font-size: 18pt;
+}
+
+body {
+  color: #23dc66;
+  font-family: "SVI Basic Manual Book";
+  font-size: 14pt;
+  line-height: 1.25;
+  max-width: 48rem;
+}
+
+table, th, td {
+    border: 1px solid;
+    border-collapse: collapse;
+}
+table {
+    margin-left: 35%;
+    width: 40%;
+}
+td {
+    text-align: center;
+    vertical-align: center;
+}
+th, td {
+    padding: 10px;
+}
+
+ol li {
+  background: #222;
+  color: #fdd461;
+  max-width: 30%;
+  margin-left: 35px;
+}
+
+ul li {
+  color: #fdd461;
+  max-width: 30%;
+  margin-left: 35px;
+}
+
+tr:hover {background-color: #23dc66;color: black;}
+
+pre {
+  font-family: "Classic Console Neue";
+  font-size: 15pt;
+  margin-left: 20px;
+  background: #524646;
+  border-left: 3px solid #000000;
+  border-right: 3px solid #000000;
+  border-top: 3px solid #000000;
+  border-bottom: 3px solid #000000;
+  border-radius: 20px;
+  max-width: 55%;
+  padding: .5rem;
+  line-height: 1.15;
+  overflow-x: auto;
+}
+
+
+blockquote {
+  font-family: "Dot Matrix Regular";
+  font-size: 13pt;
+  line-height: 1.4;
+  background-image: url(../img/greenbar2.jpg);
+  background-position: left center;
+  background-repeat: repeat;
+  color: #000000;
+  max-width: 55%;
+  border-left: 1px solid #000000;
+  padding-top: 5px;
+  padding-left: 36px;
+  padding-bottom: 5px;
+  padding-right: 10px;
+}
+
+a,
+a:visited {
+  color: #01ff70;
+}
+
+a:hover,
+a:focus,
+a:active {
+  color: #2ecc40;
+}
+
+code {
+    font-family: "Classic Console Neue";
+    color: #fdd461; 
+    background: #524646;
+    line-height: 1.25;
+}
+

header.html

@@ -0,0 +1,18 @@
+<link rel="icon" type="image/x-icon" href="img/favicon.ico">
+<link rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/a11y-dark.min.css">
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
+<script>hljs.highlightAll();</script>
+<link href="/css/retro.css" rel="stylesheet">
+
+<center><h1>$ <a href="http://oldcomputernerd.com">oldcomputernerd.com</a><span class="blink"> &#x2592;</span></h1></center>
+
+<span style="width:100%">
+<nav style="color:yellow;text-align:center;float:none;position:relative;top:1%;left:50%;transform:translate(-50%, -50%);">
+  <a href="/md/Linux/">Linux-ish</a> |
+  <a href="/md/Atari/">Atari</a> |
+  <a href="/md/MVS/">MVS</a> |
+  <a href="/md/DOS/">DOS</a> |
+  <a href="/md/JUNK/">Parts Bin</a>
+</nav>
+</span>

htm/footer.html

@@ -0,0 +1,2 @@
+<footer class="footer"><center><h3>HTML Footer</h3></center></footer>
+

index.md

@@ -0,0 +1,64 @@
+## The Apache2 Markdown Module Test
+
+What you are looking at on this page, is the product of a markdown file, rendered into html
+automatically, by the apache2 markdown plugin. The plugin offers an optional header and 
+footer feature. If this is enabled, then css can be referenced in the header, and all 
+your markdown elements will be styled as if they were html elements.
+
+Here is an unordered list:
+
+- this should 
+- look like a 
+- bullet list 
+
+Here is an ordered list:
+
+1. Take out the trash
+2. Make your bed
+3. Eat breakfast
+4. Finish your paper.
+
+Here is a blockquote:
+
+> This is the blockquote. I'll use it for output displays. I gave it a greenbar
+> background, to simulate an actual computer printout. Next up, customizing the
+> code block to look more like an actual terminal display (amber preferably). 
+
+This is a standard table: 
+
+|This    | should   | be     |
+|:-------|:--------:|-------:|
+|col1    |col2      |col3    |
+|rows2   |rows2     |row22   |
+
+This sentence `should have` several chunks that are `displayed as` inline code blocks.
+
+Here's a [link to a plain text file](txt/test.txt) you can click on!
+
+And here's an embedded image: ![](img/socrates-128x128.png)
+
+
+And here's a fenced code block:
+
+```bash
+#!/usr/bin/env bash
+echo "Hello, World!"
+exit 0
+```
+
+This time with spaces instead:
+
+    $ echo "Hello, World!"
+    Hello, World!
+    $
+    $ uname -a
+    Linux socrates 6.1.0-9-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.27-1 (2023-05-08) x86_64 GNU/Linux
+    $ 
+
+
+How did that work out?
+
+Let's have a look at [another markdown file](md/sample.md), shall we?
+
+---
+Below the line

md/Atari/index.md

@@ -0,0 +1 @@
+# The Atari Page

md/DOS/index.md

@@ -0,0 +1,3 @@
+# The DOS Page 
+
+## For MS/PC/DR DOS on the x86 line.

md/JUNK/index.md

@@ -0,0 +1,3 @@
+# The Parts Bin
+
+## Covering anything miscellaneous or uncategorizable.

md/Linux/index.md

@@ -0,0 +1,3 @@
+# The Linux Page
+
+### Covering the whole ecosystem of Linux, BSD, Open Source Unix, and other alternative operating systems.

md/MVS/index.md

@@ -0,0 +1 @@
+# The IBM MVS 3.8j Page

md/sample.md

@@ -0,0 +1,54 @@
+## Markdown file 2
+
+This file was linked to from our first file. I want to see if it will still be wrapped in the plugin header and footer. If it is, then we're golden!
+
+Also, I want to see how the paragraphing works with this markdown parser. Will it give me a nice clean break between paragraphs, and legible line wraps, or will it be crushed and stretch and ugly like some of these parsers tend to work. I'm just rambling on here, in order to make this paragraph as long as I can manage. If this works well, I won't even need HUGO by the time I'm done!
+
+So, this is where another lengthy paragraph would start. I'm not going to carry on too long. I just want to see about the gap between the two paragraphs. I also want to see what it looks like to have sub-headingsin a document. So, let's start a sub-heading.
+
+## Sub-Heading
+
+I've started a new sub-heading here. Let's see what this looks like. Another thing I'm curious
+about, is how the plugin will respond to actual html tags in the markdown. For example, an 
+IFrame with a video embed:
+
+
+<iframe class="rumble" width="640" height="360" src="https://rumble.com/embed/v2wv48o/?pub=2vcrn" frameborder="0" allowfullscreen style="margin-left:20%"></iframe>
+
+## Next Test
+
+Ok, so embedding an IFrame works out of the box. But, what about more complicated things, like divs or snippets of javascript? Lets see how that works out. First, here's a div with a span inside of it.
+
+<div><span style="border-style: double; color: yellow;margin-left:30%;padding:2px">This is some text inside of the custom span</span></div>
+
+Well, that's just grand! It seems that I can drop *any* html I want into *any* markdown I want, and it will render just fine! Ok, but what about, say, syntax hilighting, which requires a javascript?. Let's find out. For this, all I *should* need to do, is provide a markdown codefence, specifying the language, because the apache plugin will render it as `<pre><code class="language-whatever">` which is what both highlight.js and prism.js use. In this case, we'll make a python snippet. The key issue here, is that I already have css theming for the code fence. So, will the javascript override it, merge with it, or be ignored? We shall see:
+
+
+```language-python
+print('Hello, World!', end=' | ')
+print(100, end=' | ')
+print(5 + 5)
+vowels = ['a', 'e', 'i', 'o', 'u']
+popped_item = vowels.pop()
+print(popped_item)
+print(vowels)
+```
+
+And there we have it! Highlight.js works, but it overrides my global css, essentially overlaying the pseudo-amber-screen I created, with it's own theme. That's fine, for now. I picked one as close as possible to my theming, but more work will be needed in the future.
+
+If  don't want to use the highlighting, I can always just use a generic (unlabelled) fence:
+
+```language-nohighlight
+10 PRINT "HELLO"
+20 GOTO 10
+```
+
+## Final Test
+
+Now, can we add an Iframe with a display of plain text in a different file? If I can do that, then I could even show you this particular markdown file in its raw form. So, you can see there's no special trickery here, beyond the magic of the markdown plugin for Apache2.
+
+The index.md file:
+<iframe src="/txt/index.txt" style="margin-left:20%;width:60%;height:480px;border:none;"></iframe>
+
+The sample.md file (the one you're reading now):
+<iframe src="/txt/sample.txt" style="margin-left:20%;width:60%;height:480px;border:none;"></iframe>

robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Disallow: /
+
+

txt/index.txt

@@ -0,0 +1,64 @@
+## The Apache2 Markdown Module Test
+
+What you are looking at on this page, is the product of a markdown file, rendered into html
+automatically, by the apache2 markdown plugin. The plugin offers an optional header and 
+footer feature. If this is enabled, then css can be referenced in the header, and all 
+your markdown elements will be styled as if they were html elements.
+
+Here is an unordered list:
+
+- this should 
+- look like a 
+- bullet list 
+
+Here is an ordered list:
+
+1. Take out the trash
+2. Make your bed
+3. Eat breakfast
+4. Finish your paper.
+
+Here is a blockquote:
+
+> This is the blockquote. I'll use it for output displays. I gave it a greenbar
+> background, to simulate an actual computer printout. Next up, customizing the
+> code block to look more like an actual terminal display (amber preferably). 
+
+This is a standard table: 
+
+|This    | should   | be     |
+|:-------|:--------:|-------:|
+|col1    |col2      |col3    |
+|rows2   |rows2     |row22   |
+
+This sentence `should have` several chunks that are `displayed as` inline code blocks.
+
+Here's a [link to a plain text file](txt/test.txt) you can click on!
+
+And here's an embedded image: ![](img/socrates-128x128.png)
+
+
+And here's a fenced code block:
+
+```bash
+#!/usr/bin/env bash
+echo "Hello, World!"
+exit 0
+```
+
+This time with spaces instead:
+
+    $ echo "Hello, World!"
+    Hello, World!
+    $
+    $ uname -a
+    Linux socrates 6.1.0-9-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.27-1 (2023-05-08) x86_64 GNU/Linux
+    $ 
+
+
+How did that work out?
+
+Let's have a look at [another markdown file](md/sample.md), shall we?
+
+---
+Below the line

txt/sample.txt

@@ -0,0 +1,54 @@
+## Markdown file 2
+
+This file was linked to from our first file. I want to see if it will still be wrapped in the plugin header and footer. If it is, then we're golden!
+
+Also, I want to see how the paragraphing works with this markdown parser. Will it give me a nice clean break between paragraphs, and legible line wraps, or will it be crushed and stretch and ugly like some of these parsers tend to work. I'm just rambling on here, in order to make this paragraph as long as I can manage. If this works well, I won't even need HUGO by the time I'm done!
+
+So, this is where another lengthy paragraph would start. I'm not going to carry on too long. I just want to see about the gap between the two paragraphs. I also want to see what it looks like to have sub-headingsin a document. So, let's start a sub-heading.
+
+## Sub-Heading
+
+I've started a new sub-heading here. Let's see what this looks like. Another thing I'm curious
+about, is how the plugin will respond to actual html tags in the markdown. For example, an 
+IFrame with a video embed:
+
+
+<iframe class="rumble" width="640" height="360" src="https://rumble.com/embed/v2wv48o/?pub=2vcrn" frameborder="1" allowfullscreen style="margin-left:20%"></iframe>
+
+## Next Test
+
+Ok, so embedding an IFrame works out of the box. But, what about more complicated things, like divs or snippets of javascript? Lets see how that works out. First, here's a div with a span inside of it.
+
+<div><span style="border-style: double; color: yellow;margin-left:30%;padding:2px">This is some text inside of the custom span</span></div>
+
+Well, that's just grand! It seems that I can drop *any* html I want into *any* markdown I want, and it will render just fine! Ok, but what about, say, syntax hilighting, which requires a javascript?. Let's find out. For this, all I *should* need to do, is provide a markdown codefence, specifying the language, because the apache plugin will render it as `<pre><code class="language-whatever">` which is what both highlight.js and prism.js use. In this case, we'll make a python snippet. The key issue here, is that I already have css theming for the code fence. So, will the javascript override it, merge with it, or be ignored? We shall see:
+
+
+```language-python
+print('Hello, World!', end=' | ')
+print(100, end=' | ')
+print(5 + 5)
+vowels = ['a', 'e', 'i', 'o', 'u']
+popped_item = vowels.pop()
+print(popped_item)
+print(vowels)
+```
+
+And there we have it! Highlight.js works, but it overrides my global css, essentially overlaying the pseudo-amber-screen I created, with it's own theme. That's fine, for now. I picked one as close as possible to my theming, but more work will be needed in the future.
+
+If  don't want to use the highlighting, I can always just use a generic (unlabelled) fence:
+
+```language-nohighlight
+10 PRINT "HELLO"
+20 GOTO 10
+```
+
+## Final Test
+
+Now, can we add an Iframe with a display of plain text in a different file? If I can do that, then I could even show you this particular markdown file in its raw form. So, you can see there's no special trickery here, beyond the magic of the markdown plugin for Apache2.
+
+The index.md file:
+<iframe src="/txt/index.txt" style="margin-left:20%;width:60%;height:480px"></iframe>
+
+The sample.md file (the one you're reading now):
+<iframe src="/txt/sample.txt" style="margin-left:20%;width:60%;height:480px;"></iframe>

txt/test.txt

@@ -0,0 +1,8 @@
+Hello!
+------
+
+This is a simple text document. I may begin to do much more with plain text,
+as a reaction to the excessive complexity of modern day document presentation.
+
+But will this work? We shall see...
+