This commit is contained in:
CatAClock 2025-04-16 01:29:05 -07:00
parent dfe4571b45
commit 5b5b0d8169
2 changed files with 19 additions and 19 deletions

View file

@ -15,31 +15,25 @@ html {
/* This pre fixes a bug in regards to the typing animation not working properly. */ /* This pre fixes a bug in regards to the typing animation not working properly. */
pre { pre {
position: relative; position: relative;
font-size: 4rem; font-size: 64px;
top: -10px; top: -10px;
text-align: left; text-align: left;
} }
p { p {
font-size: 1rem; font-size: 16px;
} }
h1 { h1 {
font-size: 4rem; font-size: 64px;
} }
h2 { h2 {
margin-top: 0px; font-size: 40px;
margin-bottom: 0px;
font-size: 2.5rem;
} }
h3 { h3 {
margin-top: 0px; font-size: 28px;
margin-bottom: 0px;
font-size: 2rem;
} }
/* Header stuff. */ /* Header stuff. */
@ -47,13 +41,12 @@ header {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
display: block; display: block;
font-size: 2rem;
text-align: center; text-align: center;
min-width: 640px; min-width: 640px;
margin-top: -40px; margin-top: -50px;
color: #5C4756; color: #5C4756;
background-color: #FF9930; background-color: #FF9930;
@ -81,7 +74,7 @@ header {
max-width: 640px; max-width: 640px;
width: 640px; width: 640px;
/* Don't know what, but this solves a funny bug. */ /* Don't know what, but this solves a funny bug. */
height: 4ch; height: 64px;
padding-left: 10px; padding-left: 10px;
padding-right: 5px; padding-right: 5px;
@ -101,6 +94,13 @@ header {
} }
/* Header links. */ /* Header links. */
.HeaderLinkSection {
padding-bottom: 10px;
margin-top: -40px;
margin-bottom: 10px;
}
.HeaderLink { .HeaderLink {
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -149,7 +149,7 @@ header {
.SectionSolid { .SectionSolid {
width: 100%; width: 100%;
min-height: 200vh; min-height: 200vh;
top: 190px; top: 180px;
background-color: black; background-color: black;
position: absolute; position: absolute;

View file

@ -13,7 +13,7 @@
<div class="HeaderSolid"><pre>|</pre></div> <div class="HeaderSolid"><pre>|</pre></div>
<!-- This div fixes a bug where the text is way too low and goes under the animation. --> <!-- This div fixes a bug where the text is way too low and goes under the animation. -->
<h1 style="margin-top: -35px;">CrowdedGames.group</h1> <h1 style="margin-top: -35px;">CrowdedGames.group</h1>
<section style="margin-top: -40px;"> <section class="HeaderLinkSection">
<a href="https://boosty.to/cataclock"><img class="HeaderLink" src="Icons/BoostyIcon.svg" alt="The logo for Boosty."/></a> <a href="https://boosty.to/cataclock"><img class="HeaderLink" src="Icons/BoostyIcon.svg" alt="The logo for Boosty."/></a>
<a href="https://steamcommunity.com/tradeoffer/new/?partner=315492703&token=Z-00zmhG"><img class="HeaderLink" src="Icons/SteamIcon.svg" alt="The logo for Steam."/></a> <a href="https://steamcommunity.com/tradeoffer/new/?partner=315492703&token=Z-00zmhG"><img class="HeaderLink" src="Icons/SteamIcon.svg" alt="The logo for Steam."/></a>
<a rel="me" href="https://wetdry.world/@CatAClock"><img class="HeaderLink" src="Icons/MastodonIcon.svg" alt="The logo for Mastodon."/></a> <a rel="me" href="https://wetdry.world/@CatAClock"><img class="HeaderLink" src="Icons/MastodonIcon.svg" alt="The logo for Mastodon."/></a>
@ -22,7 +22,7 @@
<a href="https://www.youtube.com/@cataclock"><img class="HeaderLink" src="Icons/YoutubeIcon.png" alt="The logo for YouTube."/></a> <a href="https://www.youtube.com/@cataclock"><img class="HeaderLink" src="Icons/YoutubeIcon.png" alt="The logo for YouTube."/></a>
<a href="https://www.youtube.com/@doggeywoggey"><img class="HeaderLink" src="Icons/DogeIcon.png" alt="The logo for DoggeyWoggey."/></a> <a href="https://www.youtube.com/@doggeywoggey"><img class="HeaderLink" src="Icons/DogeIcon.png" alt="The logo for DoggeyWoggey."/></a>
<a href="mailto:cataclock@proton.me"><img class="HeaderLink" src="Icons/EmailIcon.svg" alt="The icon for Email."/></a> <a href="mailto:cataclock@proton.me"><img class="HeaderLink" src="Icons/EmailIcon.svg" alt="The icon for Email."/></a>
<a style="font-size: 1ch;" href="https://knowledge.crowdedgames.group">Knowledge</a> <a href="https://knowledge.crowdedgames.group">Knowledge</a>
<a href="https://codeberg.org/Crowded-Games/"><img class="HeaderLink" src="Icons/CodebergIcon.svg" alt="The logo for Codeberg."/></a> <a href="https://codeberg.org/Crowded-Games/"><img class="HeaderLink" src="Icons/CodebergIcon.svg" alt="The logo for Codeberg."/></a>
<a href="http://git.crowdedgames.group"><img class="HeaderLink" src="Icons/ForgejoIcon.png" alt="The logo for Forgejo."/></a> <a href="http://git.crowdedgames.group"><img class="HeaderLink" src="Icons/ForgejoIcon.png" alt="The logo for Forgejo."/></a>
</section> </section>