update yue

This commit is contained in:
Sophia Atkinson 2023-08-18 01:33:59 -07:00
parent 120a1f6be3
commit 21118c5ffa
10 changed files with 122 additions and 59 deletions

View File

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

View File

@ -3,53 +3,69 @@ CSS by Sophia Atkinson
https://sophia.wtf
CC BY-NC 4.0
*/
@font-face {
font-family: 'OpenDyslexic3';
src: url("/assets/css/font/OpenDyslexic3-Regular.ttf") format("truetype");
font-style: normal;
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
:root{
--main-font: OpenDyslexic2 Alt;
--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 {
width: 200px;
.avatar {
height: 200px;
margin-top: 5px;
max-width: 100%;
max-height: 100%;
}
div.footer {
max-width: 100%;
#footer {
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 }
}

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 MiB

BIN
img/cursor.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 B

BIN
img/spinnyclippy.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View File

@ -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">
<h2><a href="mailto:waterwade@protonmail.com">Email</a></h2>
<h2><a href="https://sop.wtf/wwgit">Gitea</a></h2>
<h2><a href="https://sop.wtf/wwmas">Mastodon</a></h2>
<h2><a href="https://sop.wtf/wwpronouns">Pronouns</a></h2>
<h2><a id="discord" href="#discord">Discord</a></h2>
<h1 id="header">Wade&#39;s World</h1>
<img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
<h2>
<a href="mailto:waterwade@protonmail.com">Email</a>
<br>
<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">
<p>&copy;2023 Wade Waters</p>
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
<div id="footer">
<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>

View File

@ -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">
<p>&copy;2023 Wade Waters</p>
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
<div id="footer">
<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>

View File

@ -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">
<p>&copy;2023 Wade Waters</p>
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
<div id="footer">
<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>