<!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="icon" type="image/svg" href="/img/colormatic_logo.svg">
    <title>Colormatic</title>

    <script>
$(document).ready(function(){
  $("#navbar").load("/component/navbar.html")
})
$(document).ready(function(){
  $("#footer").load("/component/footer.html")
})
    </script>
  </head>
  <body>
    <header id="navbar"></header>
    <div style="margin-top: 10%;"></div><!-- Separator -->

    <main>
      <div class="heading">Featured Colormatic Studios Projects:</div>
      <div class="hero">
        <h1><a href="https://github.com/ColormaticStudios/quality-godot-first-person-2" target="_blank" rel="noopener noreferrer">Quality First Person Controller</a></h1>
        <p>An actually good first person controller for the Godot Engine.</p>
      </div>
      <div class="hero">
        <h1>ColorQuest</h1>
        <p>A simple MMORPG in your browser.</p>
        <p>Currently in <a href="https://en.wikipedia.org/wiki/Software_release_life_cycle#Pre-alpha" target="_blank" rel="noopener noreferrer">pre-alpha</a>.</p>
        <p>Not yet public.</p>
      </div>
    </main>

    <div style="margin-top: 10%;"></div><!-- Separator -->
    <footer id="footer"></footer>
  </body>
</html>