update yue
This commit is contained in:
parent
120a1f6be3
commit
21118c5ffa
2
LICENSE
2
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
|
||||
|
|
Binary file not shown.
|
@ -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 }
|
||||
}
|
|
@ -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 |
Binary file not shown.
After Width: | Height: | Size: 866 B |
Binary file not shown.
After Width: | Height: | Size: 109 KiB |
36
index.html
36
index.html
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<title>Wade Waters</title>
|
||||
<title>Wade'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'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>©2023 Wade Waters</p>
|
||||
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<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>
|
|
@ -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'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>©2023 Wade Waters</p>
|
||||
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<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>
|
|
@ -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'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>©2023 Wade Waters</p>
|
||||
<p>Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a></p>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<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>
|
Loading…
Reference in New Issue