wade
/
wade.sop.wtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updates 

change copyright logo to copyleft "transform 180deg"
changed MIT date
updated CSS, andd added minifed css

Signed-off-by: Sophia Atkinson <sophialul@protonmail.com>
This commit is contained in:
Sophia Atkinson 2023-08-28 18:46:10 -07:00
parent 98949aa56f
commit 10c8c84365
10 changed files with 517 additions and 158 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.htaccess
View File

@ -5,4 +5,10 @@ ErrorDocument 403 /page/403.html
RewriteEngine On RewriteEngine On
RewriteRule ^403$ /page/403.html RewriteRule ^403$ /page/403.html
RewriteRule ^404$ /page/404.html RewriteRule ^404$ /page/404.html
#SymLinks End #SymLinks End
#Allow FILES
<Files ~ (LICENSE|README.md)$>
Order allow,deny
Allow from all
</Files>

17
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,17 @@
{
"liveSassCompile.settings.formats": [
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/assets/css",
"generateMap": false
},
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/assets/css",
"generateMap": false
}
]
}

2
LICENSE
View File

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

6
README.md
View File

@ -1,6 +0,0 @@
# Shwampy
My site
---
## Thanks [Sophia](https://sophia.wtf) for the code, and the domain.

322
assets/css/main.css
View File

@ -1,225 +1,281 @@
@charset "UTF-8";
/* /*
CSS by Sophia Atkinson CSS by Sophia Atkinson
https://sophia.wtf https://sophia.wtf
CC BY-NC 4.0 CC BY-NC 4.0
*/ */
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); @import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
:root{ :root {
--main-font: OpenDyslexic2 Alt; --main-font: OpenDyslexic2 Alt;
--line-height: 1.5em; --line-height: 1.5em;
--text-color: #fff; --text-color: #fff;
--href: #1BA965;
} }
::-moz-selection {
background-color: #10653c;
}
::selection {
background-color: #10653c;
}
body { body {
background: #141729; background: #141729;
padding: 0; padding: 0;
margin: 0; margin: 0;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
*, *,
*:before, *:before,
*:after { *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.dyslexia{
font-family: OpenDyslexic2 Alt !important; * {
cursor: url("data:image/webp;base64,UklGRloDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHYBAAABoKtt2yHZev/6l23bth2u0DiCFa3Ytm2EK7ON7R3aNkKj6u/32eyqdQYRMQHr92WKQc/wOq/OlrJn0OMjOJgpVqcuT+HVXoqVRekc/DBBsSplusHv/DRMWUWZxoFz3m6sUE3Q4F8wOXsVq5H0AsmmNkZZRc2+pWYK7lem50nYiWVqXE2Dj8gNNb7vrxBjKBW0BWxIfL9CkmIoIWnOepwgwZp1W3tIsUyQNkFRI9WAHw+0UxbqUwxa/gUU2CmHr+dLWX1SULOVf5JsU8vhiBRLKEpTXwVjkxLPd1SDEgoNpA1gbJzz2WjFElKUtpMMhpzf5ilkJRQ1CxuwKWCt1KBEpjnwL2ySudhWIdQV1Pd3bAM2Lvhyoco2+ozctgHjAi42rS/oPFAYG2xSzon6pGZL7gKFsbExP5eRNP6CqSVssPmlVAzSmEtQGNuJh6WkLJPmvgUJO2dnBVKWqcF2yO0/WVqJFKVpH0CN1xpXpNBALU/+UlztLlZQOCC+AQAAsAgAnQEqIAAgAD5tLJFFpCKhmAQAQAbEtABOhxAG8TS2ZELfQSzpPLXsAfyH+kf8Prq/oALieNe0krXrkuQfaRMfU0YERGCCH1gkZL3AAP6tmRuk03q/9R/BaTI+3gJ0Lu0H4RCtDbjmIwNI9LVvnm9ThnX9v+7GvubebhSgSXY3rPZLGKtjjTpXYpJtP85+YrW0ZrY00CekgtELmc2Phw7Y0kGTHn0l6YrTrFwjN5J5uzf+fTquEUFvsEv4q5vuJHjxUABuigh//gs4IQ5Q/10EwvR//+vh69PNYXQh+/qf20cAybP9RlfI9a2Z8l+9rirW4fxjtLf/QBjLRX2AL58MomJojvoCbVOSne+MOgaJPR/pwFT/q7SCnfyLsWJP8OG7muS1Bf9Fz5lqL8epPy3/8mIM8y34nnziJy/3buxPKdsleLGB7b/OTCbnrSj5IB2sEO3/K+7+f+n7UdjFq/TYBTFW8/vyUVqc1h872JQ7r349TIPAMXLt8wiR0tcBUX+GwilvvJndiZ1PEsQPXRpMQPXVqQaBRSdbyz+uquZF/bdGRLo6hEK4t4XqBTQTsj9yENRb+EWzt44AAAA="), default;
} }
br{
line-height: var(--line-height); #links br {
line-height: var(--line-height);
} }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--main-font);
color: var(--text-color);
}
#links {
line-height: var(--line-height);
}
h1 { h1 {
color: var(--text-color); font-size: 35px;
font-family: var(--main-font);
font-size: 35px;
line-height: var(--line-height);
} }
h2 { h2 {
color: var(--text-color); font-size: 25px;
font-family: var(--main-font);
font-size: 25px;
line-height: var(--line-height);
} }
h3 { h3 {
color: var(--text-color); font-size: 20px;
font-family: var(--main-font);
font-size: 20px;
line-height: var(--line-height);
} }
h4{
color: var(--text-color); h4 {
font-family: var(--main-font); font-size: 15px;
font-size: 15px;
line-height: var(--line-height);
} }
h5{
color: var(--text-color); h5 {
font-family: var(--main-font); font-size: 10px;
font-size: 10px;
line-height: var(--line-height);
} }
h6{
color: var(--text-color); h6 {
font-family: var(--main-font); font-size: 5px;
font-size: 5px;
line-height: var(--line-height);
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color: var(--text-color); h1 a,
text-decoration: none; h2 a,
border-bottom-color: transparent; h3 a,
} h4 a,
a.copy-cursor{ h5 a,
cursor: copy; h6 a {
color: var(--text-color);
text-decoration: none;
border-bottom-color: transparent;
} }
embed, embed,
iframe, iframe,
object { object {
max-width: 100%; max-width: 100%;
} }
.avatar { .avatar {
height: 200px; height: 200px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} }
#footer { #footer {
max-height: 100%; max-height: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
height: 100px; width: 100%;
width: 100%; overflow: hidden;
overflow: hidden; display: flex;
display: flex; justify-content: center;
justify-content: center; text-align: center;
text-align: center; align-content: flex-end;
align-content: flex-end; flex-wrap: wrap;
flex-wrap: wrap; padding: 10px;
padding: 10px; margin: 0;
margin: 0;
} }
@media only screen and (max-height: 768px) { @media only screen and (max-height: 768px) {
#footer { #footer {
position: relative!important; position: relative !important;
justify-items: flex-end; justify-items: flex-end;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
align-content: flex-end; align-content: flex-end;
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
.sa-credit { .sa-credit {
border-bottom-color: transparent; border-bottom-color: transparent;
text-decoration: none; text-decoration: none;
} }
.sa-credit:hover { .sa-credit:hover {
border-bottom-color: transparent; border-bottom-color: transparent;
text-decoration: none; text-decoration: none;
color: #7289DA !important; color: #7289DA !important;
} }
sub { sub {
color: var(--text-color); color: var(--text-color);
font-family: var(--main-font); font-family: var(--main-font);
font-size: 0.8em; font-size: 0.8em;
} }
sup { sup {
color: var(--text-color); color: var(--text-color);
font-family: var(--main-font); font-family: var(--main-font);
font-size: 0.8em; font-size: 0.8em;
position: relative; position: relative;
top: -0.5em; top: -0.5em;
} }
hr { hr {
border: 0; border: 0;
border-bottom: solid 2px var(--text-color); border-bottom: solid 2px var(--text-color);
margin: 2em 0; margin: 2em 0;
} }
hr.major { hr.major {
margin: 3em 0; margin: 3em 0;
} }
blockquote{ blockquote {
border-left: solid 6px #121212; border-left: solid 6px #121212;
font-style: italic; font-style: italic;
margin: 0 0 2em 0; margin: 0 0 2em 0;
padding: 0.5em 0 0.5em var(--line-height); padding: 0.5em 0 0.5em var(--line-height);
} }
code { code {
background: var(--text-color); background: var(--text-color);
border-radius: 0.35em; border-radius: 0.35em;
border: solid 2px #121212; border: solid 2px #121212;
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
font-size: 0.9em; font-size: 0.9em;
margin: 0 0.25em; margin: 0 0.25em;
padding: 0.25em 0.65em; padding: 0.25em 0.65em;
} }
p { p {
color: var(--text-color); color: var(--text-color);
font-family: var(--main-font); font-family: var(--main-font);
font-size: 1em; font-size: 1em;
} }
a { a {
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; border-bottom: solid 1px;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; color: var(--text-color);
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none;
border-bottom: solid 1px;
color: var(--text-color);
text-decoration: none;
} }
a:hover, a:hover,
a:focus, a:focus,
a:active { a:active {
border-bottom-color: transparent; border-bottom-color: unset;
color: #1BA965 !important; color: var(--href) !important;
text-decoration: none; text-decoration: none;
} }
strong, b { strong,
color: var(--text-color); b {
font-weight: 400; color: var(--text-color);
font-weight: 400;
} }
em, i { em,
color: var(--text-color); i {
font-style: italic; color: var(--text-color);
font-style: italic;
} }
.align-left { .align-left {
text-align: left; text-align: left;
} }
.align-center { .align-center {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
align-self: center; align-self: center;
justify-self: center; justify-self: center;
} }
.align-right { .align-right {
text-align: right; text-align: right;
} }
#header { #header {
animation: change 5s step-end both; animation: change 5s step-end both;
} }
@keyframes change { @keyframes change {
from { color: #3AB54A } from {
to { color: #ED1B24 } color: #3AB54A;
}
to {
color: #ED1B24;
}
} }
*{ #footer p::before {
cursor: url("data:image/webp;base64,UklGRloDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHYBAAABoKtt2yHZev/6l23bth2u0DiCFa3Ytm2EK7ON7R3aNkKj6u/32eyqdQYRMQHr92WKQc/wOq/OlrJn0OMjOJgpVqcuT+HVXoqVRekc/DBBsSplusHv/DRMWUWZxoFz3m6sUE3Q4F8wOXsVq5H0AsmmNkZZRc2+pWYK7lem50nYiWVqXE2Dj8gNNb7vrxBjKBW0BWxIfL9CkmIoIWnOepwgwZp1W3tIsUyQNkFRI9WAHw+0UxbqUwxa/gUU2CmHr+dLWX1SULOVf5JsU8vhiBRLKEpTXwVjkxLPd1SDEgoNpA1gbJzz2WjFElKUtpMMhpzf5ilkJRQ1CxuwKWCt1KBEpjnwL2ySudhWIdQV1Pd3bAM2Lvhyoco2+ozctgHjAi42rS/oPFAYG2xSzon6pGZL7gKFsbExP5eRNP6CqSVssPmlVAzSmEtQGNuJh6WkLJPmvgUJO2dnBVKWqcF2yO0/WVqJFKVpH0CN1xpXpNBALU/+UlztLlZQOCC+AQAAsAgAnQEqIAAgAD5tLJFFpCKhmAQAQAbEtABOhxAG8TS2ZELfQSzpPLXsAfyH+kf8Prq/oALieNe0krXrkuQfaRMfU0YERGCCH1gkZL3AAP6tmRuk03q/9R/BaTI+3gJ0Lu0H4RCtDbjmIwNI9LVvnm9ThnX9v+7GvubebhSgSXY3rPZLGKtjjTpXYpJtP85+YrW0ZrY00CekgtELmc2Phw7Y0kGTHn0l6YrTrFwjN5J5uzf+fTquEUFvsEv4q5vuJHjxUABuigh//gs4IQ5Q/10EwvR//+vh69PNYXQh+/qf20cAybP9RlfI9a2Z8l+9rirW4fxjtLf/QBjLRX2AL58MomJojvoCbVOSne+MOgaJPR/pwFT/q7SCnfyLsWJP8OG7muS1Bf9Fz5lqL8epPy3/8mIM8y34nnziJy/3buxPKdsleLGB7b/OTCbnrSj5IB2sEO3/K+7+f+n7UdjFq/TYBTFW8/vyUVqc1h872JQ7r349TIPAMXLt8wiR0tcBUX+GwilvvJndiZ1PEsQPXRpMQPXVqQaBRSdbyz+uquZF/bdGRLo6hEK4t4XqBTQTsj9yENRb+EWzt44AAAA="), default; display: inline-block;
content: "©";
animation: turntocopyleft 2s forwards;
}
@keyframes turntocopyleft {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
#links details > summary {
list-style: none;
}
#links details > summary::-webkit-details-marker {
display: none;
}
#links details > summary:hover,
#links details > summary:focus,
#links details > summary:active {
border-bottom-color: transparent;
color: var(--href) !important;
text-decoration: none;
}
#links details > summary {
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
} }

1
assets/css/main.min.css vendored Normal file
View File

@ -0,0 +1 @@
@import"https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css";:root{--main-font: OpenDyslexic2 Alt;--line-height: 1.5em;--text-color: #fff;--href: #1BA965}::-moz-selection{background-color:#10653c}::selection{background-color:#10653c}body{background:#141729;padding:0;margin:0;max-width:100%;max-height:100%}*,*:before,*:after{box-sizing:border-box}*{cursor:url("data:image/webp;base64,UklGRloDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHYBAAABoKtt2yHZev/6l23bth2u0DiCFa3Ytm2EK7ON7R3aNkKj6u/32eyqdQYRMQHr92WKQc/wOq/OlrJn0OMjOJgpVqcuT+HVXoqVRekc/DBBsSplusHv/DRMWUWZxoFz3m6sUE3Q4F8wOXsVq5H0AsmmNkZZRc2+pWYK7lem50nYiWVqXE2Dj8gNNb7vrxBjKBW0BWxIfL9CkmIoIWnOepwgwZp1W3tIsUyQNkFRI9WAHw+0UxbqUwxa/gUU2CmHr+dLWX1SULOVf5JsU8vhiBRLKEpTXwVjkxLPd1SDEgoNpA1gbJzz2WjFElKUtpMMhpzf5ilkJRQ1CxuwKWCt1KBEpjnwL2ySudhWIdQV1Pd3bAM2Lvhyoco2+ozctgHjAi42rS/oPFAYG2xSzon6pGZL7gKFsbExP5eRNP6CqSVssPmlVAzSmEtQGNuJh6WkLJPmvgUJO2dnBVKWqcF2yO0/WVqJFKVpH0CN1xpXpNBALU/+UlztLlZQOCC+AQAAsAgAnQEqIAAgAD5tLJFFpCKhmAQAQAbEtABOhxAG8TS2ZELfQSzpPLXsAfyH+kf8Prq/oALieNe0krXrkuQfaRMfU0YERGCCH1gkZL3AAP6tmRuk03q/9R/BaTI+3gJ0Lu0H4RCtDbjmIwNI9LVvnm9ThnX9v+7GvubebhSgSXY3rPZLGKtjjTpXYpJtP85+YrW0ZrY00CekgtELmc2Phw7Y0kGTHn0l6YrTrFwjN5J5uzf+fTquEUFvsEv4q5vuJHjxUABuigh//gs4IQ5Q/10EwvR//+vh69PNYXQh+/qf20cAybP9RlfI9a2Z8l+9rirW4fxjtLf/QBjLRX2AL58MomJojvoCbVOSne+MOgaJPR/pwFT/q7SCnfyLsWJP8OG7muS1Bf9Fz5lqL8epPy3/8mIM8y34nnziJy/3buxPKdsleLGB7b/OTCbnrSj5IB2sEO3/K+7+f+n7UdjFq/TYBTFW8/vyUVqc1h872JQ7r349TIPAMXLt8wiR0tcBUX+GwilvvJndiZ1PEsQPXRpMQPXVqQaBRSdbyz+uquZF/bdGRLo6hEK4t4XqBTQTsj9yENRb+EWzt44AAAA="),default}#links br{line-height:var(--line-height)}h1,h2,h3,h4,h5,h6{font-family:var(--main-font);color:var(--text-color)}#links{line-height:var(--line-height)}h1{font-size:35px}h2{font-size:25px}h3{font-size:20px}h4{font-size:15px}h5{font-size:10px}h6{font-size:5px}::-webkit-scrollbar{display:none}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--text-color);text-decoration:none;border-bottom-color:rgba(0,0,0,0)}embed,iframe,object{max-width:100%}.avatar{height:200px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#footer{max-height:100%;position:absolute;bottom:0;width:100%;overflow:hidden;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:rgba(0,0,0,0);text-decoration:none}.sa-credit:hover{border-bottom-color:rgba(0,0,0,0);text-decoration:none;color:#7289da !important}sub{color:var(--text-color);font-family:var(--main-font);font-size:.8em}sup{color:var(--text-color);font-family:var(--main-font);font-size:.8em;position:relative;top:-0.5em}hr{border:0;border-bottom:solid 2px var(--text-color);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 var(--line-height)}code{background:var(--text-color);border-radius:.35em;border:solid 2px #121212;font-family:"Courier New",monospace;font-size:.9em;margin:0 .25em;padding:.25em .65em}p{color:var(--text-color);font-family:var(--main-font);font-size:1em}a{transition:color .2s ease-in-out,border-color .2s ease-in-out;border-bottom:solid 1px;color:var(--text-color);text-decoration:none}a:hover,a:focus,a:active{border-bottom-color:unset;color:var(--href) !important;text-decoration:none}strong,b{color:var(--text-color);font-weight:400}em,i{color:var(--text-color);font-style:italic}.align-left{text-align:left}.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}}#footer p::before{display:inline-block;content:"©";animation:turntocopyleft 2s forwards}@keyframes turntocopyleft{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}#links details>summary{list-style:none}#links details>summary::-webkit-details-marker{display:none}#links details>summary:hover,#links details>summary:focus,#links details>summary:active{border-bottom-color:rgba(0,0,0,0);color:var(--href) !important;text-decoration:none}#links details>summary{transition:color .2s ease-in-out,border-color .2s ease-in-out}

290
assets/scss/main.scss Normal file
View File

@ -0,0 +1,290 @@
/*
CSS by Sophia Atkinson
https://sophia.wtf
CC BY-NC 4.0
*/
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
:root {
--main-font: OpenDyslexic2 Alt;
--line-height: 1.5em;
--text-color: #fff;
--href: #1BA965;
}
::selection{
background-color: #10653c;
}
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("data:image/webp;base64,UklGRloDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHYBAAABoKtt2yHZev/6l23bth2u0DiCFa3Ytm2EK7ON7R3aNkKj6u/32eyqdQYRMQHr92WKQc/wOq/OlrJn0OMjOJgpVqcuT+HVXoqVRekc/DBBsSplusHv/DRMWUWZxoFz3m6sUE3Q4F8wOXsVq5H0AsmmNkZZRc2+pWYK7lem50nYiWVqXE2Dj8gNNb7vrxBjKBW0BWxIfL9CkmIoIWnOepwgwZp1W3tIsUyQNkFRI9WAHw+0UxbqUwxa/gUU2CmHr+dLWX1SULOVf5JsU8vhiBRLKEpTXwVjkxLPd1SDEgoNpA1gbJzz2WjFElKUtpMMhpzf5ilkJRQ1CxuwKWCt1KBEpjnwL2ySudhWIdQV1Pd3bAM2Lvhyoco2+ozctgHjAi42rS/oPFAYG2xSzon6pGZL7gKFsbExP5eRNP6CqSVssPmlVAzSmEtQGNuJh6WkLJPmvgUJO2dnBVKWqcF2yO0/WVqJFKVpH0CN1xpXpNBALU/+UlztLlZQOCC+AQAAsAgAnQEqIAAgAD5tLJFFpCKhmAQAQAbEtABOhxAG8TS2ZELfQSzpPLXsAfyH+kf8Prq/oALieNe0krXrkuQfaRMfU0YERGCCH1gkZL3AAP6tmRuk03q/9R/BaTI+3gJ0Lu0H4RCtDbjmIwNI9LVvnm9ThnX9v+7GvubebhSgSXY3rPZLGKtjjTpXYpJtP85+YrW0ZrY00CekgtELmc2Phw7Y0kGTHn0l6YrTrFwjN5J5uzf+fTquEUFvsEv4q5vuJHjxUABuigh//gs4IQ5Q/10EwvR//+vh69PNYXQh+/qf20cAybP9RlfI9a2Z8l+9rirW4fxjtLf/QBjLRX2AL58MomJojvoCbVOSne+MOgaJPR/pwFT/q7SCnfyLsWJP8OG7muS1Bf9Fz5lqL8epPy3/8mIM8y34nnziJy/3buxPKdsleLGB7b/OTCbnrSj5IB2sEO3/K+7+f+n7UdjFq/TYBTFW8/vyUVqc1h872JQ7r349TIPAMXLt8wiR0tcBUX+GwilvvJndiZ1PEsQPXRpMQPXVqQaBRSdbyz+uquZF/bdGRLo6hEK4t4XqBTQTsj9yENRb+EWzt44AAAA="), default;
}
#links br {
line-height: var(--line-height);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--main-font);
color: var(--text-color);
}
#links {
line-height: var(--line-height);
}
h1 {
font-size: 35px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 5px;
}
::-webkit-scrollbar {
display: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: var(--text-color);
text-decoration: none;
border-bottom-color: transparent;
}
embed,
iframe,
object {
max-width: 100%;
}
.avatar {
height: 200px;
user-select: none;
}
#footer {
max-height: 100%;
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
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;
}
.sa-credit:hover {
border-bottom-color: transparent;
text-decoration: none;
color: #7289DA !important;
}
sub {
color: var(--text-color);
font-family: var(--main-font);
font-size: 0.8em;
}
sup {
color: var(--text-color);
font-family: var(--main-font);
font-size: 0.8em;
position: relative;
top: -0.5em;
}
hr {
border: 0;
border-bottom: solid 2px var(--text-color);
margin: 2em 0;
}
hr.major {
margin: 3em 0;
}
blockquote {
border-left: solid 6px #121212;
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em var(--line-height);
}
code {
background: var(--text-color);
border-radius: 0.35em;
border: solid 2px #121212;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
p {
color: var(--text-color);
font-family: var(--main-font);
font-size: 1em;
}
a {
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
border-bottom: solid 1px;
color: var(--text-color);
text-decoration: none;
}
a:hover,
a:focus,
a:active {
border-bottom-color: unset;
color: var(--href) !important;
text-decoration: none;
}
strong,
b {
color: var(--text-color);
font-weight: 400;
}
em,
i {
color: var(--text-color);
font-style: italic;
}
.align-left {
text-align: left;
}
.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
}
}
#footer p::before {
display: inline-block;
content: "\00A9";
-webkit-animation: turntocopyleft 2.0s forwards;
animation: turntocopyleft 2.0s forwards;
}
@keyframes turntocopyleft {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
#links details>summary {
list-style: none;
}
#links details>summary::-webkit-details-marker {
display: none;
}
#links details>summary:hover,
#links details>summary:focus,
#links details>summary:active {
border-bottom-color: transparent;
color: var(--href) !important;
text-decoration: none;
}
#links details>summary {
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

13
index.html
View File

@ -17,7 +17,7 @@
<meta property="og:title" content="Wade Waters"> <meta property="og:title" content="Wade Waters">
<meta property="og:image" content="/img/cover.webp"> <meta property="og:image" content="/img/cover.webp">
<meta property="og:description" content="Welcome to Wades World."> <meta property="og:description" content="Welcome to Wades World.">
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.min.css">
<p hidden> <p hidden>
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a> <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
</p> </p>
@ -26,7 +26,7 @@
<div class="align-center"> <div class="align-center">
<h1 id="header">Wade&#39;s World</h1> <h1 id="header">Wade&#39;s World</h1>
<img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar"> <img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
<h2> <h2 id="links">
<a href="mailto:waterwade@protonmail.com">Email</a> <a href="mailto:waterwade@protonmail.com">Email</a>
<br> <br>
<a href="https://sop.wtf/wwgit">Gitea</a> <a href="https://sop.wtf/wwgit">Gitea</a>
@ -35,17 +35,14 @@
<br> <br>
<a href="https://sop.wtf/wwpronouns">Pronouns</a> <a href="https://sop.wtf/wwpronouns">Pronouns</a>
<br> <br>
<a id="discord" href="#discord">Discord</a> <details><summary>Discord</summary>WaterWade</details>
</h2> </h2>
</div> </div>
<div id="footer"> <div id="footer">
<p> <p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
&copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
<br> <br>
Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a> Designed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
</p> </p>
</div> </div>
</body> </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('wadewaters');document.body.removeChild(el);const buttontext=document.getElementById("discord");buttontext.innerHTML='Copied!';setTimeout(()=>{buttontext.innerHTML=str},4000)};</script>
</html> </html>

7
page/403.html
View File

@ -17,7 +17,7 @@
<meta property="og:title" content="Wade Waters"> <meta property="og:title" content="Wade Waters">
<meta property="og:image" content="/img/cover.webp"> <meta property="og:image" content="/img/cover.webp">
<meta property="og:description" content="Welcome to Wades World."> <meta property="og:description" content="Welcome to Wades World.">
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.min.css">
<p hidden> <p hidden>
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a> <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
</p> </p>
@ -31,10 +31,9 @@
<h3><a href="/">Home</a></h3> <h3><a href="/">Home</a></h3>
</div> </div>
<div id="footer"> <div id="footer">
<p> <p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
&copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
<br> <br>
Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a> Designed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
</p> </p>
</div> </div>
</body> </body>

9
page/404.html
View File

@ -17,9 +17,9 @@
<meta property="og:title" content="Wade Waters"> <meta property="og:title" content="Wade Waters">
<meta property="og:image" content="/img/cover.webp"> <meta property="og:image" content="/img/cover.webp">
<meta property="og:description" content="Welcome to Wades World."> <meta property="og:description" content="Welcome to Wades World.">
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.min.css">
<p hidden> <p hidden>
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a> <a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
</p> </p>
</head> </head>
<body> <body>
@ -31,10 +31,9 @@
<h3><a href="/">Home</a></h3> <h3><a href="/">Home</a></h3>
</div> </div>
<div id="footer"> <div id="footer">
<p> <p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
&copy;<script>document.write(new Date().getFullYear());</script> Wade Waters
<br> <br>
Developed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a> Designed by <a class="sa-credit" href="https://sophia.wtf">Sophia Atkinson</a>
</p> </p>
</div> </div>
</body> </body>