holy fucking SHIT. technomancer horse lvl up

update links
remove old images
2024-03-21 20:26:11 -05:00 · 2024-03-06 16:08:06 -06:00 · 2024-01-02 21:22:04 -06:00 · 2024-01-02 21:18:49 -06:00 · 2024-01-02 21:18:29 -06:00 · 2024-01-02 21:01:59 -06:00
54 changed files with 998 additions and 52 deletions
--- a/2
+++ b/2
@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2022 Sophie Mondz
+Copyright (c) 2023 Sophie Axebane
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
--- a/README.md
+++ b/README.md
@ -1,2 +1,5 @@
-# system64.neocities.org
+# system64.dev
-This is the source code for my site live at system64.neocities.org
+This is the source code for my site live at system64.dev.
 I highly recommend AGAINST using this for ANYTHING. The code for this website is atrocious and shouldn't ever be touched for everyones own good.
 Checkout the v2 branch instead
--- a/err/400.html
+++ b/err/400.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon/fail_glitch.webp">
 </head>
 <body>
    <div>
        <img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
        <h1>400 - Bad Request</h1>
        <p>Your request cannot be processed at this time.</p>
        <p class="tiny">This error has been logged, If this keeps happening contact the webmaster.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/403.html
+++ b/err/403.html
@ -0,0 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
 </head>
 <body>
    <div>
        <img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
        <h1>403 - Access Forbidden.</h1>
        <p>You do not have permission to access this page.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/404.html
+++ b/err/404.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
 </head>
 <body>
    <div>
        <img src="/img/error_glitch.webp" alt="Glitched looking Warning icon">
        <h1>404 - Not Found</h1>
        <p>Great and Powerful unicorns behind curtains! That page couldn't be found on the server!</p>
        <p class="tiny">Expecting something here? It may have been moved or is simply missing.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/429.html
+++ b/err/429.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
 </head>
 <body>
    <div>
        <img src="/img/error_glitch.webp" alt="Glitched looking Warning icon">
        <h1>429 - Too many requests</h1>
        <p>Chill down there pardner! You're being ratelimited!</p>
        <p class="tiny">Ratelimits don't last very long, Check back later.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/502.html
+++ b/err/502.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
 </head>
 <body>
    <div>
        <img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
        <h1>502 - Bad Gateway</h1>
        <p>The server sent an invalid response.</p>
        <p class="tiny">This error has been logged, If this keeps happening contact the webmaster.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/503.html
+++ b/err/503.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>System64.dev - Error</title>
    <link rel="stylesheet" type="text/css" href="/err/styles.css">
    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
 </head>
 <body>
    <div>
        <img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
        <h1>503 - Service Unavailable</h1>
        <p>The server is not ready to process this request.</p>
        <p class="tiny">The server may be down for maintenance, or is currently overloaded. Nonetheless, This error has been recorded.</p>
        <input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
    </div>
 </body>
 </html>
--- a/err/styles.css
+++ b/err/styles.css
@ -0,0 +1,54 @@
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
 html,body {
    height: 100%;
 }
 h1 {
    font-family: 'Bitter', serif;
    color: white;
    font-size: 50px;
    text-align: center;
 }
 p {
    font-family: 'Bitter', serif;
    color: white;
    text-align: center;
    float: bottom;
 }
 p.tiny {
    font-family: 'Bitter', serif;
    color: white;
    font-size: 12px;
    text-align: center;
    float: bottom;
 }
 body {
    background: linear-gradient(45deg, rgb(0, 14, 55), rgb(2, 0, 136));
    background-repeat: no-repeat;
    height: 100%;
 }
 div {
    margin-top: auto;
    display: block;
 }
 img {
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
 input {
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 250px;
    background: #dad9d9;
    font-size: 170%;
    font-family: 'Share Tech Mono', monospace;
    color: black;
    box-shadow: inset -0.05em -0.05em black
 }
--- a/favicon.json
+++ b/favicon.json
@ -1,5 +0,0 @@
 {
  "favicon": [
  ]
 }
--- a/fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf
+++ b/fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf
--- a/fonts/Bitter/Bitter-VariableFont_wght.ttf
+++ b/fonts/Bitter/Bitter-VariableFont_wght.ttf
--- a/fonts/Bitter/static/Bitter-Black.ttf
+++ b/fonts/Bitter/static/Bitter-Black.ttf
--- a/fonts/Bitter/static/Bitter-BlackItalic.ttf
+++ b/fonts/Bitter/static/Bitter-BlackItalic.ttf
--- a/fonts/Bitter/static/Bitter-Bold.ttf
+++ b/fonts/Bitter/static/Bitter-Bold.ttf
--- a/fonts/Bitter/static/Bitter-BoldItalic.ttf
+++ b/fonts/Bitter/static/Bitter-BoldItalic.ttf
--- a/fonts/Bitter/static/Bitter-ExtraBold.ttf
+++ b/fonts/Bitter/static/Bitter-ExtraBold.ttf
--- a/fonts/Bitter/static/Bitter-ExtraBoldItalic.ttf
+++ b/fonts/Bitter/static/Bitter-ExtraBoldItalic.ttf
--- a/fonts/Bitter/static/Bitter-ExtraLight.ttf
+++ b/fonts/Bitter/static/Bitter-ExtraLight.ttf
--- a/fonts/Bitter/static/Bitter-ExtraLightItalic.ttf
+++ b/fonts/Bitter/static/Bitter-ExtraLightItalic.ttf
--- a/fonts/Bitter/static/Bitter-Italic.ttf
+++ b/fonts/Bitter/static/Bitter-Italic.ttf
--- a/fonts/Bitter/static/Bitter-Light.ttf
+++ b/fonts/Bitter/static/Bitter-Light.ttf
--- a/fonts/Bitter/static/Bitter-LightItalic.ttf
+++ b/fonts/Bitter/static/Bitter-LightItalic.ttf
--- a/fonts/Bitter/static/Bitter-Medium.ttf
+++ b/fonts/Bitter/static/Bitter-Medium.ttf
--- a/fonts/Bitter/static/Bitter-MediumItalic.ttf
+++ b/fonts/Bitter/static/Bitter-MediumItalic.ttf
--- a/fonts/Bitter/static/Bitter-Regular.ttf
+++ b/fonts/Bitter/static/Bitter-Regular.ttf
--- a/fonts/Bitter/static/Bitter-SemiBold.ttf
+++ b/fonts/Bitter/static/Bitter-SemiBold.ttf
--- a/fonts/Bitter/static/Bitter-SemiBoldItalic.ttf
+++ b/fonts/Bitter/static/Bitter-SemiBoldItalic.ttf
--- a/fonts/Bitter/static/Bitter-Thin.ttf
+++ b/fonts/Bitter/static/Bitter-Thin.ttf
--- a/fonts/Bitter/static/Bitter-ThinItalic.ttf
+++ b/fonts/Bitter/static/Bitter-ThinItalic.ttf
--- a/fonts/LICENSE
+++ b/fonts/LICENSE
@ -0,0 +1,93 @@
 Copyright 2012 The Share Tech Project Authors (post@carrois.com), with Reserved Font Name 'Share’.
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:
 http://scripts.sil.org/OFL
 -----------------------------------------------------------
 SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
 -----------------------------------------------------------
 PREAMBLE
 The goals of the Open Font License (OFL) are to stimulate worldwide
 development of collaborative font projects, to support the font creation
 efforts of academic and linguistic communities, and to provide a free and
 open framework in which fonts may be shared and improved in partnership
 with others.
 The OFL allows the licensed fonts to be used, studied, modified and
 redistributed freely as long as they are not sold by themselves. The
 fonts, including any derivative works, can be bundled, embedded, 
 redistributed and/or sold with any software provided that any reserved
 names are not used by derivative works. The fonts and derivatives,
 however, cannot be released under any other type of license. The
 requirement for fonts to remain under this license does not apply
 to any document created using the fonts or their derivatives.
 DEFINITIONS
 "Font Software" refers to the set of files released by the Copyright
 Holder(s) under this license and clearly marked as such. This may
 include source files, build scripts and documentation.
 "Reserved Font Name" refers to any names specified as such after the
 copyright statement(s).
 "Original Version" refers to the collection of Font Software components as
 distributed by the Copyright Holder(s).
 "Modified Version" refers to any derivative made by adding to, deleting,
 or substituting -- in part or in whole -- any of the components of the
 Original Version, by changing formats or by porting the Font Software to a
 new environment.
 "Author" refers to any designer, engineer, programmer, technical
 writer or other person who contributed to the Font Software.
 PERMISSION & CONDITIONS
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of the Font Software, to use, study, copy, merge, embed, modify,
 redistribute, and sell modified and unmodified copies of the Font
 Software, subject to the following conditions:
 1) Neither the Font Software nor any of its individual components,
 in Original or Modified Versions, may be sold by itself.
 2) Original or Modified Versions of the Font Software may be bundled,
 redistributed and/or sold with any software, provided that each copy
 contains the above copyright notice and this license. These can be
 included either as stand-alone text files, human-readable headers or
 in the appropriate machine-readable metadata fields within text or
 binary files as long as those fields can be easily viewed by the user.
 3) No Modified Version of the Font Software may use the Reserved Font
 Name(s) unless explicit written permission is granted by the corresponding
 Copyright Holder. This restriction only applies to the primary font name as
 presented to the users.
 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
 Software shall not be used to promote, endorse or advertise any
 Modified Version, except to acknowledge the contribution(s) of the
 Copyright Holder(s) and the Author(s) or with their explicit written
 permission.
 5) The Font Software, modified or unmodified, in part or in whole,
 must be distributed entirely under this license, and must not be
 distributed under any other license. The requirement for fonts to
 remain under this license does not apply to any document created
 using the Font Software.
 TERMINATION
 This license becomes null and void if any of the above conditions are
 not met.
 DISCLAIMER
 THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
 COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
 OTHER DEALINGS IN THE FONT SOFTWARE.
--- a/fonts/Share-Tech/ShareTech-Regular.ttf
+++ b/fonts/Share-Tech/ShareTech-Regular.ttf
--- a/fonts/Share-Tech/ShareTechMono-Regular.ttf
+++ b/fonts/Share-Tech/ShareTechMono-Regular.ttf
--- a/img/banners/FlutterUndulate.png
+++ b/img/banners/FlutterUndulate.png
--- a/img/banners/TheInternet.png
+++ b/img/banners/TheInternet.png
--- a/img/bg/bg.jpg
+++ b/img/bg/bg.jpg
--- a/img/bg/bg_avif.avif
+++ b/img/bg/bg_avif.avif
--- a/img/err_icon/error_glitch.webp
+++ b/img/err_icon/error_glitch.webp
--- a/img/err_icon/fail_glitch.webp
+++ b/img/err_icon/fail_glitch.webp
--- a/img/favicon/blueberry.png
+++ b/img/favicon/blueberry.png
--- a/img/favicon/err_favicon.png
+++ b/img/favicon/err_favicon.png
--- a/img/favicon/favicon.gif
+++ b/img/favicon/favicon.gif
--- a/img/favicon/favicon.png
+++ b/img/favicon/favicon.png
--- a/img/github-32px.png
+++ b/img/github-32px.png
--- a/img/misc/blueheart.gif
+++ b/img/misc/blueheart.gif
--- a/img/taskbar/blueberry_og.png
+++ b/img/taskbar/blueberry_og.png
--- a/img/taskbar/blueberry_pt.png
+++ b/img/taskbar/blueberry_pt.png
--- a/img/webbutton/protonow_v2.gif
+++ b/img/webbutton/protonow_v2.gif
--- a/index.html
+++ b/index.html
@ -1,9 +1,13 @@
 <!DOCTYPE HTML>
 <head>
    <link rel="stylesheet" type="text/css" href="/styles/stylemain.css">
-    <link rel="icon" type="image/x-icon" href="/img/favicon/favicon.gif">
+    <link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/favicon/blueberry.png">
    <title>IDeletedSystem64</title>
    <!-- Replace "Username" with your name, website name or social username! -->
    <script type="text/javascript" src="https://browser.pony.house/js/ponybase.js"></script><script type="text/javascript" src="https://browser.pony.house/js/browserponies.js" id="browser-ponies-script"></script><script type="text/javascript">/* <![CDATA[ */ (function (cfg) {BrowserPonies.setBaseUrl(cfg.baseurl);BrowserPonies.loadConfig(BrowserPoniesBaseConfig);BrowserPonies.loadConfig(cfg);})({"baseurl":"https://browser.pony.house/","fadeDuration":500,"volume":1,"fps":25,"speed":3,"audioEnabled":false,"showFps":false,"showLoadProgress":true,"speakProbability":0.1,"spawn":{"fluttershy":1,"princess twilight sparkle":1},"autostart":true}); /* ]]> */</script>
    <!-- no more snow :( 
    <script type="text/javascript" src="/snowstorm/snowstorm.js"</script></script>
    -->
 </head>
 <body>
    <header>
@ -12,34 +16,34 @@
    </header>
    <div class="main">
        <div class="neko">
-        <script>NekSoType="white"</script>
+            <script>NekSoType="white"</script>
-        <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
+            <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
        </div>
        <p class="intro">Hi there, I'm Sophie!</p>
-        <p class="info">She/They, Trans MtF, 18, Artist, Developer, and Linux User</p>
+        <p class="info">She/They, Trans MtF, 20, Artist, Developer, and Linux User</p>
        <input type="button" onclick="location.href='https://en.pronouns.page/@IDeletedSystem64';" value="Pronouns.page">
-        <input type="button" onclick="location.href='https://twitter.com/IDeleteSystem64';" value="Twitter">
+        <input type="button" onclick="location.href='https://fedi.system64.dev/IDeletedSystem64';" value="Fediverse">
-        <input type="button" onclick="location.href='https://twitter.com/ArtsieSophie';" value="Twitter (Art)">
+        <input type="button" onclick="location.href='https://pony.social/@ArtsieSophie';" value="pony.social (Art)">
-        <input type="button" onclick="location.href='https://glaceon.social/@IDeletedSystem64';" value="glaceon.social">
+        <input type="button" onclick="location.href='https://discord.gg/eT8HEZXKTp';" value="my Discord server">
        <input type="button" onclick="location.href='https://mastodon.art/@ArtsieSophie';" value="mastodon.art">
        <input type="button" onclick="location.href='https://tumblr.com/IDeletedSystem64';" value="Tumblr">
        <input type="button" onclick="location.href='https://deviantart.com/IDeletedSystem64';" value="DeviantART">
        <input type="button" onclick="location.href='https://github.com/IDeletedSystem64';" value="GitHub">
        <input type="button" onclick="location.href='https://git.system64.dev/IDeletedSystem64';" value="My Gitea">
        <input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam">
        <input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
        <div class="webbutton">
        <p><a href="http://www.theoldnet.com/#frombadge" title="Are you tired of this new Internet yet? Time to Get TheOldNet!"><img class=webbutton src="/img/webbutton/oldnet.gif"></a></p>
        <p><a href="https://neocities.org" title="Host a free homepage with Neocities!"><img class=webbutton src="/img/webbutton/neocities.gif"></a></p>
        <p><a href="https://instances.social/" title="Find and join a Mastodon instance!"><img class=webbutton src="/img/webbutton/masto.gif"></a></p>
        <p><a href="https://kernel.org/" title="Built using Linux"><img class=webbutton src="/img/webbutton/gnu-linux.gif"></a></p>
        <p><a href="https://gitea.io/" title="Gitea is a painless self-hosted Git service similar to GitHub or GitLab."><img class=webbutton src="/img/webbutton/gitea.gif"></a></p>
        <p><a href="https://firefox.com/" title="Firefox is a web browser, and my favorite especially for web development."><img class=webbutton src="/img/webbutton/firefoxnow.gif"></a></p>
        <p><a href="https://browser.pony.house/" title="Add ponies to your website!"><img class=webbutton src="/img/webbutton/browserpony.gif"></a></p>
        <p><a href="https://code.visualstudio.com/" title="The code editor I used for this website, as well as other projects!"><img class=webbutton src="/img/webbutton/vscode.gif"></a></p>
-    </a><a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
+        <div class="webbutton">
-    <a style="display: none;" rel="me" href="https://mastodon.art/@ArtsieSophie">Mastodon</a> <!-- verification for mastodon art acc -->
+            <p><a href="http://www.theoldnet.com/#frombadge" title="Are you tired of this new Internet yet? Time to Get TheOldNet!"><img class=webbutton src="https://img.system64.dev/web/webbutton/oldnet.gif"></a></p>
-    </div>
+            <p><a href="https://neocities.org" title="Host a free homepage with Neocities!"><img class=webbutton src="https://img.system64.dev/web/webbutton/neocities.gif"></a></p>
            <p><a href="https://instances.social/" title="Find and join a Mastodon instance!"><img class=webbutton src="https://img.system64.dev/web/webbutton/masto.gif"></a></p>
            <p><a href="https://kernel.org/" title="Built using Linux"><img class=webbutton src="/img/webbutton/gnu-linux.gif"></a></p>
            <p><a href="https://gitea.io/" title="Gitea is a painless self-hosted Git service similar to GitHub or GitLab."><img class=webbutton src="https://img.system64.dev/web/webbutton/gitea.gif"></a></p>
            <p><a href="https://firefox.com/" title="Firefox is a web browser, and my favorite especially for web development."><img class=webbutton src="https://img.system64.dev/web/webbutton/firefoxnow.gif"></a></p>
            <p><a href="https://browser.pony.house/" title="Add ponies to your website!"><img class=webbutton src="https://img.system64.dev/web/webbutton/browserpony.gif"></a></p>
            <p><a href="https://code.visualstudio.com/" title="The code editor I used for this website, as well as other projects!"><img class=webbutton src="https://img.system64.dev/web/webbutton/vscode.gif"></a></p>
        </div>
        <a class="blueheart" href="https://blueheart.system64.dev/" title="Blueheart Forever"><img src="https://img.system64.dev/web/misc/blueheart.gif" width="75vw"></a> <!-- yes we know this is done wrong, no we dont care, the code is awful. checkout v2branch instead->
        <a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
        <a style="display: none;" rel="me" href="https://pony.social/@ArtsieSophie">Mastodon</a> <!-- verification for mastodon art acc -->
    </div>
 </body>
--- a/neocities.png
+++ b/neocities.png
--- a/not_found.html
+++ b/not_found.html
@ -1,13 +0,0 @@
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Not Found</title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  </head>
  <body>
    <h1>Page Not Found</h1>
    <p>The requested page was not found.</p>
  </body>
 </html>
--- a/snowstorm/license.txt
+++ b/snowstorm/license.txt
@ -0,0 +1,29 @@
 Software License Agreement (BSD License)
 Copyright (c) 2003, Scott Schiller (schillmania.com)
 All rights reserved.
 Redistribution and use in source and binary forms, with or without modification,
 are permitted provided that the following conditions are met:
 * Redistributions of source code must retain the above copyright notice, this 
  list of conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this
  list of conditions and the following disclaimer in the documentation and/or
  other materials provided with the distribution.
 * Neither the name of schillmania.com nor the names of its contributors may be
  used to endorse or promote products derived from this software without
  specific prior written permission from schillmania.com.
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
--- a/snowstorm/snowstorm.js
+++ b/snowstorm/snowstorm.js
@ -0,0 +1,666 @@
 /** @license
 * DHTML Snowstorm! JavaScript-based snow for web pages
 * Making it snow on the internets since 2003. You're welcome.
 * -----------------------------------------------------------
 * Version 1.44.20131208 (Previous rev: 1.44.20131125)
 * Copyright (c) 2007, Scott Schiller. All rights reserved.
 * Code provided under the BSD License
 * http://schillmania.com/projects/snowstorm/license.txt
 */
 /*jslint nomen: true, plusplus: true, sloppy: true, vars: true, white: true */
 /*global window, document, navigator, clearInterval, setInterval */
 var snowStorm = (function(window, document) {
  // --- common properties ---
  this.autoStart = true;          // Whether the snow should start automatically or not.
  this.excludeMobile = true;      // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) Enable at your own risk.
  this.flakesMax = 1000;           // Limit total amount of snow made (falling + sticking)
  this.flakesMaxActive = 128;      // Limit amount of snow falling at once (less = lower CPU use)
  this.animationInterval = 33;    // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
  this.useGPU = true;             // Enable transform-based hardware acceleration, reduce CPU load.
  this.className = null;          // CSS class name for further customization on snow elements
  this.excludeMobile = true;      // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) By default, be nice.
  this.flakeBottom = null;        // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
  this.followMouse = true;        // Snow movement can respond to the user's mouse
  this.snowColor = '#fff';        // Don't eat (or use?) yellow snow.
  this.snowCharacter = '&bull;';  // &bull; = bullet, &middot; is square on some systems etc.
  this.snowStick = true;          // Whether or not snow should "stick" at the bottom. When off, will never collect.
  this.targetElement = null;      // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference
  this.useMeltEffect = true;      // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
  this.useTwinkleEffect = false;  // Allow snow to randomly "flicker" in and out of view while falling
  this.usePositionFixed = false;  // true = snow does not shift vertically when scrolling. May increase CPU load, disabled by default - if enabled, used only where supported
  this.usePixelPosition = false;  // Whether to use pixel values for snow top/left vs. percentages. Auto-enabled if body is position:relative or targetElement is specified.
  // --- less-used bits ---
  this.freezeOnBlur = true;       // Only snow when the window is in focus (foreground.) Saves CPU.
  this.flakeLeftOffset = 0;       // Left margin/gutter space on edge of container (eg. browser window.) Bump up these values if seeing horizontal scrollbars.
  this.flakeRightOffset = 0;      // Right margin/gutter space on edge of container
  this.flakeWidth = 8;            // Max pixel width reserved for snow element
  this.flakeHeight = 8;           // Max pixel height reserved for snow element
  this.vMaxX = 5;                 // Maximum X velocity range for snow
  this.vMaxY = 4;                 // Maximum Y velocity range for snow
  this.zIndex = 0;                // CSS stacking order applied to each snowflake
  // --- "No user-serviceable parts inside" past this point, yadda yadda ---
  var storm = this,
  features,
  // UA sniffing and backCompat rendering mode checks for fixed position, etc.
  isIE = navigator.userAgent.match(/msie/i),
  isIE6 = navigator.userAgent.match(/msie 6/i),
  isMobile = navigator.userAgent.match(/mobile|opera m(ob|in)/i),
  isBackCompatIE = (isIE && document.compatMode === 'BackCompat'),
  noFixed = (isBackCompatIE || isIE6),
  screenX = null, screenX2 = null, screenY = null, scrollY = null, docHeight = null, vRndX = null, vRndY = null,
  windOffset = 1,
  windMultiplier = 2,
  flakeTypes = 6,
  fixedForEverything = false,
  targetElementIsRelative = false,
  opacitySupported = (function(){
    try {
      document.createElement('div').style.opacity = '0.5';
    } catch(e) {
      return false;
    }
    return true;
  }()),
  didInit = false,
  docFrag = document.createDocumentFragment();
  features = (function() {
    var getAnimationFrame;
    /**
     * hat tip: paul irish
     * http://paulirish.com/2011/requestanimationframe-for-smart-animating/
     * https://gist.github.com/838785
     */
    function timeoutShim(callback) {
      window.setTimeout(callback, 1000/(storm.animationInterval || 20));
    }
    var _animationFrame = (window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        timeoutShim);
    // apply to window, avoid "illegal invocation" errors in Chrome
    getAnimationFrame = _animationFrame ? function() {
      return _animationFrame.apply(window, arguments);
    } : null;
    var testDiv;
    testDiv = document.createElement('div');
    function has(prop) {
      // test for feature support
      var result = testDiv.style[prop];
      return (result !== undefined ? prop : null);
    }
    // note local scope.
    var localFeatures = {
      transform: {
        ie:  has('-ms-transform'),
        moz: has('MozTransform'),
        opera: has('OTransform'),
        webkit: has('webkitTransform'),
        w3: has('transform'),
        prop: null // the normalized property value
      },
      getAnimationFrame: getAnimationFrame
    };
    localFeatures.transform.prop = (
      localFeatures.transform.w3 || 
      localFeatures.transform.moz ||
      localFeatures.transform.webkit ||
      localFeatures.transform.ie ||
      localFeatures.transform.opera
    );
    testDiv = null;
    return localFeatures;
  }());
  this.timer = null;
  this.flakes = [];
  this.disabled = false;
  this.active = false;
  this.meltFrameCount = 20;
  this.meltFrames = [];
  this.setXY = function(o, x, y) {
    if (!o) {
      return false;
    }
    if (storm.usePixelPosition || targetElementIsRelative) {
      o.style.left = (x - storm.flakeWidth) + 'px';
      o.style.top = (y - storm.flakeHeight) + 'px';
    } else if (noFixed) {
      o.style.right = (100-(x/screenX*100)) + '%';
      // avoid creating vertical scrollbars
      o.style.top = (Math.min(y, docHeight-storm.flakeHeight)) + 'px';
    } else {
      if (!storm.flakeBottom) {
        // if not using a fixed bottom coordinate...
        o.style.right = (100-(x/screenX*100)) + '%';
        o.style.bottom = (100-(y/screenY*100)) + '%';
      } else {
        // absolute top.
        o.style.right = (100-(x/screenX*100)) + '%';
        o.style.top = (Math.min(y, docHeight-storm.flakeHeight)) + 'px';
      }
    }
  };
  this.events = (function() {
    var old = (!window.addEventListener && window.attachEvent), slice = Array.prototype.slice,
    evt = {
      add: (old?'attachEvent':'addEventListener'),
      remove: (old?'detachEvent':'removeEventListener')
    };
    function getArgs(oArgs) {
      var args = slice.call(oArgs), len = args.length;
      if (old) {
        args[1] = 'on' + args[1]; // prefix
        if (len > 3) {
          args.pop(); // no capture
        }
      } else if (len === 3) {
        args.push(false);
      }
      return args;
    }
    function apply(args, sType) {
      var element = args.shift(),
          method = [evt[sType]];
      if (old) {
        element[method](args[0], args[1]);
      } else {
        element[method].apply(element, args);
      }
    }
    function addEvent() {
      apply(getArgs(arguments), 'add');
    }
    function removeEvent() {
      apply(getArgs(arguments), 'remove');
    }
    return {
      add: addEvent,
      remove: removeEvent
    };
  }());
  function rnd(n,min) {
    if (isNaN(min)) {
      min = 0;
    }
    return (Math.random()*n)+min;
  }
  function plusMinus(n) {
    return (parseInt(rnd(2),10)===1?n*-1:n);
  }
  this.randomizeWind = function() {
    var i;
    vRndX = plusMinus(rnd(storm.vMaxX,0.2));
    vRndY = rnd(storm.vMaxY,0.2);
    if (this.flakes) {
      for (i=0; i<this.flakes.length; i++) {
        if (this.flakes[i].active) {
          this.flakes[i].setVelocities();
        }
      }
    }
  };
  this.scrollHandler = function() {
    var i;
    // "attach" snowflakes to bottom of window if no absolute bottom value was given
    scrollY = (storm.flakeBottom ? 0 : parseInt(window.scrollY || document.documentElement.scrollTop || (noFixed ? document.body.scrollTop : 0), 10));
    if (isNaN(scrollY)) {
      scrollY = 0; // Netscape 6 scroll fix
    }
    if (!fixedForEverything && !storm.flakeBottom && storm.flakes) {
      for (i=0; i<storm.flakes.length; i++) {
        if (storm.flakes[i].active === 0) {
          storm.flakes[i].stick();
        }
      }
    }
  };
  this.resizeHandler = function() {
    if (window.innerWidth || window.innerHeight) {
      screenX = window.innerWidth - 16 - storm.flakeRightOffset;
      screenY = (storm.flakeBottom || window.innerHeight);
    } else {
      screenX = (document.documentElement.clientWidth || document.body.clientWidth || document.body.scrollWidth) - (!isIE ? 8 : 0) - storm.flakeRightOffset;
      screenY = storm.flakeBottom || document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight;
    }
    docHeight = document.body.offsetHeight;
    screenX2 = parseInt(screenX/2,10);
  };
  this.resizeHandlerAlt = function() {
    screenX = storm.targetElement.offsetWidth - storm.flakeRightOffset;
    screenY = storm.flakeBottom || storm.targetElement.offsetHeight;
    screenX2 = parseInt(screenX/2,10);
    docHeight = document.body.offsetHeight;
  };
  this.freeze = function() {
    // pause animation
    if (!storm.disabled) {
      storm.disabled = 1;
    } else {
      return false;
    }
    storm.timer = null;
  };
  this.resume = function() {
    if (storm.disabled) {
       storm.disabled = 0;
    } else {
      return false;
    }
    storm.timerInit();
  };
  this.toggleSnow = function() {
    if (!storm.flakes.length) {
      // first run
      storm.start();
    } else {
      storm.active = !storm.active;
      if (storm.active) {
        storm.show();
        storm.resume();
      } else {
        storm.stop();
        storm.freeze();
      }
    }
  };
  this.stop = function() {
    var i;
    this.freeze();
    for (i=0; i<this.flakes.length; i++) {
      this.flakes[i].o.style.display = 'none';
    }
    storm.events.remove(window,'scroll',storm.scrollHandler);
    storm.events.remove(window,'resize',storm.resizeHandler);
    if (storm.freezeOnBlur) {
      if (isIE) {
        storm.events.remove(document,'focusout',storm.freeze);
        storm.events.remove(document,'focusin',storm.resume);
      } else {
        storm.events.remove(window,'blur',storm.freeze);
        storm.events.remove(window,'focus',storm.resume);
      }
    }
  };
  this.show = function() {
    var i;
    for (i=0; i<this.flakes.length; i++) {
      this.flakes[i].o.style.display = 'block';
    }
  };
  this.SnowFlake = function(type,x,y) {
    var s = this;
    this.type = type;
    this.x = x||parseInt(rnd(screenX-20),10);
    this.y = (!isNaN(y)?y:-rnd(screenY)-12);
    this.vX = null;
    this.vY = null;
    this.vAmpTypes = [1,1.2,1.4,1.6,1.8]; // "amplification" for vX/vY (based on flake size/type)
    this.vAmp = this.vAmpTypes[this.type] || 1;
    this.melting = false;
    this.meltFrameCount = storm.meltFrameCount;
    this.meltFrames = storm.meltFrames;
    this.meltFrame = 0;
    this.twinkleFrame = 0;
    this.active = 1;
    this.fontSize = (10+(this.type/5)*10);
    this.o = document.createElement('div');
    this.o.innerHTML = storm.snowCharacter;
    if (storm.className) {
      this.o.setAttribute('class', storm.className);
    }
    this.o.style.color = storm.snowColor;
    this.o.style.position = (fixedForEverything?'fixed':'absolute');
    if (storm.useGPU && features.transform.prop) {
      // GPU-accelerated snow.
      this.o.style[features.transform.prop] = 'translate3d(0px, 0px, 0px)';
    }
    this.o.style.width = storm.flakeWidth+'px';
    this.o.style.height = storm.flakeHeight+'px';
    this.o.style.fontFamily = 'arial,verdana';
    this.o.style.cursor = 'default';
    this.o.style.overflow = 'hidden';
    this.o.style.fontWeight = 'normal';
    this.o.style.zIndex = storm.zIndex;
    docFrag.appendChild(this.o);
    this.refresh = function() {
      if (isNaN(s.x) || isNaN(s.y)) {
        // safety check
        return false;
      }
      storm.setXY(s.o, s.x, s.y);
    };
    this.stick = function() {
      if (noFixed || (storm.targetElement !== document.documentElement && storm.targetElement !== document.body)) {
        s.o.style.top = (screenY+scrollY-storm.flakeHeight)+'px';
      } else if (storm.flakeBottom) {
        s.o.style.top = storm.flakeBottom+'px';
      } else {
        s.o.style.display = 'none';
        s.o.style.bottom = '0%';
        s.o.style.position = 'fixed';
        s.o.style.display = 'block';
      }
    };
    this.vCheck = function() {
      if (s.vX>=0 && s.vX<0.2) {
        s.vX = 0.2;
      } else if (s.vX<0 && s.vX>-0.2) {
        s.vX = -0.2;
      }
      if (s.vY>=0 && s.vY<0.2) {
        s.vY = 0.2;
      }
    };
    this.move = function() {
      var vX = s.vX*windOffset, yDiff;
      s.x += vX;
      s.y += (s.vY*s.vAmp);
      if (s.x >= screenX || screenX-s.x < storm.flakeWidth) { // X-axis scroll check
        s.x = 0;
      } else if (vX < 0 && s.x-storm.flakeLeftOffset < -storm.flakeWidth) {
        s.x = screenX-storm.flakeWidth-1; // flakeWidth;
      }
      s.refresh();
      yDiff = screenY+scrollY-s.y+storm.flakeHeight;
      if (yDiff<storm.flakeHeight) {
        s.active = 0;
        if (storm.snowStick) {
          s.stick();
        } else {
          s.recycle();
        }
      } else {
        if (storm.useMeltEffect && s.active && s.type < 3 && !s.melting && Math.random()>0.998) {
          // ~1/1000 chance of melting mid-air, with each frame
          s.melting = true;
          s.melt();
          // only incrementally melt one frame
          // s.melting = false;
        }
        if (storm.useTwinkleEffect) {
          if (s.twinkleFrame < 0) {
            if (Math.random() > 0.97) {
              s.twinkleFrame = parseInt(Math.random() * 8, 10);
            }
          } else {
            s.twinkleFrame--;
            if (!opacitySupported) {
              s.o.style.visibility = (s.twinkleFrame && s.twinkleFrame % 2 === 0 ? 'hidden' : 'visible');
            } else {
              s.o.style.opacity = (s.twinkleFrame && s.twinkleFrame % 2 === 0 ? 0 : 1);
            }
          }
        }
      }
    };
    this.animate = function() {
      // main animation loop
      // move, check status, die etc.
      s.move();
    };
    this.setVelocities = function() {
      s.vX = vRndX+rnd(storm.vMaxX*0.12,0.1);
      s.vY = vRndY+rnd(storm.vMaxY*0.12,0.1);
    };
    this.setOpacity = function(o,opacity) {
      if (!opacitySupported) {
        return false;
      }
      o.style.opacity = opacity;
    };
    this.melt = function() {
      if (!storm.useMeltEffect || !s.melting) {
        s.recycle();
      } else {
        if (s.meltFrame < s.meltFrameCount) {
          s.setOpacity(s.o,s.meltFrames[s.meltFrame]);
          s.o.style.fontSize = s.fontSize-(s.fontSize*(s.meltFrame/s.meltFrameCount))+'px';
          s.o.style.lineHeight = storm.flakeHeight+2+(storm.flakeHeight*0.75*(s.meltFrame/s.meltFrameCount))+'px';
          s.meltFrame++;
        } else {
          s.recycle();
        }
      }
    };
    this.recycle = function() {
      s.o.style.display = 'none';
      s.o.style.position = (fixedForEverything?'fixed':'absolute');
      s.o.style.bottom = 'auto';
      s.setVelocities();
      s.vCheck();
      s.meltFrame = 0;
      s.melting = false;
      s.setOpacity(s.o,1);
      s.o.style.padding = '0px';
      s.o.style.margin = '0px';
      s.o.style.fontSize = s.fontSize+'px';
      s.o.style.lineHeight = (storm.flakeHeight+2)+'px';
      s.o.style.textAlign = 'center';
      s.o.style.verticalAlign = 'baseline';
      s.x = parseInt(rnd(screenX-storm.flakeWidth-20),10);
      s.y = parseInt(rnd(screenY)*-1,10)-storm.flakeHeight;
      s.refresh();
      s.o.style.display = 'block';
      s.active = 1;
    };
    this.recycle(); // set up x/y coords etc.
    this.refresh();
  };
  this.snow = function() {
    var active = 0, flake = null, i, j;
    for (i=0, j=storm.flakes.length; i<j; i++) {
      if (storm.flakes[i].active === 1) {
        storm.flakes[i].move();
        active++;
      }
      if (storm.flakes[i].melting) {
        storm.flakes[i].melt();
      }
    }
    if (active<storm.flakesMaxActive) {
      flake = storm.flakes[parseInt(rnd(storm.flakes.length),10)];
      if (flake.active === 0) {
        flake.melting = true;
      }
    }
    if (storm.timer) {
      features.getAnimationFrame(storm.snow);
    }
  };
  this.mouseMove = function(e) {
    if (!storm.followMouse) {
      return true;
    }
    var x = parseInt(e.clientX,10);
    if (x<screenX2) {
      windOffset = -windMultiplier+(x/screenX2*windMultiplier);
    } else {
      x -= screenX2;
      windOffset = (x/screenX2)*windMultiplier;
    }
  };
  this.createSnow = function(limit,allowInactive) {
    var i;
    for (i=0; i<limit; i++) {
      storm.flakes[storm.flakes.length] = new storm.SnowFlake(parseInt(rnd(flakeTypes),10));
      if (allowInactive || i>storm.flakesMaxActive) {
        storm.flakes[storm.flakes.length-1].active = -1;
      }
    }
    storm.targetElement.appendChild(docFrag);
  };
  this.timerInit = function() {
    storm.timer = true;
    storm.snow();
  };
  this.init = function() {
    var i;
    for (i=0; i<storm.meltFrameCount; i++) {
      storm.meltFrames.push(1-(i/storm.meltFrameCount));
    }
    storm.randomizeWind();
    storm.createSnow(storm.flakesMax); // create initial batch
    storm.events.add(window,'resize',storm.resizeHandler);
    storm.events.add(window,'scroll',storm.scrollHandler);
    if (storm.freezeOnBlur) {
      if (isIE) {
        storm.events.add(document,'focusout',storm.freeze);
        storm.events.add(document,'focusin',storm.resume);
      } else {
        storm.events.add(window,'blur',storm.freeze);
        storm.events.add(window,'focus',storm.resume);
      }
    }
    storm.resizeHandler();
    storm.scrollHandler();
    if (storm.followMouse) {
      storm.events.add(isIE?document:window,'mousemove',storm.mouseMove);
    }
    storm.animationInterval = Math.max(20,storm.animationInterval);
    storm.timerInit();
  };
  this.start = function(bFromOnLoad) {
    if (!didInit) {
      didInit = true;
    } else if (bFromOnLoad) {
      // already loaded and running
      return true;
    }
    if (typeof storm.targetElement === 'string') {
      var targetID = storm.targetElement;
      storm.targetElement = document.getElementById(targetID);
      if (!storm.targetElement) {
        throw new Error('Snowstorm: Unable to get targetElement "'+targetID+'"');
      }
    }
    if (!storm.targetElement) {
      storm.targetElement = (document.body || document.documentElement);
    }
    if (storm.targetElement !== document.documentElement && storm.targetElement !== document.body) {
      // re-map handler to get element instead of screen dimensions
      storm.resizeHandler = storm.resizeHandlerAlt;
      //and force-enable pixel positioning
      storm.usePixelPosition = true;
    }
    storm.resizeHandler(); // get bounding box elements
    storm.usePositionFixed = (storm.usePositionFixed && !noFixed && !storm.flakeBottom); // whether or not position:fixed is to be used
    if (window.getComputedStyle) {
      // attempt to determine if body or user-specified snow parent element is relatlively-positioned.
      try {
        targetElementIsRelative = (window.getComputedStyle(storm.targetElement, null).getPropertyValue('position') === 'relative');
      } catch(e) {
        // oh well
        targetElementIsRelative = false;
      }
    }
    fixedForEverything = storm.usePositionFixed;
    if (screenX && screenY && !storm.disabled) {
      storm.init();
      storm.active = true;
    }
  };
  function doDelayedStart() {
    window.setTimeout(function() {
      storm.start(true);
    }, 20);
    // event cleanup
    storm.events.remove(isIE?document:window,'mousemove',doDelayedStart);
  }
  function doStart() {
    if (!storm.excludeMobile || !isMobile) {
      doDelayedStart();
    }
    // event cleanup
    storm.events.remove(window, 'load', doStart);
  }
  // hooks for starting the snow
  if (storm.autoStart) {
    storm.events.add(window, 'load', doStart, false);
  }
  return this;
 }(window, document));
--- a/styles/stylemain.css
+++ b/styles/stylemain.css
@ -1,5 +1,6 @@
-@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
+@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
-@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
+@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
 /* Import Fonts */
 header {
@ -13,17 +14,19 @@ header {
 h1.header {
    padding: 32px;
    font-family: 'Bitter', serif;
    font-weight: 600;
    color: white;
    display: inline;
 }
 p.intro {
-    font-family: 'Share Tech Mono', monospace;
+    font-family: 'Share Tech', serif;
    color: white;
    font-size: 2.5vw;
    text-align: center;
 }
 p.info {
-    font-family: 'Share Tech Mono', monospace;
+    font-family: 'Share Tech', serif;
    color: white;
    font-size: 1.25vw;
    text-align: center;
@ -36,18 +39,23 @@ div.main {
    padding: 10px;
    border-radius: 30px;
 }
 a.blueheart { /* probably not the right way of doing things, but this css is awful and i cannot comprehend it for the life of me anymore... -64 */
    margin: auto;
    padding-top: 100px;
    width: 60%;
 }
 body {
-    background-image: url("/img/bg.jpg");
+    background-image: url("https://img.system64.dev/web/bg/bg.jpg"); 
 }
 input {
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
-    min-width: 250px;
+    min-width: 265px;
    background: #dad9d9;
    font-size: 170%;
-    font-family: 'Share Tech Mono', monospace;
+    font-family: 'Share Tech Mono', serif;
    color: black;
    box-shadow: inset -0.05em -0.05em black
 }
@ -121,7 +129,7 @@ img.webbutton{
    text-align: center;
 }
-/* I'm mad that I have to make this mobile-compatible, Lol. https://twitter.com/IDeleteSystem64/status/1512218098325147655?s=20&t=Hz4V-vxmywYwTMvuBbCAZQ */
+/* I'm mad that I have to make this mobile-compatible, Lol. https://web.archive.org/web/20220407235806/https://twitter.com/IDeleteSystem64/status/1512218098325147655 */
@media only screen and (max-width: 980px) {
    p.intro {
        font-size: 8vw;
Author	SHA1	Message	Date
Sophie Marie	9c69a0dbf3	holy fucking SHIT. technomancer horse lvl up	2024-03-21 20:26:11 -05:00
Sophie Marie	1d594b23ef	update links	2024-03-06 16:08:06 -06:00
Sophie Marie	1b594d268b	remove old images	2024-01-02 21:22:04 -06:00
Sophie Marie	8e758ee860	error pages now use img.system64.dev for images	2024-01-02 21:18:49 -06:00
Sophie Marie	3f84f1df24	organize images	2024-01-02 21:18:29 -06:00
Sophie Marie	0b128b942a	get images off img.system64.dev	2024-01-02 21:01:59 -06:00
Sophie Marie	ea3fb1439c	Moar snow c:	2023-12-29 13:19:58 -06:00
Sophie Marie	ff7a4f0f93	Add Discord link	2023-12-29 13:03:50 -06:00
Sophie Marie	cd98c0c8d9	snowstorm.js - by scottschiller	2023-12-25 09:15:04 -06:00
Sophie Marie	da8fd64ce7	add snow	2023-12-25 09:14:33 -06:00
Sophie Marie	f8b41f7565	💙	2023-11-09 16:30:03 -06:00
Sophie Marie	ebe0b8ad30	Remove favicon.json	2023-11-09 16:27:04 -06:00
Sophie Marie	8517748e86	Not sure why not_found.html exists anymore	2023-11-09 16:26:43 -06:00
Sophie Marie	f31afd1600	Update last name and copyright year	2023-11-09 16:26:26 -06:00
Sophie Marie	0d1da5ecf5	Warn the user against using the old branch	2023-11-09 16:24:57 -06:00
Sophie Marie	a9813314c8	what the fucking fuck is this indentation dude	2023-11-09 15:27:13 -06:00
Sophie Marie	3f6b6fdf79	fuck you	2023-07-28 13:59:35 -05:00
Sophie Marie	6cf5a399a9	Update links	2023-07-28 13:57:58 -05:00
Sophie Marie	c875176c9d	We host our own fonts now, yo	2023-07-28 13:57:47 -05:00
Sophie Marie	ea8310293f	We're moving to serving our own fonts	2023-07-28 11:58:07 -05:00
Sophie Marie	fc3d7da700	Make background image AVIF	2023-06-25 10:50:07 -05:00
Sophie Marie	6af81658b3	M$ sucks, provided by Ryze :P	2023-04-13 18:02:00 -05:00
Sophie Marie	5bb0124346	Nvm, the WebP version looks far worse.	2023-03-28 21:33:30 -05:00
Sophie Marie	ef28321a11	remove bg.jpg	2023-03-28 21:28:37 -05:00
Sophie Marie	604705b75d	Remove unused links	2023-03-28 21:28:07 -05:00
Sophie Marie	dc2f1aed3e	Convert background from jpg to webp	2023-03-28 21:27:33 -05:00
Sophie Marie	8c192ec456	Remove neocities image	2023-03-28 21:21:15 -05:00
Sophie Marie	5a1858cf00	Add custom ErrorDocuments	2023-03-01 11:19:45 -06:00
Sophie Marie	8a67ef29a5	system64.dev	2023-02-23 00:00:56 -06:00
Sophie Marie	f616c0341b	Ponies!	2022-11-11 22:57:58 -06:00