diff --git a/README.md b/README.md index a14de56..28dc54c 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ -# Website +# OOooohhhhh -The fourth redesign of my website, finally a solid base I can build upon... Yeah \ No newline at end of file +hello \ No newline at end of file diff --git a/public/banner.gif b/public/banner.gif new file mode 100644 index 0000000..5df2ac1 Binary files /dev/null and b/public/banner.gif differ diff --git a/public/cat-love-letter.gif b/public/cat-love-letter.gif new file mode 100644 index 0000000..44b3d9a Binary files /dev/null and b/public/cat-love-letter.gif differ diff --git a/public/img/gitea.svg b/public/img/gitea.svg deleted file mode 100644 index afeeacb..0000000 --- a/public/img/gitea.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/img/laptop.jpg b/public/img/laptop.jpg deleted file mode 100644 index 8dcfd3b..0000000 Binary files a/public/img/laptop.jpg and /dev/null differ diff --git a/public/img/mumble.png b/public/img/mumble.png deleted file mode 100644 index c21dd49..0000000 Binary files a/public/img/mumble.png and /dev/null differ diff --git a/public/index.php b/public/index.php index 68e2551..13b3def 100644 --- a/public/index.php +++ b/public/index.php @@ -1,4 +1,5 @@ view('home')); -route('/test', fn() => - view('test')); - http_response_code(404); view('404'); \ No newline at end of file diff --git a/public/snow.js b/public/snow.js new file mode 100644 index 0000000..93210e8 --- /dev/null +++ b/public/snow.js @@ -0,0 +1,97 @@ + +// 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("" + snowEntity + ""); +} + +window.addEventListener('resize', resize); +window.addEventListener('load', initSnow); \ No newline at end of file diff --git a/public/stars.gif b/public/stars.gif new file mode 100644 index 0000000..edacc06 Binary files /dev/null and b/public/stars.gif differ diff --git a/public/style.css b/public/style.css index d54a858..6750b6c 100644 --- a/public/style.css +++ b/public/style.css @@ -1,92 +1,56 @@ -:root { - --primary: #fff; - --secondary: #eee; - --border: #ccc; - --text: #111; - --links: #00f; -} - -@media (prefers-color-scheme: dark) { - :root { - --primary: #111; - --secondary: #222; - --border: #444; - --text: #eee; - --links: #aaf; - } - img { - filter: brightness(90%); - } +html, body { + height: 100%; } body { - background: var(--primary); - color: var(--text); - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; - font-size: 1rem; - margin: 0; + background-color: black; + background: url('stars.gif'); + text-align: center; + color: white; + image-rendering: pixelated; + font-size: 1rem; + font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + line-height: 1.5; } -main, header > nav { - padding: .75rem; - max-width: 40rem; - margin: auto; -} - -header { - background: #335; -} -header > nav > a { - color: #eee; - text-decoration: none; +hr { + display: none; } a { - color: var(--links); + color: #0f0; +} + +h1 { + border-bottom: .25rem double yellow; + color: yellow; } img { - display: block; - height: auto; - max-width: 100%; - max-height: 30rem; + height: auto; + max-width: 100%; +} + +code { + display: block; + max-width: min-content; + margin: auto; + background: black; + color: greenyellow; + padding: .75rem; + overflow-x: auto; + overflow-y: hidden; + font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; } table { - display: block; border-collapse: collapse; - overflow: auto; + margin: auto; + background: black; } -tbody { - display: table; - width: 100%; -} -td, -th { + +td, th { + border: 1px solid white; text-align: left; - padding: .375rem; -} -tr:nth-child(even) { - background: var(--secondary); -} - -pre, -code { - font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; - background: var(--secondary); -} -pre { - padding: .75rem; - max-width: 100%; - display: block; - overflow-x: auto; - overflow-y: hidden; -} - -blockquote { - font-style: italic; padding: .5rem; - padding-left: 1.25rem; - border-left: .25rem solid var(--border); - margin: 0; } \ No newline at end of file diff --git a/public/wc.gif b/public/wc.gif new file mode 100644 index 0000000..c1e4b8d Binary files /dev/null and b/public/wc.gif differ diff --git a/view/404.php b/view/404.php index b18d91d..d8a86ce 100644 --- a/view/404.php +++ b/view/404.php @@ -1,17 +1,4 @@ -= view('header', ['title' => 'Page not found']) ?> - -
Sorry, the page you requested could not be found on this server.
- - - --You may choose to go back or ponder. -
- -= view('footer') ?> \ No newline at end of file +=view('header')?> +