[community] Use left-side nav, restructure page.

This update to the community page is a prototype of doing something similar with other pages on the site, notably the documentation index page.
cgay · Mar 10, 2013 · 23946a9 · 23946a9
1 parent 49bd8f8
commit 23946a9
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/documentation/website/source/_themes/opendylan/static/opendylan.org/css/opendylan.css b/documentation/website/source/_themes/opendylan/static/opendylan.org/css/opendylan.css
@@ -21,6 +21,10 @@ footer.navbar {
   margin-top: 20px;
   margin-bottom: 0;
 }
+.section h2 {
+  padding-top: 50px;
+  margin-top: 0px;
+}
 /* Make the headerlink less obnoxiously visible */
 a.headerlink {
   color: silver;

diff --git a/documentation/website/source/community/index.rst b/documentation/website/source/community/index.rst
@@ -1,10 +1,26 @@
+.. raw:: html
+
+  <div class="row">
+    <div class="span3 bs-docs-sidebar">
+      <ul class="nav nav-list bs-docs-sidenav" data-spy="affix">
+        <li><a href="#development"><i class="icon-chevron-right"></i> Development</a></li>
+        <li><a href="#the-dylan-irc-channel"><i class="icon-chevron-right"></i> IRC Channel</a></li>
+        <li><a href="#newsgroup-comp-lang-dylan"><i class="icon-chevron-right"></i> Newsgroup</a></li>
+        <li><a href="#mailing-lists"><i class="icon-chevron-right"></i> Mailing Lists</a></li>
+        <li><a href="#other-sites"><i class="icon-chevron-right"></i> Other sites</a></li>
+      </ul>
+    </div>
+    <div class="span9">
+
 *********
 Community
 *********
 
 Here are some resources for keeping up with what's going on in the Dylan hacker
 community...
 
+.. _development::
+
 Development
 ===========
 
@@ -15,6 +31,8 @@ Development
 - `How to contribute </documentation/hacker-guide/contribute.html>`_
 - `Ideas for Google Summer of Code - 2012 <gsoc/2012/index.html>`_
 
+.. _irc::
+
 The #dylan IRC channel
 ======================
 
@@ -29,6 +47,8 @@ To discuss coding issues you can paste your code to the #dylan channel via
 http://paste.lisp.org/new/dylan or any other pastebin site.  See previous
 pastes here: http://paste.lisp.org/list/dylan
 
+.. _newsgroup::
+
 Newsgroup comp.lang.dylan
 =========================
 
@@ -77,3 +97,7 @@ Other sites:
 - `Google Plus <https://plus.google.com/109036375650377247852>`_
 - `Stack Overflow <http://stackoverflow.com/questions/tagged/dylan>`_
 
+.. raw:: html
+
+    </div>
+  </div>