Make the website look really boring

This commit is contained in:
William 2023-01-07 17:49:47 +00:00
parent d246e6d18e
commit 4a823a7747
9 changed files with 52 additions and 160 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -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);

View File

@ -1,28 +1,44 @@
html, body {
height: 100%;
}
body {
margin: 0;
background: midnightblue;
color: #111;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
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;
color: #fff;
padding: .5rem;
background: #eee;
padding: .5rem;
max-width: 100%;
display: block;
overflow-x: auto;

View File

@ -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');

View File

@ -1,12 +1,3 @@
<!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>Page not found</title>
</head>
<body>
<h1>Page not found</h1>
</body>
</html>
<h1>Page not found</h1>
<p>The page you requested could not be found on this server</p>
<a href="<?=url('/')?>">Go home</a>

View File

@ -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>

View File

@ -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')?>

View File

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

View File

@ -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'): ?>
<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>
<header>
<nav>
<!-- the image holds for now... -->
<span>[&nbsp;<a href="<?=url('/')?>">Home</a>&nbsp;]</span>
</nav>
</div>
</header>
<hr>
<main>