website improvements and fixes?
This commit is contained in:
parent
6415cc63c0
commit
69615d655c
2 changed files with 78 additions and 64 deletions
45
index.css
45
index.css
|
@ -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;
|
||||
}
|
||||
margin-top: -2px;
|
||||
margin-bottom: -3px;
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
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;
|
||||
|
|
95
index.html
95
index.html
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue