commit 2602e95c7e8029996cb2dbfb614bd36e3c8c659c
Author: thing1 <thing1@seacrossedlovers.xyz>
Date: Tue, 28 Apr 2026 21:16:23 +0100
init commit
Diffstat:
22 files changed, 736 insertions(+), 0 deletions(-)
diff --git a/blog.html b/blog.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel="stylesheet" href="./style.css">
+ </head>
+
+ <body>
+ <header>
+ <h1 class="title">The amazing blogs of Lucas Standen!</h1>
+ <h2 class="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">
+ <table id="blogs">
+ <thead>
+ <tr>
+ <th>Title</th>
+ <th>Date</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <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>
+ </div>
+
+ <hr>
+
+ <footer>
+ <a href="./disclaimer.html">Disclaimer</a>
+ <a href="https://analognowhere.com/_/cohelg/">Background source</a>
+ <small id="pageLastChanged"></small>
+ <script src="scripts/lastmodified.js"></script>
+ </footer>
+ </body>
+</html>
diff --git a/blogs/1.html b/blogs/1.html
@@ -0,0 +1,51 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 class=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 class=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 id=pageLastChanged></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+</html>
+
diff --git a/blogs/2.html b/blogs/2.html
@@ -0,0 +1,56 @@
+
+<!DOCTYPE html>
+<html lang=en>
+ <head>
+ <meta charset="UTF-8">
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 class=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 class=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 id=pageLastChanged></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+</html>
+
diff --git a/blogs/3.html b/blogs/3.html
@@ -0,0 +1,69 @@
+
+<!DOCTYPE html>
+<html lang=en>
+ <head>
+ <meta charset="UTF-8">
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel=stylesheet href=../style.css>
+ </head>
+
+ <body>
+ <header>
+ <h1 class=title>The amazing blogs of Lucas Standen!</h1>
+ <h2 class=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.
+</p>
+
+<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>
+
+<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 id=pageLastChanged></small>
+ <script src=../scripts/lastmodified.js></script>
+ </footer>
+ </body>
+</html>
+
diff --git a/blogs/new.sh b/blogs/new.sh
@@ -0,0 +1,58 @@
+#!/bin/sh
+
+[ -z "$1" ] && echo "blog name needed" && exit
+
+tmp=$(mktemp)
+
+vi $tmp
+
+echo """
+<!DOCTYPE html>
+<html lang=en>
+ <head>
+ <meta charset='UTF-8'>
+ <title>The amazing blogs of Lucas Standen!</title>
+ <link rel="stylesheet" href="../style.css">
+ </head>
+
+ <body>
+ <header>
+ <h1 class="title">The amazing blogs of Lucas Standen!</h1>
+ <h2 class="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 id="pageLastChanged"></small>
+ <script src="../scripts/lastmodified.js"></script>
+ </footer>
+ </body>
+</html>
+
+
+""" >> $1.html
diff --git a/cv.html b/cv.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>CV</title>
+ <link rel="stylesheet" href="./cvstyle.css">
+ </head>
+
+ <header>
+ <h1>Lucas Standen</h1>
+ </header>
+
+ <div id="bar">
+ <h2>Contact</h2>
+ <ul>
+ <li>07123456789</li>
+ <li>lucas@example.com</li>
+ <li>420 foobar road EN</li>
+ </ul>
+ </div>
+
+
+
+ <div class="content">
+ <div>
+ <h2>Qualifications</h2>
+ <table>
+ <thead>
+ <tr>
+ <th><em>Type</em></th>
+ <th><em>Where</em></th>
+ <th><em>When</em></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>PhD in computer infrastructure</td>
+ <td>Aberystwyth University</td>
+ <td>2025</td>
+ </tr>
+ <tr>
+ <td>Business Admin</td>
+ <td>Aberystwyth University</td>
+ <td>2020</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <hr>
+
+ <div>
+ <h2>Interest</h2>
+ <table>
+ <thead>
+ <tr>
+ <th><em>What</em></th>
+ <th><em>Skills learned</em></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Programming</td>
+ <td><p>
+ Self taught in C, Hare and Go, made many small projects that are used on a daily basis. Learned how to manage projects, debug them, and find what is important to a user</p>
+ </td>
+ </tr>
+ <tr>
+ <td>Hiking</td>
+ <td>Map reading and navigation skills, takes frequent hikes to stay healthy</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <hr>
+
+ <div>
+ <h2>History</h2>
+ <table>
+ <thead>
+ <tr>
+ <th><em>Where</em></th>
+ <th><em>Skills</em></th>
+ <th><em>When</em></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>3 Heads Pub</td>
+ <td>Team management skills, Food standards, Handling stressful environments</td>
+ <td>2024-2025</td>
+ </tr>
+ </tbody>
+ </table>
+
+ </div>
+ <hr>
+
+ <div>
+ <h2>References</h2>
+ <table>
+ <thead>
+ <tr>
+ <th><em>Who</em></th>
+ <th><em>Contact</em></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Judith M.<br>Head chef at the 3 Heads Pub</td>
+ <td>074567890, <a href="mailto:jum41@aber.ac.uk">jum41@aber.ac.uk</a></td>
+ </tr>
+ <tr>
+ <td>Otar A.<br>Personal tutor at Aberystwyth University</td>
+ <td>0734214567, <a href="mailto:ota1@aber.ac.uk">ota1@aber.ac.uk</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <hr>
+ </div>
+
+
+ <footer>
+ <br>
+ <a href="./index.html">Return to the amazing world of Lucas Standen</a>
+ <pre>This page contains false information and is for demonstration only</pre>
+ <a href="./disclaimer.html">Disclaimer</a>
+ <small id="pageLastChanged"></small>
+ <script src="scripts/lastmodified.js"></script>
+ </footer>
+
+</html>
diff --git a/cvstyle.css b/cvstyle.css
@@ -0,0 +1,54 @@
+html{
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+
+table {
+ border-collapse: collapse;
+ margin: auto;
+ width: 60%;
+}
+
+td, th {
+ border: 1px solid rgb(126, 159, 220);
+ text-align: left;
+ padding: 8px;
+}
+
+tr:nth-child(even) {
+ background-color: rgb(126, 159, 220);
+}
+
+h1 {
+ background-color: rgb(126, 159, 220);
+ padding: 30px;
+ text-align: center;
+ color: rgb(5, 4, 99);
+}
+
+h2 {
+ margin: auto;
+ /*align: center;*/
+ text-align: center;
+ padding: 20px;
+}
+
+
+#bar {
+ width: 200px;
+ float: left;
+ padding-bottom: 700px;
+ padding-top: 200px;
+ padding-right: 10px;
+ background-color: rgb(126, 159, 220);
+}
+
+hr {
+ border-top: 3px solid rgb(5, 4, 99);
+}
+
+footer {
+ padding: 20px;
+ /*align: center;*/
+ text-align: center;
+}
diff --git a/disclaimer.html b/disclaimer.html
@@ -0,0 +1 @@
+</p>The information provided on this and other pages by me, Lucas Standen (lus53@aber.ac.uk), is under my own personal responsibility and not that of the Aberystwyth University. Similarly, any opinions expressed are my own and are in no way to be taken as those of Aberystwyth University.</p>
diff --git a/images/anythingbut.gif b/images/anythingbut.gif
Binary files differ.
diff --git a/images/archlinux.gif b/images/archlinux.gif
Binary files differ.
diff --git a/images/best_viewed_with_eyes.gif b/images/best_viewed_with_eyes.gif
Binary files differ.
diff --git a/images/cssdif.gif b/images/cssdif.gif
Binary files differ.
diff --git a/images/mothra.gif b/images/mothra.gif
Binary files differ.
diff --git a/images/netscape-ie.gif b/images/netscape-ie.gif
Binary files differ.
diff --git a/images/release.jpeg b/images/release.jpeg
Binary files differ.
diff --git a/images/webback.png b/images/webback.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>The amazing world of Lucas Standen!</title>
+ <link rel="stylesheet" href="./style.css">
+ </head>
+
+ <body>
+ <header>
+ <h1 class="title">The amazing world of Lucas Standen!</h1>
+ <h2 class="title">A website straight out of 1999</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>
+ </header>
+
+ <div id="nameinput">
+ <hr>
+ <label for="namebox">What's your name?</label>
+ <input id="namebox" name="name" type="text" placeholder="Name" maxlength="20">
+ <button onclick="sayHello();">Say <b><em>hello!</em></b></button>
+
+ <p id="nameoutput"></p>
+ <script src="scripts/nameinput.js"></script>
+ <hr>
+ </div>
+
+ <div id="mainbody">
+ <h2 onmouseleave="whosNotAsking();" onmouseover="whosAsking();">Who am I?</h2>
+ <div class="rainbow" id="whosAsking"></div>
+ <script src="scripts/whosasking.js"></script>
+
+ <p>I'm a neat <em>little</em> nerd who likes programming, anime, and other such things. I spend an impressive amount of time behind a screen, and somehow my eyes still function<small class="verysmall"> (sorta)</small>. When I'm not in front of a screen, I'm probably cooking some food, perhaps for my <a href="https://users.aber.ac.uk/jum41/cs10120">friend</a>, as I seem to cook for others more than myself! I find it very relaxing, and cooking for someone else forces you to put in some effort, and you ought to try!</p>
+
+ <h2>Why am I here?</h2>
+
+ <p>I made this website to create my own little corner of the internet, <em>(it seems to have a lot of little corners, <strong>strange that, isn't it</strong>)</em>,<small class="verysmall"> and because I had an assignment to complete</small>.I hope to use this site as a nice little place to rant to my friends, and to show off, obviously.</p>
+
+ <h2>So, do you like computers?</h2>
+
+ <p>And now I've ran out of things to talk about so were back to computers! Aren't the just so cool! I sure think they are. They are much better when they get covered in stickers of cute little <a href="https://9p.io/plan9/glenda.html">mascots</a> though. Isn't Unix awesome, so is Plan9, why aren't all computers like that?! Imagine a world with computers that all spoke the same <em>lean</em>, <em>clean</em>, and most importantly, <em>simple</em> language; things might be a lot faster, but then again, perhaps no one would use a computer that only <a href="https://analognowhere.com/wiki/technomage/">techno mages</a> understand.</p>
+
+ <hr>
+ <div id="aolBanner">
+ <marquee scrollamount=7><p height=1>Get online with <a href='https://www.aol.com/'>AOL</a> today!</p></marquee><hr>
+ </div>
+
+ <hr>
+ <div id="photo">
+ <a href="https://analognowhere.com"><img style="max-height:50%; max-width:50%;" src=images/release.jpeg alt="Cirno and Glenda reading the great texts"></a>
+ <br>
+ <small class="verysmall"><em>Cirno and Glenda reading the great texts</em></small>
+ </div>
+ <hr>
+ </div>
+
+ <footer>
+ <table>
+ <tbody>
+ <tr>
+ <td>
+ <a href="https://en.wikipedia.org/wiki/Netscape_Navigator"><img width="88" src=images/netscape-ie.gif alt="Best viewed on Netscape Navigator 3.0"></a>
+ <a href="https://www.w3.org/Style/CSS/specs.en.html"><img width="88" src=images/cssdif.gif alt="CSS is hard"></a>
+ <a href="https://www.howtogeek.com/881609/why-you-should-stop-using-google-chrome-today/"><img width="88" src=images/anythingbut.gif alt="Please Not Chrome"></a>
+ <a href="https://archlinux.org"><img width="88" src=images/archlinux.gif alt="I use arch BTW"></a>
+ <a href="https://www.specsavers.co.uk/"><img width="88" src=images/best_viewed_with_eyes.gif alt="Do you have eyes?"></a>
+ <a href="https://9front.org/"><img width="88" src=images/mothra.gif alt="A link to a better way"></a>
+ <a href="https://jigsaw.w3.org/css-validator/check/referer"><img width="88" src="https://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"></a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ <a href="./disclaimer.html">Disclaimer</a>
+ <a href="https://analognowhere.com/_/cohelg/">Background source</a>
+ <br>
+ <small id="pageLastChanged"></small>
+ <script src="scripts/lastmodified.js"></script>
+ </footer>
+ </body>
+</html>
diff --git a/scripts/animate.js b/scripts/animate.js
@@ -0,0 +1,11 @@
+toggle = false;
+
+function animateAOL() {
+ toggle = !toggle;
+ if (toggle) {
+ document.getElementById("aolBanner").innerHTML = "<marquee scrollamount=7><p height=1>Get online with <a href='https://www.aol.com/'>AOL</a> today!</p></marquee><hr>"
+ } else {
+ document.getElementById("aolBanner").innerHTML = ""
+ }
+}
+
diff --git a/scripts/lastmodified.js b/scripts/lastmodified.js
@@ -0,0 +1,7 @@
+function getLastModified() {
+ let msg = document.lastModified;
+ msg = "<pre>" + msg + "</pre>"
+ document.getElementById("pageLastChanged").innerHTML = "Page last changed at " + msg;
+}
+
+getLastModified();
diff --git a/scripts/nameinput.js b/scripts/nameinput.js
@@ -0,0 +1,10 @@
+function sayHello() {
+ const date = new Date();
+ const name = document.getElementById("namebox").value;
+
+ const hour = date.getHours();
+ console.log(hour);
+ const msg = "Good<em>" + ((hour < 12) ? " morning " : (hour < 18) ? " afternoon ": " evening ") + "</em>" + name;
+
+ document.getElementById("nameoutput").innerHTML = msg;
+}
diff --git a/scripts/whosasking.js b/scripts/whosasking.js
@@ -0,0 +1,7 @@
+function whosAsking() {
+ document.getElementById("whosAsking").innerHTML = "<small>Who's asking? ( ͡° ͜ʖ ͡°)</small>";
+}
+
+function whosNotAsking() {
+ document.getElementById("whosAsking").innerHTML = "";
+}
diff --git a/style.css b/style.css
@@ -0,0 +1,120 @@
+body {
+ background-color: #201b1e;
+ background: #201b1e;
+ color: #ff84bf;
+ font-family: 'Monospace';
+}
+
+header .title {
+ text-align: center;
+}
+
+.verysmall {
+ font-size: 60%;
+}
+
+.rainbow {
+ background-clip: text;
+ color: transparent;
+ background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
+}
+
+a {
+ color: #eec047;
+ font-weight: bold;
+}
+
+#blogs {
+ /*align: center;*/
+ margin-left: auto;
+ margin-right: auto;
+ width: 30%;
+}
+
+#blogs table, #blogs th, #blogs td {
+ border: 1px solid;
+ border-collapse: collapse;
+}
+
+#mainbody h2 {
+ text-decoration: underline;
+}
+
+a:visited {
+ color: #a300fe;
+}
+
+
+nav {
+ background-color: #65556c;
+}
+
+nav th {
+ padding: 10px;
+}
+
+nav a {
+ color: #eec047;
+}
+
+/* overwrite previous rule for visited links */
+nav a:visited {
+ color: #eec047;
+}
+
+nav table {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* displays not large enough to render the image on the right */
+@media screen and (min-width: 1000px) {
+ body {
+ /*align: center;*/
+ text-align: center;
+ width: 70%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ #photo {
+ margin: auto;
+ text-align: center;
+ }
+}
+
+/* displays large enough to render the image on the right */
+@media screen and (min-width: 1636px) {
+ body {
+ background-image: url(./images/webback.png);
+ background-repeat: no-repeat;
+ background-position: center right;
+ background-position-y: top;
+ background-size: 45%;
+ width: 45%;
+ height: 100%;
+
+ /*align: left;*/
+ text-align: left;
+ margin-left: 0;
+ margin-right: 0;
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ #photo {
+ margin: auto;
+ text-align: center;
+ width: 40%;
+ }
+}
+
+footer {
+ /*align: center;*/
+ text-align: center;
+}
+
+footer table {
+ margin-left: auto;
+ margin-right: auto;
+}
+
