CatAClock/CrowdedGames.Group
CatAClock/CrowdedGames.Group
0
0
Fork 0
Code Issues Pull requests Activity

website improvements and fixes?

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

47
index.css
View file

@ -15,24 +15,27 @@ 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;
top: -13px; font-size: 4rem;
top: -10px;
text-align: left; text-align: left;
} }
h1 { p {
font-size: 6ch; font-size: 1rem;
} }
h2 { h2 {
font-size: 4ch; margin-top: -2px;
margin-bottom: -4px;
font-size: 2.5rem;
} }
h3 { h3 {
font-size: 2ch; margin-top: -2px;
} margin-bottom: -3px;
p { font-size: 2rem;
font-size: 14px;
} }
/* Header stuff. */ /* Header stuff. */
@ -41,15 +44,12 @@ header {
justify-content: center; justify-content: center;
display: block; display: block;
font-size: 7ch; font-size: 2rem;
text-align: center; text-align: center;
min-width: 640px; min-width: 640px;
margin-top: -50px; margin-top: -40px;
margin-bottom: 20px;
padding: -160px;
color: #5C4756; color: #5C4756;
background-color: #FF9930; background-color: #FF9930;
@ -59,11 +59,17 @@ header {
0% { 0% {
width: 640px; width: 640px;
left: 0px; left: 0px;
padding-left: 10px;
padding-right: 5px;
} }
100% { 100% {
width: 0px; width: 0px;
left: 320px; left: 320px;
padding-left: 0px;
padding-right: 0px;
} }
} }
@ -71,13 +77,16 @@ 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: 2ch; height: 4ch;
padding-left: 10px;
padding-right: 5px;
margin-inline: auto; margin-inline: auto;
background-color: #FBDB88; background-color: #FBDB88;
position: relative; position: relative;
top: 20px; top: 30px;
animation-name: Startup; animation-name: Startup;
animation-play-state: running; animation-play-state: running;
@ -89,9 +98,6 @@ header {
/* Header links. */ /* Header links. */
.HeaderLink { .HeaderLink {
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -157,6 +163,9 @@ header {
max-width: 640px; max-width: 640px;
padding-left: 1px;
padding-right: 1px;
border: 10px; border: 10px;
border-style: solid; border-style: solid;
border-radius: 30px; border-radius: 30px;

95
index.html
View file

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