diff --git a/.htaccess b/.htaccess
index ff76eef..4cfd51e 100644
--- a/.htaccess
+++ b/.htaccess
@@ -5,4 +5,10 @@ ErrorDocument 403 /page/403.html
RewriteEngine On
RewriteRule ^403$ /page/403.html
RewriteRule ^404$ /page/404.html
-#SymLinks End
\ No newline at end of file
+#SymLinks End
+
+ #Allow FILES
+
+ Order allow,deny
+ Allow from all
+
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..d43f3c3
--- /dev/null
+++ b/.vscode/settings.json
@@ -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
+ }
+ ]
+}
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
index ee17f8d..6ec645c 100644
--- a/LICENSE
+++ b/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
diff --git a/README.md b/README.md
deleted file mode 100644
index 5e3a0a3..0000000
--- a/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Shwampy
-My site
-
----
-
-## Thanks [Sophia](https://sophia.wtf) for the code, and the domain.
diff --git a/assets/css/main.css b/assets/css/main.css
index cb3e097..87c5300 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -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;
}
\ No newline at end of file
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
new file mode 100644
index 0000000..f558a07
--- /dev/null
+++ b/assets/css/main.min.css
@@ -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}
\ No newline at end of file
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
new file mode 100644
index 0000000..29220b3
--- /dev/null
+++ b/assets/scss/main.scss
@@ -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;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3890912..ca9d5bc 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
-
+
Mastodon
@@ -26,7 +26,7 @@
-