Cleans up presentation on main page

dist/index.html

@@ -26,6 +26,32 @@
   <h1>Ludum Dare 38</h1>
   </div>
   <div id="game-container" class="game-container"></div>
-  <div class="footer"></div>
+  <div class="game-details">
+    <h1>ＦＩＳＨＷＯＲＬＤ</h1>
+    <h2>Theme: A Small World</h2>
+    <a class="link" href="https://ldjam.com/events/ludum-dare/38/$18610">Ludum Dare Page</a><br>
+    <a class="link" href="https://github.com/randonia/ld38/">GitHub</a>
+    <ul>
+      <li><strong>Arrow Keys</strong> - Movement</li>
+      <li><strong>F</strong> - Interact
+        <ul>
+          <li>Interact with fish habitats to start fishing.
+            <ul>
+              <li>Note: <strong>You can only carry 3 fish before returning to your restaurant for storage</strong></li>
+            </ul>
+          </li>
+          <li>Interact with your restaurant to deposit fish from the day's catch</li>
+        </ul>
+      </li>
+      <li><strong>E</strong> - Reel in Fish
+        <ul>
+          <li>When you're fishing, use E to move your fishing gauge up and release to let it fall down. Keep the fish inside the gauge to catch it! Don't let it stay outside the gauge tooo long</li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+  <div class="footer">
+    Hi
+  </div>
 </body>
 </html>

dist/style.css

@@ -21,9 +21,32 @@ h1 {
   text-shadow: 1px 1px 2px black;
 }
 
+.link {
+  color: white;
+}
+
+.link:hover {
+  color: white;
+}
+
+.link:visited {
+  color: white;
+}
+
 .game-container {
   height: 250px;
   width: 400px;
   margin: 0px auto;
   outline: 1px solid #0095ff;
 }
+
+.game-details {
+  height: 400px;
+  width: 400px;
+  margin: 0px auto;
+  color: #0095ff;
+}
+
+.footer {
+  text-align: center;
+}