update yue

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Wade Waters
+Copyright (c) 2013 Wade Waters
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

assets/css/main.css

@@ -3,53 +3,69 @@ CSS by Sophia Atkinson
 https://sophia.wtf
 CC BY-NC 4.0
 */
-@font-face {
+@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
-    font-family: 'OpenDyslexic3'; 
+:root{
-    src: url("/assets/css/font/OpenDyslexic3-Regular.ttf") format("truetype");
+	--main-font: OpenDyslexic2 Alt;
-    font-style: normal;
+	--line-height: 1.5em;
 }
-@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css");
 body {
 	background: #141729;
+	padding: 0; 
+	margin: 0;
+	max-width: 100%;
+	max-height: 100%;
+}
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+*{
+	cursor: url(/img/cursor.webp), default;
 }
 .dyslexia{
-	font-family: OpenDyslexic3 !important;
+	font-family: OpenDyslexic2 Alt !important;
+}
+br{
+	line-height: var(--line-height);
 }
 h1 {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 35px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 h2 {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 25px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 h3 {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 20px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 h4{
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 15px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 h5{
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 10px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 h6{
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 5px;
-	line-height: 1.5em;
+	line-height: var(--line-height);
 }
 ::-webkit-scrollbar {
 	display: none;
@@ -67,26 +83,35 @@ iframe,
 object {
 	max-width: 100%;
 }
-img.avatar {
+.avatar {
-	width: 200px;
 	height: 200px;
-	margin-top: 5px;
-	max-width: 100%;
-	max-height: 100%;
 }
 
-div.footer {
+#footer {
-	max-width: 100%;
 	max-height: 100%;
 	position: absolute;
-	left: 0;
 	bottom: 0;
 	height: 100px;
 	width: 100%;
 	overflow: hidden;
-	background-color: transparent;
+	display: flex;
+	justify-content: center;
+	text-align: center;
+	align-content: flex-end;
+	flex-wrap: wrap;
+	padding: 10px;
+	margin: 0;
+}
+@media only screen and (max-height: 768px) {
+	#footer {
+		position: relative!important;
+		justify-items: flex-end;
+		display: flex;
+		align-items: flex-end;
+		align-content: flex-end;
+		flex-wrap: wrap;
+	}
 }
-
 .sa-credit {
 	border-bottom-color: transparent;
 	text-decoration: none;
@@ -100,13 +125,13 @@ div.footer {
 
 sub {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 0.8em;
 }
 
 sup {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 0.8em;
 	position: relative;
 	top: -0.5em;
@@ -126,7 +151,7 @@ blockquote{
 	border-left: solid 6px #121212;
 	font-style: italic;
 	margin: 0 0 2em 0;
-	padding: 0.5em 0 0.5em 1.5em;
+	padding: 0.5em 0 0.5em var(--line-height);
 }
 
 code {
@@ -141,7 +166,7 @@ code {
 
 p {
 	color: #fff;
-	font-family: monospace, monospace;
+	font-family: var(--main-font);
 	font-size: 1em;
 }
 
@@ -159,7 +184,7 @@ a:hover,
 a:focus,
 a:active {
 	border-bottom-color: transparent;
-	color: #1BA965 !important;
+	color: #1BA965  !important;
 	text-decoration: none;
 }
 
@@ -179,8 +204,21 @@ em, i {
 
 .align-center {
 	text-align: center;
+	justify-content: center;
+	align-items: center;
+	align-self: center;
+	justify-self: center;
 }
 
 .align-right {
 	text-align: right;
+}
+
+#header {
+    animation: change 5s step-end both;
+}
+
+@keyframes change {
+    from { color: #3AB54A }
+    to   { color: #ED1B24 }
 }

assets/css/main.min.css

@@ -1 +0,0 @@
-@font-face{font-family:OpenDyslexic3;src:url(/assets/css/font/OpenDyslexic3-Regular.ttf) format("truetype");font-style:normal}body{background:#141729}.dyslexia{font-family:OpenDyslexic3!important}h1{color:#fff;font-family:monospace,monospace;font-size:35px;line-height:1.5em}h2{color:#fff;font-family:monospace,monospace;font-size:25px;line-height:1.5em}h3{color:#fff;font-family:monospace,monospace;font-size:20px;line-height:1.5em}h4{color:#fff;font-family:monospace,monospace;font-size:15px;line-height:1.5em}h5{color:#fff;font-family:monospace,monospace;font-size:10px;line-height:1.5em}h6{color:#fff;font-family:monospace,monospace;font-size:5px;line-height:1.5em}::-webkit-scrollbar{display:none}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#fff;text-decoration:none;border-bottom-color:transparent}a.copy-cursor{cursor:copy}embed,iframe,object{max-width:100%}img.avatar{width:200px;height:200px;margin-top:5px;max-width:100%;max-height:100%}div.footer{max-width:100%;max-height:100%;position:absolute;left:0;bottom:0;height:100px;width:100%;overflow:hidden;background-color:transparent}.sa-credit{border-bottom-color:transparent;text-decoration:none}.sa-credit:hover{border-bottom-color:transparent;text-decoration:none;color:#7289da!important}sub{color:#fff;font-family:monospace,monospace;font-size:.8em}sup{color:#fff;font-family:monospace,monospace;font-size:.8em;position:relative;top:-.5em}hr{border:0;border-bottom:solid 2px #fff;margin:2em 0}hr.major{margin:3em 0}blockquote{border-left:solid 6px #121212;font-style:italic;margin:0 0 2em 0;padding:.5em 0 .5em 1.5em}code{background:#fff;border-radius:.35em;border:solid 2px #121212;font-family:"Courier New",monospace;font-size:.9em;margin:0 .25em;padding:.25em .65em}p{color:#fff;font-family:monospace,monospace;font-size:1em}a{-moz-transition:color .2s ease-in-out,border-color .2s ease-in-out;-webkit-transition:color .2s ease-in-out,border-color .2s ease-in-out;-ms-transition:color .2s ease-in-out,border-color .2s ease-in-out;transition:color .2s ease-in-out,border-color .2s ease-in-out;border-bottom:solid 1px;color:#fff;text-decoration:none}a:active,a:focus,a:hover{border-bottom-color:transparent;color:#1ba965!important;text-decoration:none}b,strong{color:#fff;font-weight:400}em,i{color:#fff;font-style:italic}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}

index.html

@@ -2,7 +2,7 @@
 <html>
 
 <head>
-    <title>Wade Waters</title>
+    <title>Wade&#39;s Worlds</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
     <meta name="description" content="Welcome to Wades World.">
@@ -17,23 +17,35 @@
     <meta property="og:title" content="Wade Waters">
     <meta property="og:image" content="/img/cover.webp">
     <meta property="og:description" content="Welcome to Wades World.">
-    <link rel="stylesheet" href="/assets/css/main.min.css">
+    <link rel="stylesheet" href="/assets/css/main.css">
     <p hidden>
         <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
     </p>
 </head>
+<body>
 <div class="align-center">
-    <img src="/img/avatar.webp" alt="Avatar" class="avatar">
+    <h1 id="header">Wade&#39;s World</h1>
-    <h2><a href="mailto:waterwade@protonmail.com">Email</a></h2>
+    <img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
-    <h2><a href="https://sop.wtf/wwgit">Gitea</a></h2>
+    <h2>
-    <h2><a href="https://sop.wtf/wwmas">Mastodon</a></h2>
+    <a href="mailto:waterwade@protonmail.com">Email</a>
-    <h2><a href="https://sop.wtf/wwpronouns">Pronouns</a></h2>
+    <br>
-    <h2><a id="discord" href="#discord">Discord</a></h2>
+    <a href="https://sop.wtf/wwgit">Gitea</a>
+    <br>
+    <a href="https://sop.wtf/wwmas">Mastodon</a>
+    <br>
+    <a href="https://sop.wtf/wwpronouns">Pronouns</a>
+    <br>
+    <a id="discord" href="#discord">Discord</a>
+    </h2>
 </div>
-<div class="footer align-center">
+<div id="footer">
-    <p>&copy;2023 Wade Waters</p>
+    <p>
-    <p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
+    &copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
+    <br>
+    Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
+    </p>
+
 </div>
 </body>
-<script>document.getElementById('discord').onclick=function(event){const str=event.target.innerText;const el=document.createElement('textarea');el.value=str;document.body.appendChild(el);el.select();navigator.clipboard.writeText('Wade#7925');document.body.removeChild(el);const buttontext=document.getElementById("discord");buttontext.innerHTML='Copied!';setTimeout(()=>{buttontext.innerHTML=str},4000)};</script>
+<script>document.getElementById('discord').onclick=function(event){const str=event.target.innerText;const el=document.createElement('textarea');el.value=str;document.body.appendChild(el);el.select();navigator.clipboard.writeText('wadewaters');document.body.removeChild(el);const buttontext=document.getElementById("discord");buttontext.innerHTML='Copied!';setTimeout(()=>{buttontext.innerHTML=str},4000)};</script>
 </html>

page/403.html

@@ -17,18 +17,25 @@
     <meta property="og:title" content="Wade Waters">
     <meta property="og:image" content="/img/cover.webp">
     <meta property="og:description" content="Welcome to Wades World.">
-    <link rel="stylesheet" href="/assets/css/main.min.css">
+    <link rel="stylesheet" href="/assets/css/main.css">
+    <p hidden>
+        <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
+    </p>
 </head>
+<body>
 <div class="align-center">
-    <img src="/img/avatar.webp" alt="Avatar" class="avatar">
+    <h1 id="header">Wade&#39;s World</h1>
+    <img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
     <h1>Error 403</h1>
     <h2>Access Forbidden</h2>
     <h3><a href="/">Home</a></h3>
 </div>
-<div class="footer align-center">
+<div id="footer">
-    <p>&copy;2023 Wade Waters</p>
+    <p>
-    <p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
+    &copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
+    <br>
+    Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
+    </p>
 </div>
 </body>
-
 </html>

page/404.html

@@ -17,18 +17,25 @@
     <meta property="og:title" content="Wade Waters">
     <meta property="og:image" content="/img/cover.webp">
     <meta property="og:description" content="Welcome to Wades World.">
-    <link rel="stylesheet" href="/assets/css/main.min.css">
+    <link rel="stylesheet" href="/assets/css/main.css">
+    <p hidden>
+        <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
+    </p>
 </head>
+<body>
 <div class="align-center">
-    <img src="/img/avatar.webp" alt="Avatar" class="avatar">
+    <h1 id="header">Wade&#39;s World</h1>
+    <img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
     <h1>Error 404</h1>
     <h2>Page Not Found</h2>
     <h3><a href="/">Home</a></h3>
 </div>
-<div class="footer align-center">
+<div id="footer">
-    <p>&copy;2023 Wade Waters</p>
+    <p>
-    <p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
+    &copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
+    <br>
+    Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
+    </p>
 </div>
 </body>
-
 </html>