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:
parent
98949aa56f
commit
10c8c84365
|
|
@ -5,4 +5,10 @@ ErrorDocument 403 /page/403.html
|
|||
RewriteEngine On
|
||||
RewriteRule ^403$ /page/403.html
|
||||
RewriteRule ^404$ /page/404.html
|
||||
#SymLinks End
|
||||
#SymLinks End
|
||||
|
||||
#Allow FILES
|
||||
<Files ~ (LICENSE|README.md)$>
|
||||
Order allow,deny
|
||||
Allow from all
|
||||
</Files>
|
||||
|
|
@ -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
2
LICENSE
|
|
@ -1,6 +1,6 @@
|
|||
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
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
|
|
|
|||
|
|
@ -1,6 +0,0 @@
|
|||
# Shwampy
|
||||
My site
|
||||
|
||||
---
|
||||
|
||||
## Thanks [Sophia](https://sophia.wtf) for the code, and the domain.
|
||||
|
|
@ -1,225 +1,281 @@
|
|||
@charset "UTF-8";
|
||||
/*
|
||||
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;
|
||||
: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%;
|
||||
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;
|
||||
}
|
||||
.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 {
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 35px;
|
||||
line-height: var(--line-height);
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 25px;
|
||||
line-height: var(--line-height);
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 20px;
|
||||
line-height: var(--line-height);
|
||||
font-size: 20px;
|
||||
}
|
||||
h4{
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 15px;
|
||||
line-height: var(--line-height);
|
||||
|
||||
h4 {
|
||||
font-size: 15px;
|
||||
}
|
||||
h5{
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 10px;
|
||||
line-height: var(--line-height);
|
||||
|
||||
h5 {
|
||||
font-size: 10px;
|
||||
}
|
||||
h6{
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 5px;
|
||||
line-height: var(--line-height);
|
||||
|
||||
h6 {
|
||||
font-size: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
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;
|
||||
}
|
||||
a.copy-cursor{
|
||||
cursor: copy;
|
||||
|
||||
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%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
height: 200px;
|
||||
height: 200px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#footer {
|
||||
max-height: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
align-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
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;
|
||||
}
|
||||
#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;
|
||||
border-bottom-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sa-credit:hover {
|
||||
border-bottom-color: transparent;
|
||||
text-decoration: none;
|
||||
color: #7289DA !important;
|
||||
border-bottom-color: transparent;
|
||||
text-decoration: none;
|
||||
color: #7289DA !important;
|
||||
}
|
||||
|
||||
sub {
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
font-size: 0.8em;
|
||||
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;
|
||||
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;
|
||||
border: 0;
|
||||
border-bottom: solid 2px var(--text-color);
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
hr.major {
|
||||
margin: 3em 0;
|
||||
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);
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
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: transparent;
|
||||
color: #1BA965 !important;
|
||||
text-decoration: none;
|
||||
border-bottom-color: unset;
|
||||
color: var(--href) !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
strong, b {
|
||||
color: var(--text-color);
|
||||
font-weight: 400;
|
||||
strong,
|
||||
b {
|
||||
color: var(--text-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
em, i {
|
||||
color: var(--text-color);
|
||||
font-style: italic;
|
||||
em,
|
||||
i {
|
||||
color: var(--text-color);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#header {
|
||||
animation: change 5s step-end both;
|
||||
animation: change 5s step-end both;
|
||||
}
|
||||
|
||||
@keyframes change {
|
||||
from { color: #3AB54A }
|
||||
to { color: #ED1B24 }
|
||||
from {
|
||||
color: #3AB54A;
|
||||
}
|
||||
to {
|
||||
color: #ED1B24;
|
||||
}
|
||||
}
|
||||
*{
|
||||
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;
|
||||
#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: 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;
|
||||
}
|
||||
|
|
@ -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}
|
||||
|
|
@ -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
13
index.html
|
|
@ -17,7 +17,7 @@
|
|||
<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.css">
|
||||
<link rel="stylesheet" href="/assets/css/main.min.css">
|
||||
<p hidden>
|
||||
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
|
||||
</p>
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
<div class="align-center">
|
||||
<h1 id="header">Wade's World</h1>
|
||||
<img src="/img/spinnyclippy.webp" alt="Microsoft Clippy Spinning" class="avatar">
|
||||
<h2>
|
||||
<h2 id="links">
|
||||
<a href="mailto:waterwade@protonmail.com">Email</a>
|
||||
<br>
|
||||
<a href="https://sop.wtf/wwgit">Gitea</a>
|
||||
|
|
@ -35,17 +35,14 @@
|
|||
<br>
|
||||
<a href="https://sop.wtf/wwpronouns">Pronouns</a>
|
||||
<br>
|
||||
<a id="discord" href="#discord">Discord</a>
|
||||
<details><summary>Discord</summary>WaterWade</details>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<script>document.write(new Date().getFullYear());</script> Wade Waters
|
||||
<p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
|
||||
<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>
|
||||
|
||||
</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('wadewaters');document.body.removeChild(el);const buttontext=document.getElementById("discord");buttontext.innerHTML='Copied!';setTimeout(()=>{buttontext.innerHTML=str},4000)};</script>
|
||||
</html>
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
<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.css">
|
||||
<link rel="stylesheet" href="/assets/css/main.min.css">
|
||||
<p hidden>
|
||||
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
|
||||
</p>
|
||||
|
|
@ -31,10 +31,9 @@
|
|||
<h3><a href="/">Home</a></h3>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<script>document.write(new Date().getFullYear());</script> Wade Waters
|
||||
<p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
|
||||
<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>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -17,9 +17,9 @@
|
|||
<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.css">
|
||||
<link rel="stylesheet" href="/assets/css/main.min.css">
|
||||
<p hidden>
|
||||
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
|
||||
<a rel="me" href="https://mstdn.social/@wadeAU">Mastodon</a>
|
||||
</p>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -31,10 +31,9 @@
|
|||
<h3><a href="/">Home</a></h3>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
©<script>document.write(new Date().getFullYear());</script> Wade Waters
|
||||
<p><script>document.write(new Date().getFullYear());</script><noscript>20xx</noscript> Wade Waters
|
||||
<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>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue