rework front page

[arvados.git] / doc / index.html

diff --git a/doc/index.html b/doc/index.html
index 760b0db9ce28f9486f5558c4a7ac6c1f972b1f71..392122b6f4b994ddf0c62c0abfeb84b32da19050 100644 (file)
--- a/doc/index.html
+++ b/doc/index.html
@@ -4,34 +4,40 @@ navsection: top
 title: Arvados Docs
 ---
 
-<div class="hero-unit">
-  <h1>Arvados</h1>
-  <p>This is the place where documentation is.</p>
+<div style="background: #fff; width: 1116px; height: 270px; background-image: url('images/doc-bg.png'); background-repeat: no-repeat; color: #fff; margin-top:-30px; margin-left:-10px; z-index: -1000;">
+  <div style="padding:100px 80px;">
+    <p style="font-size: 60px; font-family: Garland, serif;">ARVADOS</p>
+    <p style="font-size: 28px; margin-top: 1em;">manuals, guides, and references</p>
+  </div>
 </div>
 
-<div class="row">
-  <div class="span4">
-    <h2>Users</h2>
-
-    <p>Tutorials, examples, and reference materials for using the
-    Arvados API and tools.</p>
-
-    <p><a class="btn btn-primary" href="{{ site.baseurl }}/user/">User Guide &raquo;</a></p>
+<div style="height: 2em;"></div>
+<div style="display: table-row">
+  <div style="width: 50px; display: table-cell;">
   </div>
-
-  <div class="span4">
-    <h2>Administrators</h2>
-
-    <p>Some features are only available to privileged users.</p>
-
-    <p><a class="btn btn-primary" href="{{ site.baseurl }}/admin/">Administration Guide &raquo;</a></p>
+  <div style="width: 300px; display: table-cell;">
+    <p>This site contains documentation for the <a href="https://arvados.org/">Arvados platform</a>. The documentation is being developed as part of the open source project. It is a work in progress that has just gotten started. You can get involved by <a href="https://arvados.org/projects/arvados/wiki/Documentation">joining the documentation effort</a>.
   </div>
-
-  <div class="span4">
-    <h2>Installers</h2>
-
-    <p>How to set up a new Arvados site.</p>
-
-    <p><a class="btn btn-primary" href="{{ site.baseurl }}/install/">Installation Guide &raquo;</a></p>
+  <div style="width: 50px; display: table-cell;">
+    &nbsp;
+  </div>
+  <div style="width: 50px; display: table-cell; border-left:1px solid #bbb;">
+    &nbsp;
+  </div>
+  <div style="margin-left: 0px; width: 450px; display: table-cell;">
+    <div>
+      <p>
+        <a href="{{ site.baseurl }}/user/">User Guide</a> &mdash; How to manage data and do analysis with Arvados.
+      </p>
+      <p>
+        <a href="{{ site.baseurl }}/api/">API Reference</a> &mdash; Details about the Arvados APIs.
+      </p>
+      <p>
+        <a href="{{ site.baseurl }}/admin/">Admin Guide</a> &mdash; How to administer an Arvados system.
+      </p>
+      <p>
+        <a href="{{ site.baseurl }}/install/">Install Guide</a> &mdash; How to install Arvados on a cloud platform.
+      </p>
+    </div>
   </div>
 </div>