commit 9b4c92538b51f8a700eeb28085cc6e8939677c43
parent dd34c8d450dc05a901f0ed87c869f2f3f0f16e27
Author: thing1 <thing1@seacrossedlovers.xyz>
Date: Thu, 5 Mar 2026 12:47:39 +0000
added blogs!
Diffstat:
7 files changed, 242 insertions(+), 12 deletions(-)
diff --git a/CS10120/project/blog.html b/CS10120/project/blog.html
@@ -37,12 +37,20 @@
</thead>
<tbody>
<tr>
- <td><button onclick="load('./blogs/begin.html');">begin</button></td>
- <td><pre>15/02/26</pre></td>
+ <td><a href="./blogs/3.html">Becoming a Techno Mage</a></td>
+ <td>05/03/26</td>
</tr>
+ <tr>
+ <td><a href="./blogs/2.html">How do blog</a></td>
+ <td>05/03/26</td>
+ </tr>
+ <tr>
+ <td><a href="./blogs/1.html">Hello world!</a></td>
+ <td>05/03/26</td>
+ </tr>
+
</tbody>
</table>
- <script src="scripts/blog.js"></script>
</div>
<hr>
diff --git a/CS10120/project/blogs/1.html b/CS10120/project/blogs/1.html
@@ -0,0 +1,50 @@
+
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 id=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 id=title>You've stumbled right into my rants!</h2>
+
+ <hr>
+
+ <nav>
+ <table>
+ <thead>
+ <tr>
+ <th><a href=../index.html>Home</a></th>
+ <th><a href=../blog.html>Blog</a></th>
+ <th><a href=../cv.html>CV</a></th>
+ </tr>
+ </thead>
+ </table>
+ </nav>
+
+ <hr>
+ </header>
+
+ <div id=mainbody>
+
+<h2>Welcome!</h2>
+<p>It would seem that you've stumbled right into my blog!<small class="verysmall"> For better or for worse... </small> Either way I hope it provides a little fun to you. This post is designed to be small and simple, mostly to test out my amazing writing, but if you want something more fun maybe check out the next one (<em>wink wink nudge nudge</em>). The content on this page is going to be fun and informative I hope, lots of computers, and other such funny antics</p>
+
+<p>Anyway, wrapping up blog 1 for now, see you in the next one!</p>
+
+ </div>
+
+ <hr>
+
+ <footer>
+ <a href=../disclaimer.html>Disclaimer</a>
+ <a href=https://analognowhere.com/_/cohelg/>Background source</a>
+ <small><p id=pageLastChanged></p></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+ <html>
+
diff --git a/CS10120/project/blogs/2.html b/CS10120/project/blogs/2.html
@@ -0,0 +1,59 @@
+
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 id=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 id=title>You've stumbled right into my rants!</h2>
+
+ <hr>
+
+ <nav>
+ <table>
+ <thead>
+ <tr>
+ <th><a href=../index.html>Home</a></th>
+ <th><a href=../blog.html>Blog</a></th>
+ <th><a href=../cv.html>CV</a></th>
+ </tr>
+ </thead>
+ </table>
+ </nav>
+
+ <hr>
+ </header>
+
+ <div id=mainbody>
+
+<h2>How do blog?</h2>
+<p>
+The blogs on this page are very simple to make, just writing html. I have a small script <a href="new.sh">here</a> that I use to generate the header and footer on each page, but there's nothing more to them than that.
+</p>
+
+<h2>So... computer?</h2>
+<p>
+Like the main page says, I think computers are so cool, but not always, (in-fact not very often at all), <pre>AI, MicroSlop, Google</pre> and more, make computers suck-ey to use in my <small><em>objectively always 100% correct perfect</em></small> opinion. Anyway, why be down about what someone else does! The cool parts of computers are really cool, Language design, Operating systems, Minimal software patterns; that's where things are at!.
+</p>
+
+<p>
+Again cutting things short again, <small><em>maybe making more blogs is more impressive</em></small>
+</p>
+
+ </div>
+
+ <hr>
+
+ <footer>
+ <a href=../disclaimer.html>Disclaimer</a>
+ <a href=https://analognowhere.com/_/cohelg/>Background source</a>
+ <small><p id=pageLastChanged></p></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+ <html>
+
diff --git a/CS10120/project/blogs/3.html b/CS10120/project/blogs/3.html
@@ -0,0 +1,67 @@
+
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 id=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 id=title>You've stumbled right into my rants!</h2>
+
+ <hr>
+
+ <nav>
+ <table>
+ <thead>
+ <tr>
+ <th><a href=../index.html>Home</a></th>
+ <th><a href=../blog.html>Blog</a></th>
+ <th><a href=../cv.html>CV</a></th>
+ </tr>
+ </thead>
+ </table>
+ </nav>
+
+ <hr>
+ </header>
+
+ <div id=mainbody>
+
+<h2>Becoming a Techno Mage</h2>
+<p>
+The first step to becoming a techno mage is to know what one is. According to <a href="https://analognowhere.com/wiki/technomage">OpenBlade</a>, A techno mage is a free software warrior,<small class="verysmall"><em> and a wanted criminal</em></small>.
+</p>
+
+<h2>A step by step guide</h2>
+<p>
+Here's a step by step guide that I used to become a true techno mage.
+<ul>
+ <li>Install Linux, any distro will do</li>
+ <li>Break your GUI 20 times, and recover from a shell each time</li>
+ <li>Distro hop for 2 years</li>
+ <li>Get a ThinkPad (<em>bonus points if its more than 15 years old</em>)</li>
+ <li>Use a minimal Linux distro on the ThinkPad and start using Suckless software</li>
+ <li>Start using OpenBSD exclusively</li>
+ <li>Learn about Plan9</li>
+ <li>Live on Plan9</li>
+</ul>
+</p>
+
+<h3>If you've read this document, your probably already a techno mage, and you wasted your time. Port Plan9 to a carrot, or some other techno mage thing!</h3>
+
+ </div>
+
+ <hr>
+
+ <footer>
+ <a href=../disclaimer.html>Disclaimer</a>
+ <a href=https://analognowhere.com/_/cohelg/>Background source</a>
+ <small><p id=pageLastChanged></p></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+ <html>
+
diff --git a/CS10120/project/blogs/begin.html b/CS10120/project/blogs/begin.html
@@ -1 +0,0 @@
-<p>this is a very boring blog</p>
diff --git a/CS10120/project/blogs/new.sh b/CS10120/project/blogs/new.sh
@@ -0,0 +1,55 @@
+#!/bin/sh
+
+[ -z "$1" ] && echo "blog name needed" && exit
+
+tmp=$(mktemp)
+
+vi $tmp
+
+echo """
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel="stylesheet" href="../style.css">
+ </head>
+
+ <body>
+ <header>
+ <h1 id="title">The amazing blogs of Lucas Standen!</h1>
+ <h2 id="title">You've stumbled right into my rants!</h2>
+
+ <hr>
+
+ <nav>
+ <table>
+ <thead>
+ <tr>
+ <th><a href="../index.html">Home</a></th>
+ <th><a href="../blog.html">Blog</a></th>
+ <th><a href="../cv.html">CV</a></th>
+ </tr>
+ </thead>
+ </table>
+ </nav>
+
+ <hr>
+ </header>
+
+ <div id="mainbody">
+""" > $1.html
+cat $tmp >> $1.html
+echo """
+ </div>
+
+ <hr>
+
+ <footer>
+ <a href="../disclaimer.html">Disclaimer</a>
+ <a href="https://analognowhere.com/_/cohelg/">Background source</a>
+ <small><p id="pageLastChanged"></p></small>
+ <script src="../scripts/lastmodified.js"></script>
+ </footer>
+ </body>
+ <html>
+""" >> $1.html
diff --git a/CS10120/project/scripts/blog.js b/CS10120/project/scripts/blog.js
@@ -1,8 +0,0 @@
-function load(path) {
- const prev = document.getElementById("mainbody").innerHTML;
- fetch("http://users.aber.ac.uk/lus53/cs10120/" + path)
- .then((response) => response.text())
- .then((html) => {
- document.getElementById("mainbody").innerHTML = html;
- })
-}
