commit 82fc2902d3c22fb6aa7e7dd39b8f4f12edbe47c4
parent bd88e4422ea940b72e1b43ed7fee42c1a252b5e4
Author: thing1 <thing1@seacrossedlovers.xyz>
Date: Mon, 16 Feb 2026 00:10:17 +0000
added some silly js
Diffstat:
7 files changed, 219 insertions(+), 69 deletions(-)
diff --git a/CS10120/project/blog.html b/CS10120/project/blog.html
@@ -0,0 +1,57 @@
+<!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">
+ <table id="blogs">
+ <thead>
+ <tr>
+ <th>Title</th>
+ <th>Date</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><button onclick="load('./blogs/begin.html');">begin</button></td>
+ <td><pre>15/02/26</pre></td>
+ </tr>
+ </tbody>
+ </table>
+ <script src="scripts/blog.js"></script>
+ </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/cv.html b/CS10120/project/cv.html
diff --git a/CS10120/project/disclaimer.html b/CS10120/project/disclaimer.html
@@ -1 +1 @@
-<p id="disclaimer">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 Aberystwyth University. Similarly, any opinions expressed are my own and are in no way to be taken as those of A.U. The use of the University’s logo or crest is not allowed on individual user’s web pages.</p>
+</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/CS10120/project/index.html b/CS10120/project/index.html
@@ -1,78 +1,86 @@
-<head>
- <title>The amazing world of Lucas Standen!</title>
- <link rel="stylesheet" href="./style.css">
-</head>
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The amazing world of Lucas Standen!</title>
+ <link rel="stylesheet" href="./style.css">
+ </head>
-<body>
- <header>
- <h1 id="title">The amazing world of Lucas Standen!</h1>
- <h2 id="title">A website straight out of 1999</h2>
+ <body>
+ <header>
+ <h1 id="title">The amazing world of Lucas Standen!</h1>
+ <h2 id="title">A website straight out of 1999</h2>
- <hr>
+ <hr>
- <nav>
- <ul class="navbar">
- <li class="navbar"><a class="navbar" href="./cv.html">CV</a></li>
- <li class="navbar"><a class="navbar" href="./blog.html">Blog</a></li>
- </ul>
- </nav>
- </header>
+ <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></br></button>
+ <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></br></button>
- <p id="nameoutput"></p>
- <script src="scripts/nameinput.js"></script>
- <hr>
- </div>
+ <p id="nameoutput"></p>
+ <script src="scripts/nameinput.js"></script>
+ <hr>
+ </div>
- <div id="mainbody">
- <h2 onmouseleave="whosNotAsking();" onmouseover="whosAsking();">Who am I?</h2>
- <h5 id="whosAsking"></h5>
- <script src="scripts/whosasking.js"></script>
+ <div id="mainbody">
+ <h2 onmouseleave="whosNotAsking();" onmouseover="whosAsking();">Who am I?</h2>
+ <h5 class="rainbow" id="whosAsking"></h5>
+ <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">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>
+ <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">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>
+ <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>
+ <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>
+ <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="http://glenda.cat-v.org/">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, clean, and most importantly, 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>
+ <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="http://glenda.cat-v.org/">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, clean, and most importantly, 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 id="aolBanner">
+ <marquee scrollamount=7>
+ <p height=1>Get online with <a href="https://www.aol.com/">AOL</a> today!</p>
+ </marquee>
+ </div>
+ <hr>
</div>
- <hr>
- </div>
- <footer>
- <table>
- <tbody>
- <tr>
- <td>
- <a href="https://en.wikipedia.org/wiki/Netscape_Navigator"><img width="88px" src=images/netscape-ie.gif alt="Best viewed on Netscape Navigator"></a>
- <a href="https://www.w3.org/Style/CSS/specs.en.html"><img width="88px" 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="88px" src=images/anythingbut.gif alt="Please Not Chrome"></a>
- <a href="https://archlinux.org"><img width="88px" src=images/archlinux.gif alt="I use arch BTW"></a>
- <a href="https://www.specsavers.co.uk/"><img width="88px" src=images/best_viewed_with_eyes.gif alt="Do you have eyes?"></a>
- <a href="https://9front.org/"><img width="88px" src=images/mothra.gif alt="A link to a better way"></a>
- </td>
- </tr>
- </tbody>
- </table>
+ <footer>
+ <table>
+ <tbody>
+ <tr>
+ <td>
+ <a href="https://en.wikipedia.org/wiki/Netscape_Navigator"><img width="88px" 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="88px" 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="88px" src=images/anythingbut.gif alt="Please Not Chrome"></a>
+ <a href="https://archlinux.org"><img width="88px" src=images/archlinux.gif alt="I use arch BTW"></a>
+ <a href="https://www.specsavers.co.uk/"><img width="88px" src=images/best_viewed_with_eyes.gif alt="Do you have eyes?"></a>
+ <a href="https://9front.org/"><img width="88px" src=images/mothra.gif alt="A link to a better way"></a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
- <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>
+ <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/scripts/blog.js b/CS10120/project/scripts/blog.js
@@ -0,0 +1,8 @@
+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;
+ })
+}
diff --git a/CS10120/project/scripts/whosasking.js b/CS10120/project/scripts/whosasking.js
@@ -1,5 +1,5 @@
function whosAsking() {
- document.getElementById("whosAsking").innerHTML = "Who's asking?";
+ document.getElementById("whosAsking").innerHTML = "Who's asking? ( ͡° ͜ʖ ͡°)";
}
function whosNotAsking() {
diff --git a/CS10120/project/style.css b/CS10120/project/style.css
@@ -5,26 +5,103 @@ body {
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 {
- width: 768px;
+ align: center;
+ text-align: center;
+ width: 70%;
+ margin-left: auto;
+ margin-right: auto;
}
}
+/* 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;
- /*width: 768px;*/
+ width: 768px;
+
+ align: left;
+ text-align: left;
+ margin-left: 0;
+ margin-right: 0;
+ padding-left: 15px;
+ padding-right: 15px;
}
}
-#title {
+footer {
+ align: center;
text-align: center;
}
-small.verysmall {
- font-size: 10px;
+footer table {
+ margin-left: auto;
+ margin-right: auto;
}
