From cc3565304146d06cdf5c45c8ab9fd70b3dd6960e Mon Sep 17 00:00:00 2001
From: array-in-a-matrix <nova.neutrino@protonmail.com>
Date: Wed, 11 Aug 2021 19:24:35 -0400
Subject: [PATCH] theme matched eternal space game page

---
 index/games/RPS/index.html          |   1 +
 index/games/eternalspace/index.html | 186 ++++++++++++++++------------
 2 files changed, 109 insertions(+), 78 deletions(-)
diff --git a/index/games/RPS/index.html b/index/games/RPS/index.html
index 758816d..64d8c43 100644
--- a/index/games/RPS/index.html
+++ b/index/games/RPS/index.html
@@ -13,6 +13,7 @@
       <h2 class="project-tagline">Made using Javascript.</h2>
 
       <a href="/" class="btn">Home</a>
+      <a href="/index/games/" class="btn">Games</a>
     </header>
 
     <main id="content" class="main-content" role="main">
diff --git a/index/games/eternalspace/index.html b/index/games/eternalspace/index.html
index 54b81a7..3e6b66f 100644
--- a/index/games/eternalspace/index.html
+++ b/index/games/eternalspace/index.html
@@ -1,85 +1,115 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <!-- Generated by GameMaker:Studio http://www.yoyogames.com/gamemaker/studio -->
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <meta http-equiv="pragma" content="no-cache"/>
-        <meta name="apple-mobile-web-app-capable" content="yes" />
-        <meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-        <meta charset="utf-8"/>
+  <head>
+    <!-- Generated by GameMaker:Studio http://www.yoyogames.com/gamemaker/studio -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="pragma" content="no-cache" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+    />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+    <meta charset="utf-8" />
+    <link rel="stylesheet" type="text/css" href="/style/style.css" />
 
-        <!-- Set the title bar of the page -->
-        <title>Eternal Space</title>
+    <!-- Set the title bar of the page -->
+    <title>Eternal Space</title>
 
-        <!-- Set the background colour of the document -->
-        <style>
-            body {
-              background: #0;
-              color:#cccccc;
-              margin: 0px;
-              padding: 0px;
-              border: 0px;
-            }
-            canvas {
-                      image-rendering: optimizeSpeed;
-                      -webkit-interpolation-mode: nearest-neighbor;
-                      -ms-touch-action: none;
-                      margin: 0px;
-                      padding: 0px;
-                      border: 0px;
-            }
-            :-webkit-full-screen #canvas {
-                 width: 100%;
-                 height: 100%;
-            }
-            div.gm4html5_div_class
-            {
-              margin: 0px;
-              padding: 0px;
-              border: 0px;
-            }
-            /* START - Login Dialog Box */
-            div.gm4html5_login
-            {
-                 padding: 20px;
-                 position: absolute;
-                 border: solid 2px #000000;
-                 background-color: #404040;
-                 color:#00ff00;
-                 border-radius: 15px;
-                 box-shadow: #101010 20px 20px 40px;
-            }
-            div.gm4html5_cancel_button
-            {
-                 float: right;
-            }
-            div.gm4html5_login_button
-            {
-                 float: left;
-            }
-            div.gm4html5_login_header
-            {
-                 text-align: center;
-            }
-            /* END - Login Dialog Box */
-            :-webkit-full-screen {
-               width: 100%;
-               height: 100%;
-            }
-        </style>
-    </head>
+    <!-- Set the background colour of the document -->
+    <style>
+      body {
+        background: #0;
+        color: #cccccc;
+        margin: 0px;
+        padding: 0px;
+        border: 0px;
+      }
+      canvas {
+        image-rendering: optimizeSpeed;
+        -webkit-interpolation-mode: nearest-neighbor;
+        -ms-touch-action: none;
+        margin: 0px;
+        padding: 0px;
+        border: 0px;
+      }
+      :-webkit-full-screen #canvas {
+        width: 100%;
+        height: 100%;
+      }
+      div.gm4html5_div_class {
+        margin: 0px;
+        padding: 0px;
+        border: 0px;
+      }
+      /* START - Login Dialog Box */
+      div.gm4html5_login {
+        padding: 20px;
+        position: absolute;
+        border: solid 2px #000000;
+        background-color: #404040;
+        color: #00ff00;
+        border-radius: 15px;
+        box-shadow: #101010 20px 20px 40px;
+      }
+      div.gm4html5_cancel_button {
+        float: right;
+      }
+      div.gm4html5_login_button {
+        float: left;
+      }
+      div.gm4html5_login_header {
+        text-align: center;
+      }
+      /* END - Login Dialog Box */
+      :-webkit-full-screen {
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+  </head>
 
-    <body>
-        <div class="gm4html5_div_class" id="gm4html5_div_id">
-            <!-- Create the canvas element the game draws to -->
-            <canvas id="canvas" width="1500" height="800"  style="position: absolute; top: 50%; left: 50%; bottom: -50%; right: -50%; transform: translate(-50%, -50%);" >
-                     <p>Your browser doesn't support HTML5 canvas.</p>
-            </canvas>
-        </div>
+  <body>
+    <header class="page-header" role="banner">
+      <h1 class="project-name">Eternal Space</h1>
+      <h2 class="project-tagline">
+        My submission to the Opera GX + GameMaker game jam.
+      </h2>
 
-        <!-- Run the game code -->
-        <script type="text/javascript" src="html5game/Opera GX + GameMaker game jam  - Eternal Space.js?MDKYB=718544636"></script>
-        <script>window.onload = GameMaker_Init;</script>
-    </body>
+      <a href="/" class="btn">Home</a>
+      <a href="/index/games/" class="btn">Games</a>
+    </header>
+
+    <div class="gm4html5_div_class" id="gm4html5_div_id" style="
+    position: absolute;
+    top: 75%;
+    left: 50%;
+    /* bottom: -50%; */
+    right: -50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    padding-bottom: 2.5rem;
+  ">
+      <!-- Create the canvas element the game draws to -->
+      <canvas
+        id="canvas"
+        width="1500"
+        height="800"
+      >
+        <p>Your browser doesn't support HTML5 canvas.</p>
+      </canvas>
+    </div>
+
+    <!-- Run the game code -->
+    <script
+      type="text/javascript"
+      src="html5game/Opera GX + GameMaker game jam  - Eternal Space.js?MDKYB=718544636"
+    ></script>
+    <script>
+      window.onload = GameMaker_Init;
+    </script>
+  </body>
 </html>
