website improvements and fixes?

This commit is contained in:
CatAClock 2025-04-16 00:35:43 -07:00
parent 6415cc63c0
commit 69615d655c
2 changed files with 78 additions and 64 deletions

View file

@ -15,24 +15,27 @@ html {
/* This pre fixes a bug in regards to the typing animation not working properly. */
pre {
position: relative;
top: -13px;
font-size: 4rem;
top: -10px;
text-align: left;
}
h1 {
font-size: 6ch;
p {
font-size: 1rem;
}
h2 {
font-size: 4ch;
margin-top: -2px;
margin-bottom: -4px;
font-size: 2.5rem;
}
h3 {
font-size: 2ch;
}
p {
font-size: 14px;
margin-top: -2px;
margin-bottom: -3px;
font-size: 2rem;
}
/* Header stuff. */
@ -41,15 +44,12 @@ header {
justify-content: center;
display: block;
font-size: 7ch;
font-size: 2rem;
text-align: center;
min-width: 640px;
margin-top: -50px;
margin-bottom: 20px;
padding: -160px;
margin-top: -40px;
color: #5C4756;
background-color: #FF9930;
@ -59,11 +59,17 @@ header {
0% {
width: 640px;
left: 0px;
padding-left: 10px;
padding-right: 5px;
}
100% {
width: 0px;
left: 320px;
padding-left: 0px;
padding-right: 0px;
}
}
@ -71,13 +77,16 @@ header {
max-width: 640px;
width: 640px;
/* Don't know what, but this solves a funny bug. */
height: 2ch;
height: 4ch;
padding-left: 10px;
padding-right: 5px;
margin-inline: auto;
background-color: #FBDB88;
position: relative;
top: 20px;
top: 30px;
animation-name: Startup;
animation-play-state: running;
@ -89,9 +98,6 @@ header {
/* Header links. */
.HeaderLink {
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
width: 32px;
height: 32px;
@ -157,6 +163,9 @@ header {
max-width: 640px;
padding-left: 1px;
padding-right: 1px;
border: 10px;
border-style: solid;
border-radius: 30px;

View file

@ -4,7 +4,7 @@
<link href="index.css" rel="stylesheet"/>
<meta name="description" content="Home of an independent developer. Find programming projects, games, and work experience on this website.">
<link rel="icon" type="image/png" sizes="32x32" href="Icons/Favicon32.png">
<title>Crowded Games</title>
<title>Crowded Games Group</title>
<!-- This meta forces the viewport width to be the same size as the main header. -->
<meta name="viewport" content="height=device-height, width=700px, initial-scale=1, minimum-scale=1"/>
</head>
@ -12,8 +12,8 @@
<header>
<div class="HeaderSolid"><pre>|</pre></div>
<!-- This div fixes a bug where the text is way too low and goes under the animation. -->
<div style="margin-top: -40px;">CrowdedGames.group</div>
<section>
<h1 style="margin-top: -35px;">CrowdedGames.group</h1>
<section style="margin-top: -40px;">
<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 rel="me" href="https://wetdry.world/@CatAClock"><img class="HeaderLink" src="Icons/MastodonIcon.svg" alt="The logo for Mastodon."/></a>
@ -31,98 +31,103 @@
<section class="ProjectSection">
<div class="SectionSolid"></div>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Files">
<h1>Crowded Games Assets</h1>
<h2>Files</h2>
<h2>Crowded Games Assets</h2>
<h3>Files</h3>
<p>Anything that is related to the branding of Crowded Games is on this repository</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Youtube-Files">
<h1>Video Assets</h1>
<h2>Files</h2>
<h2>Video Assets</h2>
<h3>Files</h3>
<p>Things that we want to save from our videos are on this repository</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Blender-Files">
<h1>3D Assets</h1>
<h2>Files</h2>
<h2>3D Assets</h2>
<h3>Files</h3>
<p>Anything that is made with Blender will be on this repository. They are all 3D models</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Website">
<h1>Website</h1>
<h2>Files</h2>
<h2>Website</h2>
<h3>Files</h3>
<p>This is the exact source code that this website is running right now. Check it!</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Chess">
<h1>Chess</h1>
<h2>Games</h2>
<h2>Chess</h2>
<h3>Games</h3>
<p>Made using the Godot Engine, this is the classic game of chess</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Quick-Tasks">
<h1>Quick Tasks</h1>
<h2>Games</h2>
<h2>Quick Tasks</h2>
<h3>Games</h3>
<p>An attempt to gamify life in this interesting mobile game</p>
</a>
<a class="ProjectLink" href="https://cataclock.itch.io/exosphere-caliber">
<h1>Exosphere Caliber</h1>
<h2>Games</h2>
<h2>Exosphere Caliber</h2>
<h3>Games</h3>
<p>A side-scrolling shooter with 3 levels and 3 enemy types. Comes with the source code</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Twin-Stick-2D-Shoot-Em-Up">
<h1>Twin Stick 2D Shoot Em Up</h1>
<h2>Template</h2>
<p>A Godot Engine template for a top-down twin stick shooter game.</p>
<h2>Twin Stick 2D Shoot Em Up</h2>
<h3>Template</h3>
<p>A Godot Engine template for a top-down twin stick shooter game</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Side-Scrolling-Shooter">
<h1>Side Scrolling Shooter</h1>
<h2>Template</h2>
<p>A Godot Engine template for your side scrolling games.</p>
<h2>Side Scrolling Shooter</h2>
<h3>Template</h3>
<p>A Godot Engine template for your side scrolling games</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/First-Person-Shooter">
<h1>Side Scrolling Shooter</h1>
<h2>Template</h2>
<p>A Godot Engine template for your first person shooter games.</p>
<h2>First Person Shooter</h2>
<h3>Template</h3>
<p>A Godot Engine template for your first person shooter games</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/First-Person">
<h2>First Person Shooter</h2>
<h3>Template</h3>
<p>A Godot Engine template for your first person games</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Controller-Emulator">
<h1>A Controller Emulator</h1>
<h2>Software</h2>
<h2>A Controller Emulator</h2>
<h3>Software</h3>
<p>Based on another controller emulator, we polished it up and sent it for the masses</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Calculator">
<h1>Calculator</h1>
<h2>Software</h2>
<h2>Calculator</h2>
<h3>Software</h3>
<p>With the Godot Engine we made a calculator</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Speaker-Speaker">
<h1>Speaker Speaker</h1>
<h2>Software</h2>
<h2>Speaker Speaker</h2>
<h3>Software</h3>
<p>The main VTuber model for the channel that could blossom into a "source filmmaker" of itself</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/MIDI-Synthesizer">
<h1>MIDI Synthesizer</h1>
<h2>Software</h2>
<h2>MIDI Synthesizer</h2>
<h3>Software</h3>
<p>Unfinished MIDI synthesizer which was made in the Godot Engine</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Studio-Modifier">
<h1>Studio Modifier</h1>
<h2>Software</h2>
<p>For the hobbiests, this Firefox Extension removes some of the numbers that make us feel bad.</p>
<h2>Studio Modifier</h2>
<h3>Software</h3>
<p>For the hobbiests, this Firefox Extension removes some of the numbers that make us feel bad</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/SDL-Library">
<h1>SDL Library</h1>
<h2>Library</h2>
<h2>SDL Library</h2>
<h3>Library</h3>
<p>Place the headers inside of your project and get ready to be able to do nothing because this is unfinished</p>
</a>
<a class="ProjectLink" href="https://mod.io/g/drg/m/femboy-voice-pack">
<h1>Femboy Voice Pack</h1>
<h2>Mod</h2>
<h2>Femboy Voice Pack</h2>
<h3>Mod</h3>
<p>This is the mod. Comes with the source code</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Gim">
<h1>Gim</h1>
<h2>Archive</h2>
<h2>Gim</h2>
<h3>Archive</h3>
<p>Text editor | Serves no purpose</p>
</a>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Gamify-Life">
<h1>Gamify Life</h1>
<h2>Archive</h2>
<h2>Gamify Life</h2>
<h3>Archive</h3>
<p>Trying to gamify life | Classic example of feature creep and scope creep</p>
</a>
</section>