thomas
/
Duality
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

improve html page

Thomas B 1 month ago
parent
42937ee62f
commit
691d745755
1 changed files with 32 additions and 4 deletions
Split View Show Diff Stats
  1. 32
    4
      docs/index.html

+ 32
- 4
docs/index.html View File 

@@ -1,16 +1,44 @@
1 1 
 <html>
2 2 
     <head>
3 3 
         <style>
4 
-            body, html {
5 
-                margin: 0;
6 
-                padding: 0;
4 
+            #wrap, #text {
5 
+                width: 100%;
6 
+                height: 100%;
7 
+                max-width: 640px;
8 
+                max-height: 480px;
9 
+                margin: auto;
10 
+                text-align: center;
11 
+            }
12 
+            #controls {
13 
+                margin: 0px auto;
14 
+            }
15 
+            @media (prefers-color-scheme: dark) {
16 
+                body, #wrap, #text {
17 
+                    background-color: #111111;
18 
+                    color: #FFFFFF;
19 
+                }
7 20 
             }
8 21 
         </style>
9 22 
     </head>
10 23 
     <body>
11 
-        <div style="width:100%;height:100%;max-width:100%">
24 
+        <div id="wrap">
12 25 
             <div id="game"></div>
13 26 
         </div>
27 
+        <div id="text">
28 
+            <h1>Duality</h1>
29 
+            <p>A GameBoy (Color) port of the GTA San Andreas arcade game Duality.</p>
30 
+            <table id="controls" border="1">
31 
+                <tr><th>Key</th><th>Action</th></tr>
32 
+                <tr><td>Arrow Left</td><td>Rotate Left</td></tr>
33 
+                <tr><td>Arrow Right</td><td>Rotate Right</td></tr>
34 
+                <tr><td>Z</td><td>Accelerate</td></tr>
35 
+                <tr><td>X</td><td>Shoot</td></tr>
36 
+            </table>
37 
+            <hr>
38 
+            <p>Download the <a href="https://xythobuz.github.io/Duality/duality.gb">ROM</a>!</p>
39 
+            <p>Get the source code on <a href="https://github.com/xythobuz/Duality">GitHub</a>.</p>
40 
+            <p>Emulation supported by <a href="https://emulatorjs.org">EmulatorJS</a>.</p>
41 
+        </div>
14 42 
         <script>
15 43 
             EJS_player = "#game";
16 44 
             EJS_core = "gb";

Write Preview
Loading…
Cancel
Save