Move join links from sidebar into the top menu.

assets/scripts/app/templates/layouts/sidebar.hbs

@@ -6,12 +6,3 @@
 
 {{view view.LinksView}}
 
-<div id="about" class="box">
-  <h4>{{t layouts.about.join}}</h4>
-  <ul>
-    <li>{{t layouts.about.repository}}: <a href="http://github.com/travis-ci">GitHub</a></li>
-    <li>{{t layouts.about.twitter}}: <a href="http://twitter.com/travisci">@travisci</a></li>
-    <li>{{t layouts.about.mailing_list}}: <a href="http://groups.google.com/group/travis-ci">travis-ci</a></li>
-    <li><a href="irc://irc.freenode.net#travis">irc.freenode.net#travis</a></li>
-  </ul>
-</div>

assets/scripts/app/templates/layouts/top.hbs

@@ -20,6 +20,17 @@
   <li>
     <a href="http://status.travis-ci.com">{{t layouts.top.status}}</a>
   </li> 
+  <li class="menu community">
+    <p class="handle">
+      <a href="#">Community</a>
+    </p>
+    <ul>
+      <li><a href="https://github.com/travis-ci">GitHub</a></li>
+      <li><a href="https://twitter.com/travisci">{{t layouts.about.twitter}}</a></li>
+      <li><a href="https://groups.google.com/group/travis-ci">{{t layouts.about.mailing_list}}</a></li>
+      <li><a href="irc://irc.freenode.net#travis">IRC</a></li>
+    </ul>
+  </li>
   <li {{bindAttr class="view.classProfile"}}>
     <p class="handle">
       <a class="signed-out" href="#" {{action signIn target="Travis"}}>{{t layouts.top.github_login}}</a>

assets/styles/top.sass

@@ -60,6 +60,9 @@
         &:hover
           background-color: $color-bg-dropdown-highlight
 
+  .menu.community
+    min-width: 120px
+
   .menu.profile
     float: right