Glory scroll LOL

falconhoof · Jan 29, 2012 · 7c7fe6d · 7c7fe6d
1 parent a008b46
commit 7c7fe6d
Show file tree

Hide file tree

Showing 4 changed files with 130 additions and 23 deletions.
diff --git a/lib/views/index.erb b/lib/views/index.erb
@@ -1,67 +1,60 @@
-<ul class="media-grid" style="float:right; padding-left: 10px">
-  <li>
-    <a href="http://www.github.com/falconhoof/">
-      <img class="thumbnail" src="https://secure.gravatar.com/avatar/61cb4e26db611e5dcbe1f56d902fdfe4.png?s=110" width="110" height="110" alt="Lee Reilly" itemprop="photo">
-    </a>
-  </li>
-</ul>
+<img src="http://i.imgur.com/kwsCg.png">
+
+<h2>Introduction</h2>
 
 <p>
   This is the project page for <a href="http://www.github.com/falconhoof/">Team Falconhoof</a> and their <a href="http://globalgamejam.org/sites/2012/scottish-game-jam">Scottish Game Jam 2012</a> entry called <strong>Rebirth</strong>.
 </p>
 
 <h2>The Challenge</h2>
 <p>
-  Create a game based on the theme/image of the <a href="http://en.wikipedia.org/wiki/Ouroboros">Ouroboros</a>.
-</p>
+  The theme for 2012's Global Gem was to create a game based loosely on an <a href="http://globalgamejam.org/news/2012/01/27/and-ggj-2012-theme">image of an Ouroboros</a>.
 
 <h2>The Game</h2>
 
-<img src="http://i.imgur.com/YYc3f.png">
+Rebirth is a... [verbiage required]
 
 <h2>The Team</h2>
 
   <ul class="media-grid">
 
     <li>
       <a href="https://github.com/DavidFarrell">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/5c0a99ace47a098ee6b62f357309dc34?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/5c0a99ace47a098ee6b62f357309dc34?s=67" alt="">
       </a>
     </li>
 
     <li>
       <a href="https://github.com/allornothingJM">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/eefdbcafa32e5b168321e01394d8e8f7?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/eefdbcafa32e5b168321e01394d8e8f7?s=67" alt="">
       </a>
     </li>
 
     <li>
       <a href="https://github.com/hiddenninjaskills">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/f2129003088ae309ffec60f5b2b0b86c?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/f2129003088ae309ffec60f5b2b0b86c?s=67" alt="">
       </a>
     </li>
 
     <li>
       <a href="https://github.com/Harley82">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/79f49203735b934663fed9faf1802cad?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/79f49203735b934663fed9faf1802cad?s=67" alt="">
       </a>
     </li>
 
     <li>
       <a href="https://github.com/BigBearScot">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/fe9aaee6b67b4813ebe343b2082a9d4a?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/fe9aaee6b67b4813ebe343b2082a9d4a?s=67" alt="">
       </a>
     </li>
 
     <li>
       <a href="https://github.com/leereilly">
-        <img class="thumbnail" src="https://secure.gravatar.com/avatar/8058c2c00149cbe4104ddc9fa814443f?s=110" alt="">
+        <img class="thumbnail" src="https://secure.gravatar.com/avatar/8058c2c00149cbe4104ddc9fa814443f?s=67" alt="">
       </a>
     </li>
 
   </ul>
 
-<center>
-  <img src="http://i.imgur.com/aC8UG.jpg"><br/>
-  <img src="http://i.imgur.com/YVzx3.png"><br/>
-</center>
+<h2>Hack on it / contribute</h2>
+<p>The source code and installation instructions are available in the the <a href="https://www.github.com/falconhoof/">GitHub repositories</a>. Feel free to fork it, submit pull requests and make it bettr/fastr/strongr.</p>
diff --git a/lib/views/layout.erb b/lib/views/layout.erb
@@ -64,7 +64,7 @@
       <div class="topbar">
         <div class="fill">
           <div class="container">
-            <p class="brand" href="#">Falconhoof</p>
+            <a class="brand" href="/">Falconhoof</a>
             <ul class="nav">
               <li><a href="/play">Play</a></li>
               <li><a href="/high-scores">High Scores</a></li>

diff --git a/lib/views/two_column_layout.erb b/lib/views/two_column_layout.erb
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Falconhoof <%= @title %></title>
+    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
+
+    <style type="text/css">
+          /* Override some defaults */
+          html, body {
+            background-color: #eee;
+          }
+          body {
+            padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
+          }
+          .container > footer p {
+            text-align: center; /* center align it with the container */
+          }
+          .container {
+            width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
+          }
+
+          /* The white background content wrapper */
+          .content {
+            background-color: #fff;
+            padding: 20px;
+            margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
+            -webkit-border-radius: 0 0 6px 6px;
+               -moz-border-radius: 0 0 6px 6px;
+                    border-radius: 0 0 6px 6px;
+            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
+               -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
+                    box-shadow: 0 1px 2px rgba(0,0,0,.15);
+          }
+
+          /* Page header tweaks */
+          .page-header {
+            background-color: #f5f5f5;
+            padding: 20px 20px 10px;
+            margin: -20px -20px 20px;
+          }
+
+          /* Styles you shouldn't keep as they are for displaying this base example only */
+          .content .span10,
+          .content .span4 {
+            min-height: 500px;
+          }
+          /* Give a quick and non-cross-browser friendly divider */
+          .content .span4 {
+            margin-left: 0;
+            padding-left: 19px;
+            border-left: 1px solid #eee;
+          }
+
+          .topbar .btn {
+            border: 0;
+          }
+
+        </style>
+
+  </head>
+  <body>
+    <a href="http://github.com/falconhoof"><img style="position: absolute; top: 0; right: 0; border: 0; z-index:99999;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub"></a>
+      <div class="topbar">
+        <div class="fill">
+          <div class="container">
+            <a class="brand" href="/">Falconhoof</a>
+            <ul class="nav">
+              <li><a href="/play">Play</a></li>
+              <li><a href="/high-scores">High Scores</a></li>
+              <li><a href="/statistics">Statisitcs</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <div class="container">
+        <div class="content">
+          <div class="row">
+            <div class="span10">
+              <%= yield %>
+            </div>
+            <div class="span4">
+              <img src="http://i.imgur.com/E5ULN.jpg">
+              <img src="http://i.imgur.com/p2kyM.png">
+              <h3 style="float: right;">Glory Scroll</h3><br clear="all"/>
+              <ul class="media-grid" style="float:right; padding-right: 10px">
+                <li>
+                  <a href="http://www.github.com/falconhoof/">
+                    <img class="thumbnail" src="https://secure.gravatar.com/avatar/61cb4e26db611e5dcbe1f56d902fdfe4.png?s=60" width="60" height="60" alt="Lee Reilly" itemprop="photo">
+                  </a>
+                </li>
+              </ul>
+              <br clear="all"/>
+              <dl style="float: right;">
+                <% @scores.each do |score| %>
+                  <dt><%= score.user.username %></dt>
+                  <dd><%= score.score %></dd>
+                <% end %>
+              </dl>
+            </div>
+          </div>
+        </div>
+
+        <footer>
+          <p><a href="https://github.com/falconhoof">Open sourced on GitHub</a></p>
+        </footer>
+
+      </div> <!-- /container -->
+
+    </body>
+  </body>
+</html>
diff --git a/lib/web.rb b/lib/web.rb
@@ -2,8 +2,9 @@ module Falconhoof
   class Web < Sinatra::Base
 
     get '/' do
-      @title = "Greetings Traveler!"
-      erb :index
+      @title = "Rebirth"
+      @scores = Score.order(:score.desc).limit(3)
+      erb :index, {:layout => :two_column_layout}
     end
 
     get '/high-scores/?' do