some polish on the welcome page

public/default.html

@@ -34,6 +34,51 @@
         font-family: 'helvetica';
       }
 
+      #links {
+        margin: 0;
+        padding: 0;
+      }
+      #links .section {
+        margin: 0;
+        padding: 0;
+        display: inline-block;
+        vertical-align: top;
+        width: 24%;
+        max-width: 24%;
+      }
+
+      code {
+        background-color: #D9FFA9;
+      }
+
+      #login-link {
+        float: right;
+        padding: 3px 5px;
+        background: #f0f0f0;
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        font-weight: bold;
+      }
+
+      #login-link:hover{
+        text-decoration: none;
+        background-color: #fff;
+      }
+
+      #change-page {
+        color: #999;
+        text-align: center;
+        font-style: italic;
+      }
+
+      #change-page code {
+        background: none;
+      }
+
+      footer .container {
+        margin-top: 15px;
+      }
+
     </style>
   </head>
 
@@ -41,6 +86,7 @@
     <div id="page">
       <div id="contentr">
         <div id="header" style="margin-bottom:24px;">
+          <a id="login-link" href="login">Log In</a>
           <img src='images/logo_caps.png'/>
         </div>
 
@@ -60,21 +106,21 @@
 
           <ol id="steps">
             <li>
-              <h2>Configure your <abbr title="Diaspora installation">pod</abbr></h2>
+              <h2>Configure your <abbr title="A Diaspora installation">pod</abbr></h2>
               <img src='images/icons/cog.png'/>
-              <p>Look at <strong>config/app_config.yml.example</strong> for help.</p>
+              <p>Look at <code title='General application configuration (photo uploads, SSL certs, etc.)'>config/app_config.yml.example</code> and <code title="mySQL username/password">config/database.yml.example</code> for help.</p>
             </li>
 
             <li>
               <h2>Try it out</h2>
               <img src='images/icons/smiley_laughing.png'/>
-              <p>login form ??</p>
+              <p>Start by <a href="users/sign_up">creating an account</a>.</p>
             </li>
 
             <li>
-              <h2>Make a contribution</h2>
+              <h2>Make a contribution!</h2>
               <img src='images/icons/pen_write.png'/>
-              <p>It's people like you who are going to make Diaspora great.  a link to <a href="http://github.com/diaspora/diaspora/" title="github">github</a>.</p>
+              <p>Make Diaspora even better!  Fork the project on <a href="http://github.com/diaspora/diaspora/" title="github">github</a>, make some changes, and submit a pull request.</p>
             </li>
           </ol>
         </div>
@@ -84,17 +130,40 @@
       <br>
 
       <hr>
+
+      <br>
+
+
       <h3>Useful Resources</h3>
-      <ul class="links">
+      <ul id="links">
-        <li><a href="http://github.com/diaspora/diaspora/" title="github">Codebase</a></li>
+        <ul class="section">
-        <li><a href="http://github.com/diaspora/diaspora/wiki" title="wiki">Documentation</a></li>
+          <li><strong><a href="http://github.com/diaspora/diaspora/" title="Git repository">Codebase</a></strong></li>
-        <li><a href="http://webchat.freenode.net/?channels=diaspora" title="IRC">IRC</a></li>
+          <li><strong><a href="http://github.com/diaspora/diaspora/wiki" title="Wiki on github">Documentation</a></strong></li>
-        <li><a href="http://bugs.joindiaspora.com/" title="bug tracker">Find/Report bugs</a></li>
+          <br>
-        <li><a href="http://groups.google.com/group/diaspora-discuss" title="mailing list">General Discussion</a></li>
+          <li><a href="http://bugs.joindiaspora.com/" title="Bug tracker">Find & Report bugs</a></li>
-        <li><a href="http://groups.google.com/group/diaspora-dev" title="mailing list">Development Discussion</a></li>
+        </ul>
-        <li><a href="http://getsatisfaction.com/diaspora/" title="get satisfaction">User Feedback</a></li>
+        <ul class="section">
-        <li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
+          <li><a href="http://webchat.freenode.net/?channels=diaspora" title="#diaspora">IRC - General</a></li>
+          <li><a href="http://webchat.freenode.net/?channels=diaspora-dev" title="#diaspora-dev">IRC - Development</a></li>
+        </ul>
+        <ul class="section">
+          <li><a href="http://groups.google.com/group/diaspora-discuss" title="General discussion mailing list">Discussion - General</a></li>
+          <li><a href="http://groups.google.com/group/diaspora-dev" title="Dev mailing list">Discussion - Development</a></li>
+        </ul>
+        <ul class="section">
+          <li><a href="http://getsatisfaction.com/diaspora/" title="Get Satisfaction">User Feedback</a></li>
+          <li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
+        </ul>
       </ul>
     </div>
+
+    <br>
+    <br>
+
+    <hr>
+
+    <div id="change-page">
+      This page can be changed to a custom landing page by creating <code>app/views/home/_show.html.haml</code>
+    </div>
   </body>
 </html>