Make the website look really boring

public/static/js/snow.js

@@ -1,96 +0,0 @@
-// Cool snow that was TOTALLY NOT stolen from someone else :-)
-
-// Amount of Snowflakes
-var snowMax = 64;
-
-// Snowflake Colours
-var snowColor = ["#fff"];
-
-// Snow Entity
-var snowEntity = "*";
-
-// Falling Velocity
-var snowSpeed = 0.75;
-
-// Minimum Flake Size
-var snowMinSize = 16;
-
-// Maximum Flake Size
-var snowMaxSize = 32;
-
-// Refresh Rate (in milliseconds)
-var snowRefresh = 75;
-
-// Additional Styles
-var snowStyles = "z-index: 0; cursor: default; user-select: none;";
-
-/*
-// End of Configuration
-// ----------------------------------------
-// Do not modify the code below this line
-*/
-
-var snow = [],
-	pos = [],
-	coords = [],
-	lefr = [],
-	marginBottom,
-	marginRight;
-
-function randomise(range) {
-	rand = Math.floor(range * Math.random());
-	return rand;
-}
-
-function initSnow() {
-	var snowSize = snowMaxSize - snowMinSize;
-	marginBottom = document.body.scrollHeight - 5;
-	marginRight = document.body.clientWidth - 15;
-
-	for (i = 0; i <= snowMax; i++) {
-		coords[i] = 0;
-		lefr[i] = Math.random() * 15;
-		pos[i] = 0.03 + Math.random() / 10;
-		snow[i] = document.getElementById("flake" + i);
-		snow[i].style.fontFamily = "inherit";
-		snow[i].size = randomise(snowSize) + snowMinSize;
-		snow[i].style.fontSize = snow[i].size + "px";
-		snow[i].style.color = snowColor[randomise(snowColor.length)];
-		snow[i].style.zIndex = -1;
-		snow[i].sink = snowSpeed * snow[i].size / 5;
-		snow[i].posX = randomise(marginRight - snow[i].size);
-		snow[i].posY = randomise(2 * marginBottom - marginBottom - 2 * snow[i].size);
-		snow[i].style.left = snow[i].posX + "px";
-		snow[i].style.top = snow[i].posY + "px";
-	}
-
-	moveSnow();
-}
-
-function resize() {
-	marginBottom = document.body.scrollHeight - 5;
-	marginRight = document.body.clientWidth - 15;
-}
-
-function moveSnow() {
-	for (i = 0; i <= snowMax; i++) {
-		coords[i] += pos[i];
-		snow[i].posY += snow[i].sink;
-		snow[i].style.left = snow[i].posX + lefr[i] * Math.sin(coords[i]) + "px";
-		snow[i].style.top = snow[i].posY + "px";
-
-		if (snow[i].posY >= marginBottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginRight - 3 * lefr[i])) {
-			snow[i].posX = randomise(marginRight - snow[i].size);
-			snow[i].posY = 0;
-		}
-	}
-
-	setTimeout("moveSnow()", snowRefresh);
-}
-
-for (i = 0; i <= snowMax; i++) {
-	document.write("<span id='flake" + i + "' style='" + snowStyles + "position:absolute;top:-" + snowMaxSize + "'>" + snowEntity + "</span>");
-}
-
-window.addEventListener('resize', resize);
-window.addEventListener('load', initSnow);

public/static/style/main.css

@@ -1,28 +1,44 @@
-html, body {
-    height: 100%;
-}
 body {
-    margin: 0;
-    background: midnightblue;
     color: #111;
-    font-size: 1rem;
+    background: #fff;
-    font-family: Arial, Helvetica, sans-serif;
     line-height: 1.5;
+    font-size: 1rem;
+    font-family: Arial, sans-serif;
+    margin: 0;
 }
+
+/* text based browsers */
+hr {
+    display: none;
+}
+
 a {
-    color: blue;
+    color: #00f;
 }
-.container {
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+}
+
+header {
+    background: #eee;
+}
+header > nav {
+    padding: 1rem;
     margin: auto;
     max-width: 37rem;
-    background: #fff;
-    padding: 1rem;
 }
+
+main {
+    padding: 0 1rem 0 1rem;
+    margin: auto;
+    max-width: 37rem;
+}
+
 img {
     display: block;
-    max-width: 100%;
-    max-height: 10rem;
     height: auto;
+    max-width: 100%;
 }
 
 table {
@@ -31,22 +47,16 @@ table {
 }
 td, th {
     text-align: left;
-    padding: 8px;
+    padding: .5rem;
 }
 tr:nth-child(even) {
     background: #eee;
 }
 
-@media (max-width: 39rem) {
-    .container {
-        min-height: 100%;
-    }
-}
 pre, code {
     font-family: "DejaVu Sans Mono", Consolas, monospace;
-    background: #111;
+    background: #eee;
-    color: #fff;
+    padding: .5rem;
-    padding: .5rem; 
     max-width: 100%;
     display: block;
     overflow-x: auto;

routes/start.php

@@ -8,12 +8,17 @@ ErrorHandler::register(function($error_messages) {
 });
 
 Route::get('/', fn() => view('pages/home'));
+
 Route::get('/matrix', fn() => view('pages/matrix'));
+
 Route::get('/test/$whatever?', function($whatever = 'Default Value') {
     echo htmlspecialchars($whatever);
 });
+
 Route::get('/error', fn() => 1 / 0);
 
 // since no route was matched we show a page not found error
 http_response_code(404);
-view('errors/404');
+view('templates/header', ['title' => 'Page not found']);
+view('errors/404');
+view('templates/footer');

views/errors/404.php

@@ -1,12 +1,3 @@
-<!DOCTYPE html>
+<h1>Page not found</h1>
-<html lang="en">
+<p>The page you requested could not be found on this server</p>
-<head>
+<a href="<?=url('/')?>">Go home</a>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Page not found</title>
-</head>
-<body>
-    <h1>Page not found</h1>
-</body>
-</html>

views/pages/home.php

@@ -29,7 +29,7 @@
 
 <h1>Flirt with the WEBMASTER</h1>
 
-<p>Send me a nice and positive message on matrix: <a href="#">@william:willy.club</a></p>
+<p>Send me a nice and positive message on matrix: <a href="https://matrix.to/#/@william:willy.club">@william:willy.club</a></p>
 
 <h1>Awesome webring or something</h1>
 

views/pages/matrix.php

@@ -1,8 +1,10 @@
 <?=view('templates/header', ['title' => 'Matrix Homeserver'])?>
-<s>
+
 <h1>Matrix Homeserver</h1>
 
-<p>Come hang out with the other terminally online losers and bitch about all of the worlds problems on the Willy Club matrix homeserver. You can also use it to communicate freely or whatever.</p>
+<p>REGISTRATIONS CLOSED FOR THE TIME BEING!</p>
+
+<p>Come hang out with the other terminally online losers on the Willy Club matrix homeserver. You can also use it to communicate freely or whatever.</p>
 
 <p>You can register on a client that supports it by adding:</p>
 
@@ -10,7 +12,4 @@
 
 <p>as the homeserver, have fun and be nice!</p>
 
-<p>There is an Element web client hosted here but it's recommended you use your own client for security as a compromised client may leak your private keys potentially allowing hackers to decrypt messages in the case of a data breach or by logging into your account.</p>
-</s>
-
 <?=view('templates/footer')?>

views/templates/footer.php

@@ -1,4 +1,3 @@
     </main>
-</div>
 </body>
 </html>

views/templates/header.php

@@ -1,36 +1,20 @@
-<?php
-function special_events(): string {
-    if (in_array(date('m'), ['12', '1', '2'])) {
-        return 'Winter';
-    }
-    return 'Nothing';
-}
-?>
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title><?=htmlspecialchars($title)?></title>
+    <title><?=htmlspecialchars($title)?> - the Willy Club</title>
     <link rel="stylesheet" href="<?=url('/static/style/main.css')?>">
 </head>
 <body>
 
-<?php if (special_events() === 'Winter'): ?>
+    <header>
-    <script src="<?=url('/static/js/snow.js')?>"></script>
-<?php endif; ?>
-
-<div class="container">
-
-    <a href="<?=url('/')?>">
-        <img src="<?=url('/static/img/logo.png')?>">
-    </a>
-
-    <div>
         <nav>
-            <!-- the image holds for now... -->
+            <span>[&nbsp;<a href="<?=url('/')?>">Home</a>&nbsp;]</span>
         </nav>
-    </div>
+    </header>
+
+    <hr>
 
     <main>