CrowdedGames.Group/index.html
2025-04-19 18:09:54 -07:00

243 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<link href="style.css" rel="stylesheet"/>
<link href="Animations.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 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>
<body>
<header>
<div class="HeaderSolid"><pre style="position: relative; font-size: 64px; top: -10px; text-align: left;">|</pre></div>
<!-- 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>
<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://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 href="https://bsky.app/profile/crowdedgames.group"><img class="HeaderLink" src="Icons/BlueskyIcon.svg" alt="The logo for Bluesky."/></a>
<a href="https://www.tiktok.com/@insanecataclock"><img class="HeaderLink" src="Icons/TiktokIcon.svg" alt="The logo for TikTok."/></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="mailto:cataclock@proton.me"><img class="HeaderLink" src="Icons/EmailIcon.svg" alt="The icon for Email."/></a>
<a href="https://knowledge.crowdedgames.group">Knowledge</a>
<a href="https://codeberg.org/CatAClock/"><img class="HeaderLink" src="Icons/CodebergIcon.svg" alt="The logo for Codeberg."/></a>
<a href="https://git.crowdedgames.group"><img class="HeaderLink" src="Icons/ForgejoIcon.png" alt="The logo for Forgejo."/></a>
<a href="https://fedi.crowdedgames.group">Fediverse</a>
</section>
</header>
<!-- Sections for my links -->
<section class="ProjectSection">
<div class="SectionSolid"></div>
<a class="ProjectLink" href="http://git.crowdedgames.group/CatAClock/Files">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<h2>Gamify Life</h2>
<h3>Archive</h3>
<p>Trying to gamify life | Classic example of feature creep and scope creep</p>
</a>
</section>
<!-- Button Section -->
<img style="display: block; margin-left: auto; margin-right: auto;" src="Buttons/CrowdedGamesGroup.gif" alt="A button. It rapidly flashes CrowdedGames.Group"/>
<!-- Sections for my work -->
<section class="WorkSection">
<h2 style="margin: auto;" class="ProjectLink">Work Experience</h2>
<table>
<tr>
<th>Company</th>
<th>Time Worked</th>
<th>Day Started</th>
<th>Position</th>
</tr>
<tr>
<th>Camp 3 Falls</th>
<th>4 Weeks</th>
<th>23rd, June 2021</th>
<th>CIT (Countilor in Training)</th>
</tr>
<tr>
<th>Peace Lutherin Church</th>
<th>Almost 1 whole year</th>
<th>September 2021</th>
<th>Video Recorder & Camera Operator</th>
</tr>
</table>
<h2 style="margin: auto;" class="ProjectLink">Software Used</h2>
<p>Key: A = Beginner, B = Intermediate, C = Advanced, D = Master</p>
<table>
<tr>
<th>Piece of Software</th>
<th>Description</th>
<th>Proficiency</th>
</tr>
<tr>
<th>Unity Game Engine</th>
<th>The game engine has a lot of features. It can be used for almost anything. Knowing C# is important. Documentation is provided.</th>
<th>AB</th>
</tr>
<tr>
<th>Godot Engine</th>
<th>A super good engine. It is meant to make games, but interface software has been made for it (ex: my music maker). It has a big <em>free</em> software section and it is all open source.</th>
<th>BC</th>
</tr>
<tr>
<th>KDenLive</th>
<th>An Open Source video editing software, constantly being improved by KDE people. Free compositions and effects can be added from people who made them.</th>
<th>B</th>
</tr>
<tr>
<th>Geany</th>
<th>An Open Source text editing software. Used as an IDE. It's pretty good.</th>
<th>C</th>
</tr>
<tr>
<th>OBS Studio</th>
<th>An Open Source video recording and live streaming software.</th>
<th>B</th>
</tr>
<tr>
<th>Blender</th>
<th>An Open Source 3D modeling software, art software, video editor, animator, texture painter, sculptor... Lots of things.</th>
<th>B</th>
</tr>
<tr>
<th>Git</th>
<th>The ultimate version control software</th>
<th>B</th>
</tr>
</table>
<h2 style="margin: auto;" class="ProjectLink">Skills Known</h2>
<p>Key: A = Beginner, B = Intermediate, C = Advanced, D = Master</p>
<table>
<tr>
<th>Skill</th>
<th>Description</th>
<th>Proficiency</th>
</tr>
<tr>
<th>C++</th>
<th>A programming language.</th>
<th>AB</th>
</tr>
<tr>
<th>GD Script</th>
<th>A script that is in the Godot Engine.</th>
<th>CD</th>
</tr>
<tr>
<th>Rust</th>
<th>Imagine C but it is very memory safe & enforces good code writing.</th>
<th>A</th>
</tr>
</table>
</section>
<!-- Cat -->
<img class="Cat" src="CatPolygon.svg" alt="A complex SVG of a cat. It is very colorful and has no eyes."/>
<footer style="text-align: center; background-color: blue; color: white;">
<p>Please allow Autoplay and JavaScript in the browser. It doesn't break anything, just enhances the experience.</p>
<img src="Buttons/CatscapeMeow3.gif" alt="A button that looks like the Netscape Now button. The N has a tail. The text reads Catscape Meow.">
<img src="Buttons/NetscapeNow3.gif" alt="The classic Netscape button.">
<img src="Buttons/BoyKissNow3.gif" alt="A button that looks like the Netscape Now button. On the left, there is a boykisser going meow. The text says Boy Kiss Now.">
<img src="Buttons/FontsNowGo.gif" alt="A button that looks like the Netscape Now button. It says Fonts Now.">
<img src="Buttons/NekkoScape98Nyan.gif" alt="A button of a cat going back and forth before looking happy. The text says Nekko Scape 98 Nyan.">
</footer>
<!-- Load the script -->
<script src="script.js"></script>
</body>
</html>