This repository has been archived on 2025-01-29. You can view files and clone it, but cannot push or open issues or pull requests.
Zakarya affe6bc585 Many changes to the website
Overhauled the mobile page menu to actually be intuitive
Fixed the video download menu (dark theme and a typo)
Head tags are now consistent between pages
Added alt texts to all images, and proper HTML formatting
A few wording changes here and there
A new link to Colormatic Git
2025-01-14 13:40:43 -08:00

73 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/jquery.js"></script>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/colormaticstudios.css">
<link rel="icon" type="image/svg" href="/img/colormatic_logo.svg">
<title>Colormatic Studios</title>
<script>
$(document).ready(function(){
$("#navbar").load("/component/navbar.html");
$("#footer").load("/component/footer.html");
});
</script>
</head>
<body>
<div id="particle-container"></div>
<script src="/js/bg.js"></script>
<header id="navbar"></header>
<main>
<div class="heading"><h1>Colormatic Studios</h1></div>
<div class="project-grid-container">
<div class="project-grid-box panel">
<h1><a href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person" target="_blank" rel="noopener noreferrer">Quality First Person Controller</a></h1>
<div class="project-grid-box-contents">
<img src="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person/raw/branch/main/icon.svg" />
<p>An actually good first person controller for the Godot Engine.</p>
</div>
</div>
<div class="project-grid-box panel">
<h1>A Silly Game</h1>
<div class="project-grid-box-contents">
<img src="/studios/img/hatcat.webp" />
<p>This is a silly little game project to get us started.</p>
</div>
</div>
<div class="project-grid-box panel">
<h1>ColorQuest</h1>
<div class="project-grid-box-contents">
<img src="/studios/img/colorquest.png" class="pixelart" />
<p>A simple MMORPG in your browser.</p>
</div>
</div>
</div>
<div class="hero panel">
<h1>Links:</h1>
<div class="double-linktree">
<ul class="linktree">
<li><a href="https://mastodon.social/@colormaticstudios" target="_blank" rel="noopener noreferrer">Mastodon</a></li>
<li><a href="https://www.instagram.com/colormaticstudios/" target="_blank" rel="noopener noreferrer">Instagram</a></li>
<li><a href="https://www.youtube.com/@colormaticstudios" target="_blank" rel="noopener noreferrer">Youtube</a></li>
</ul>
<ul class="linktree">
<li><a href="https://github.com/ColormaticStudios" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<li><a href="https://bsky.app/profile/colormaticstudios.bsky.social" target="_blank" rel="noopener noreferrer">Bluesky</a></li>
<li><a href="https://x.com/ColormaticStudy" target="_blank" rel="noopener noreferrer">X/Twitter</a></li>
</ul>
</div>
</div>
</main>
<div style="margin-top: 5%;"></div><!-- Separator -->
<footer id="footer"></footer>
</body>
</html>