Sprucing up the footer and reorganizing static pages a bit

app/views/layouts/application.html.erb

@@ -54,16 +54,15 @@
       </div>
       <div class="prefix_1 grid_10 suffix_1 footer">
         <div class="links">
-          <%= link_to "Blog", "http://update.gemcutter.org" %>
+          <%= link_to "About", page_url("about") %>
+          <%= link_to "Docs", page_url("docs") %>
           <%= link_to "FAQ", page_url("faq") %>
+          <%= link_to "Blog", "http://update.gemcutter.org" %>
           <%= link_to "Discuss", "http://groups.google.com/group/gemcutter" %>
           <%= link_to "Code", "http://github.com/qrush/gemcutter" %>
           <%= link_to "Status", "http://twitter.com/rubygemcutter" %>
-          <%= link_to "Builds", "http://runcoderun.com/qrush/gemcutter" %>
-          <%= link_to "API Docs", page_url("api_docs") %>
-          <%= link_to "Gem Docs", page_url("gem_docs") %>
-          <%= link_to image_tag('thoughtbot.png'), "http://thoughtbot.com", :title => "Designed by Thoughtbot", :id => "thoughtbot" %>
-          <%= link_to image_tag('heroku.png'), "http://heroku.com", :title => "Hosted on Heroku", :id => "heroku" %>
+          <%= link_to "designed by #{image_tag('thoughtbot.png')}", "http://thoughtbot.com", :title => "Designed by Thoughtbot", :id => "thoughtbot" %>
+          <%= link_to "hosted on #{image_tag('heroku.png')}", "http://heroku.com", :title => "Hosted on Heroku", :id => "heroku" %>
         </div>
       </div>
     </div>

app/views/pages/about.html.erb

@@ -0,0 +1,19 @@
+<% @title = "About" %>
+<% @subtitle = "what this is" %>
+<p>
+  Welcome to Gemcutter, the Ruby community's new way to host gems. The purpose of this project is three-fold:
+</p>
+  <ol>
+    <li>* Provide a better API for dealing with gems</li>
+    <li>* Create more transparent and accessible project pages</li>
+    <li>* Enable the community to improve and enhance the site</li>
+  </ol>
+<p>
+  The project was started in April 2009 by Nick Quaranto, and has since grown to include the contributions of over 15 Rubyists and thousands of gem downloads.
+</p>
+<p>
+  Although Gemcutter is not run by one specific company, plenty have helped us out so far. The current design of the site was sponsored by <%= link_to "Thoughtbot", "http://thoughtbot.com" %>. The site itself is hosted on <%= link_to "Heroku", "http://heroku.com" %>, and they have donated resources for us to use. <%= link_to "GitHub", "http://github.com" %> has also been invaluable for helping us collaborate and share code easily.
+</p>
+<p>
+Some insights into the technical aspects of the site: It's 100% Ruby. The main site is a <%= link_to "Rails", "http://rubyonrails.org" %> application, and the RubyGem serving is done through <%= link_to "Sinatra", "http://www.sinatrarb.com" %>. Gems are hosted on <%= link_to "Amazon S3", "http://aws.amazon.com/s3/" %>, and the time between publishing a new gem and having it ready for installation is minimal. For more info, <%= link_to "please check out the code", "http://github.com/qrush/gemcutter" %>, which is <%= link_to "MIT licensed", "http://www.opensource.org/licenses/mit-license.php" %> over at GitHub.
+</p>

app/views/pages/docs.html.erb

@@ -0,0 +1,16 @@
+<% @title = "Docs" %>
+<% @subtitle = "yeah, we got 'em" %>
+<p>
+  <strong><%= link_to "Gem Docs", page_url("gem_docs") %></strong> Use the Gemcutter gem to publish your own RubyGems and more.
+</p>
+<p>
+  <strong><%= link_to "API Docs", page_url("api_docs") %></strong>
+  Learn to use the Gemcutter API to interact in new ways with your RubyGems.
+</p>
+<p>
+  <strong><%= link_to "RubyGem Docs", "http://docs.rubygems.org" %></strong>
+  Read up on the RubyGem specification and how to use RubyGems.
+</p>
+<p>
+  Know of more great RubyGem documentation sources? <%= link_to "Fork away", "http://github.com/qrush/gemcutter" %> and add your own!
+</p>

public/stylesheets/screen.css

@@ -739,14 +739,26 @@ body {
 
 .footer .links #thoughtbot {
   float: right;
+  font-size: 0.9em;
+  text-align: right;
+  margin-top: -25px;
 }
 
 .footer .links #heroku {
+  text-align: right;
+  margin-top: -25px;
+  font-size: 1em;
   float: right;
   margin-right: 25px;
   margin-bottom: 20px;
 }
 
+.footer .links #thoughtbot img,
+.footer .links #heroku img {
+  padding-top: 5px;
+  display: block;
+}
+
 .footer a:hover {
   text-decoration: underline;
 }