diff --git a/LICENSE b/LICENSE index b662c09..ee17f8d 100644 --- a/LICENSE +++ b/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 diff --git a/assets/css/font/OpenDyslexic3-Regular.ttf b/assets/css/font/OpenDyslexic3-Regular.ttf deleted file mode 100644 index 0ff4c0b..0000000 Binary files a/assets/css/font/OpenDyslexic3-Regular.ttf and /dev/null differ diff --git a/assets/css/main.css b/assets/css/main.css index 13d8d72..1863e0e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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 } } \ No newline at end of file diff --git a/assets/css/main.min.css b/assets/css/main.min.css deleted file mode 100644 index 8272cac..0000000 --- a/assets/css/main.min.css +++ /dev/null @@ -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} \ No newline at end of file diff --git a/img/0356-166.webp b/img/0356-166.webp deleted file mode 100644 index 1b54121..0000000 Binary files a/img/0356-166.webp and /dev/null differ diff --git a/img/cursor.webp b/img/cursor.webp new file mode 100644 index 0000000..9ea9351 Binary files /dev/null and b/img/cursor.webp differ diff --git a/img/spinnyclippy.webp b/img/spinnyclippy.webp new file mode 100644 index 0000000..1326170 Binary files /dev/null and b/img/spinnyclippy.webp differ diff --git a/index.html b/index.html index 0939db3..3890912 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - Wade Waters + Wade's Worlds @@ -17,23 +17,35 @@ - + +
- Avatar -

Email

-

Gitea

-

Mastodon

-

Pronouns

-

Discord

+

Wade's World

+ Microsoft Clippy Spinning +

+ Email +
+ Gitea +
+ Mastodon +
+ Pronouns +
+ Discord +

-