[ui] content updates

public/css/index.css

@@ -216,6 +216,18 @@ td { vertical-align: top; }
   z-index: 99;
 }
 
+a.github {
+  position: relative;
+  top: -2px;
+  border-radius: 2px;
+  background-color: #999;
+  color: #fff;
+  text-decoration: none;
+  padding: 2px;
+  font-size: 10px;
+  box-shadow: 0px 0px 1px #000;
+  margin-left: 4px;
+}
 
 #diagram #diagram_routing { top: 20px; left: 20px; }
 #diagram #diagram_middleware { top: 35px; left: 110px; height: 140px; width: 140px; }
@@ -243,6 +255,7 @@ td { vertical-align: top; }
   font-size: 18px;
   color: #168fd4;
   margin-bottom: 4px;
+  display: inline;
   text-shadow: 1px 1px 0 #ddd;
 }
 

public/index.html

@@ -78,7 +78,7 @@ <h1>inside the framework</h1>
       <div class="end-section"></div>
 
       <header>
-        <h1>routing</h1>
+        <h1>routing</h1><a href="http://github.com/flatiron/sugarskull" class="github">GITHUB</a><br/>
          make directing trafic simple by centralizing your routing into a table. sugarskull works on the client and the server.
       </header>
 
@@ -105,7 +105,7 @@ <h1 id="routing">sugarskull ★ full featured routing</h1>
       <div class="end-section"></div>
 
       <header>
-        <h1>middleware</h1>
+        <h1>middleware</h1><a href="http://github.com/flatiron/union" class="github">GITHUB</a><br/>
         A hybrid buffered / streaming middleware kernel backwards compatible with connect. 
       </header>
 
@@ -134,7 +134,7 @@ <h1 id="middleware">union ★ minimalist middleware</h1>
       <div class="end-section"></div>
 
       <header>
-        <h1>templating</h1>
+        <h1>templating</h1><a href="http://github.com/flatiron/plates" class="github">GITHUB</a><br/>
         A simple, unobtrusive templating solution that keeps the trash/placeholders out of your html. 
       </header>
 
@@ -155,7 +155,7 @@ <h1 id="templating">plates ★ unobtrusive data binding for markup</h1>
       <div class="end-section"></div>
 
       <header>
-        <h1>odm</h1>
+        <h1>odm</h1><a href="http://github.com/flatiron/resourceful" class="github">GITHUB</a><br/>
         A storage agnostic resource-oriented ODM for building prototypical models with validation and sanitization.
       </header>
 
@@ -193,7 +193,7 @@ <h1 id="odm">resourceful ★ object document mapping</h1>
       <div class="end-section"></div>
 
       <header>
-        <h1>composition</h1>
+        <h1>composition</h1><a href="http://github.com/flatiron/broadway" class="github">GITHUB</a><br/>
         Lightweight application extensibility and composition with a twist of feature reflection.
       </header>
 
@@ -220,7 +220,7 @@ <h1 id="composition">broadway ★ simple glue for components</h1>
 
           "init": function init(callback) {
             // Called on application initialization
-            // App#init(callback) will be called once every plugin will call `callback`
+            // App#init(callback) called once every plugin will call `callback`
             // `this` - is a reference to application
           }
         };