Cleanup the frontpage.

Author: espenak

index.html

@@ -108,14 +108,26 @@ <h1>
 
     <div id="main">
 
-        <div class='cell'>
+        <div class='cell first-cell'>
             <div class="section">
                 <h2>About</h2>
                 Devilry is a system for handling electronic deliveries. The system is
                 designed to be flexible and customizable so that many different needs can be
                 met. Devilry is designed to work with all types of electronic deliveries.
             </div>
+            <div class="section">
+                <h2>Documentation</h2>
+                <p>
+                    <a href="https://devilry-userdoc.readthedocs.org">User docs</a> |
+                    <a href="https://devilry-deploy.readthedocs.org">Sysadmin docs</a> |
+                    <a href="https://devilry.readthedocs.org">Developer docs</a> |
+                    <a href="https://github.com/devilry/devilry-django/wiki">Wiki</a>.
+                </p>
+                <p>New developers may also want to take a look at the <a href="techintro.html">technical intro</a>.</p>
+            </div>
+        </div>
 
+        <div class="cell">
             <div class="section">
                 <h2>Get involved</h2>
                 The easiest way of contributing to Devilry is by submitting <strong>bugs and issues</strong> to
@@ -126,16 +138,6 @@ <h2>Get involved</h2>
                 <a href="https://github.com/devilry/devilry-django/wiki/Developer">
                     develop Devilry</a>.
             </div>
-        </div>
-
-        <div class="cell">
-            <div class="section">
-                <h2>Documentation</h2>
-                Most of the documentation is available through the <a href="https://github.com/devilry/devilry-django/wiki">Wiki</a>.
-                Developers may want to jump directly to the <a href="http://devilry.readthedocs.org">API docs at readthedocs.org</a>,
-                however new developers should check out <a href="techintro.html">technical intro</a>
-                and the Wiki first.
-            </div>
 
             <div class="section">
                 <h2>Source code and license</h2>

layout.css

@@ -46,3 +46,7 @@ div.section>h2 {
 .cell {
     display: table-cell;
 }
+
+.first-cell {
+    min-width: 300px;
+}