From 3b8524d87b357ee7f8636ee927f1881bc413e630 Mon Sep 17 00:00:00 2001
From: Felipe Martin <fmartingr@me.com>
Date: Sat, 24 May 2014 10:38:31 +0200
Subject: [PATCH] WIP Landing page Tap #10

---
 .../themes/bootflat/static/less/fixes.less    |  4 +++
 .../themes/bootflat/templates/_layout.html    |  4 +++
 .../bootflat/templates/landing/landing.html   | 33 ++++++++++++++++---
 3 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/shelfzilla/themes/bootflat/static/less/fixes.less b/shelfzilla/themes/bootflat/static/less/fixes.less
index 38bd82b..ea3804a 100644
--- a/shelfzilla/themes/bootflat/static/less/fixes.less
+++ b/shelfzilla/themes/bootflat/static/less/fixes.less
@@ -72,3 +72,7 @@
     background-color: #f2838f;
     border: #ed5565
 }
+
+.no-margin-top {
+    margin-top: 0;
+}
diff --git a/shelfzilla/themes/bootflat/templates/_layout.html b/shelfzilla/themes/bootflat/templates/_layout.html
index d034910..1b4bcee 100644
--- a/shelfzilla/themes/bootflat/templates/_layout.html
+++ b/shelfzilla/themes/bootflat/templates/_layout.html
@@ -26,6 +26,7 @@
 
                 <!-- Collect the nav links, forms, and other content for toggling -->
                 <div class="collapse navbar-collapse" id="navbar-collapse">
+                    {% if user.is_authenticated %}
                     <ul class="nav navbar-nav">
                         <li data-pjax-nav {% if navigation.section == "series" %}class="active"{% endif %}>
                             <a data-pjax href="{% url "series.list" %}">{% trans "Series" %}</a>
@@ -34,6 +35,7 @@
                             <a data-pjax href="{% url 'publishers.list' %}">{% trans "Publishers" %}</a>
                         </li>
                     </ul>
+                    {% endif %}
                     <ul class="nav navbar-nav navbar-right">
                         {% if user.is_authenticated %}
                         <li class="dropdown">
@@ -78,6 +80,8 @@
     {% block main_content %}{% endblock %}
     </div>
 
+    {% block footer %}{% endblock %}
+
     <script src="/static/js/site.js"></script>
     {% block extra_js %}{% endblock %}
 
diff --git a/shelfzilla/themes/bootflat/templates/landing/landing.html b/shelfzilla/themes/bootflat/templates/landing/landing.html
index f7d116f..8bd9ac2 100644
--- a/shelfzilla/themes/bootflat/templates/landing/landing.html
+++ b/shelfzilla/themes/bootflat/templates/landing/landing.html
@@ -1,10 +1,34 @@
 {% extends "_layout.html" %}
 
-{% block navigation_bar %}{% endblock %}
-
 {% block main_content %}
-<div class="text-center">
-    <h1>ShelfZilla</h1>
+<div class="container">
+    <h2 class="text-center">Tus colecciones como nunca las habías visto.</h2>
+    <div class="alert alert-info text-center">
+        <p>Actualmente nos encontramos en fase de populación y pruebas internas, pero no te preocupes, pronto empezaremos a dejar acceso a un selecto grupo de personas.</p>
+        <p>Puedes mantenerte al tanto de nuestras mejoras en las redes sociales, quien sabe... igual hasta consigas acceso a la beta cuando llegue el momento.</p>
+    </div>
+    <div class="row">
+        <div class="col-sm-6">
+            <div class="well">
+                <h3 class="no-margin-top text-center">¿Qué ofrecemos?</h3>
+                <ul>
+                    <li>Mantén tus colecciones al día.</li>
+                    <li>¿No encuentras el comic que tienes? ¡háznoslo saber! Estarémos encantados de mejorar la plataforma con tu ayuda.</li>
+                    <li>Participa en una comunidad creciente y colaborativa.</li>
+                    <li>¿Echas algo en falta? Contacta con nosotros.</li>
+                </ul>
+            </div>
+        </div>
+        <div class="col-sm-6">
+            <div class="well text-center">
+                <h3 class="no-margin-top">Contacta con nosotros</h3>
+                <a href="http://twitter.com/shelfzilla">Twitter</a><br />
+                <a href="https://www.facebook.com/ShelfZilla">Facebook</a><br />
+                <a href="https://plus.google.com/103983689195834857040">Google+</a><br />
+                <a href="mailto:shelfzilla@gmail.com">E-Mail</a><br />
+            </div>
+        </div>
+    </div>
 </div>
 {% endblock %}
 
@@ -14,7 +38,6 @@ body { background-image: none !important; }
 </style>
 {% endblock %}
 
-
 {% block extra_js %}
 <script type="text/javascript">
     $(function() {