Anonymous avatar Anonymous committed d2678fa

Make Gemooy page less terrible.

Comments (0)

Files changed (2)

data/exhibits.yaml

   commentary: |
     If this game doesn't seem too impressive to you, try to remember, it's
     only two kilobytes of code!  These days you can't even sneeze in less
-    than a megabyte,
+    than a megabyte.
 
 ### Esolangs ###
 

templates/Gemooy in HTML5.html

 
 {% block extra_head %}
   <style>
-#canvas { border: 1px solid blue; }
+#canvas {
+  border: 1px solid blue;
+  background: white;
+}
 #canvas_viewport {
-    width: 420px; height: 420px; overflow: scroll; border: 1px solid black;
-    display: inline-block;
+  width: 420px; height: 420px; overflow: scroll; border: 1px solid black;
+  display: inline-block;
 }
-#info { float: right; }
+#program {
+  font-family: "Lucida Console", Console, monospace;
+}
   </style>
 {% endblock extra_head %}
 
 {% block content %}
 <!DOCTYPE html>
-<p id="info">
-Gemooy on:
-<a href="http://catseye.tc/node/Gemooy.html">catseye.tc</a> |
-<a href="https://github.com/catseye/Gemooy">github</a> |
-<a href="http://esolangs.org/wiki/Gemooy">esolangs wiki</a>
-</p>
+<h1>Gemooy</h1>
 
-<h1>Gemooy
-<button id="load">Load</button>
-<button id="start">Start</button>
-<button id="stop">Stop</button>
-</h1>
-
-<div id="canvas_viewport">
-  <canvas id="canvas" width="400" height="400">
-    Your browser doesn't support displaying an HTML5 canvas.
-  </canvas>
-</div>
-
-<textarea id="program" rows="25" cols="40">
+<div class="row-fluid">
+  <div class="span4">
+    <textarea id="program" rows="25" cols="40">
 %   @@   @@
 #  @  $    @
        @
     @     @@
 #  @ @    @
 @   @   @
-</textarea>
+    </textarea>
+  </div>
+  <div class="span8">
+    <button id="load">Load</button>
+    <button id="start">Start</button>
+    <button id="stop">Stop</button><br/>
+    <div id="canvas_viewport">
+      <canvas id="canvas" width="400" height="400">
+        Your browser doesn't support displaying an HTML5 canvas.
+      </canvas>
+    </div>
+  </div>
+</div>
 
 {% endblock %}
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.