New layout for root.html

3 files changed, 26 insertions, 21 deletions

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 124a5729..16d87139 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -93,7 +93,7 @@ a.mediagoblin_logo{
   font-weight: bold;
 }
 
-.header_submit{
+.header_submit, .header_submit_highlight{
   color: #272727;
   background-color: #aaa;
   background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); 
@@ -111,6 +111,10 @@ a.mediagoblin_logo{
   font-style: normal;
 }
 
+.header_submit_highlight{
+background-image: -moz-linear-gradient(center top , rgb(134, 212, 177), rgb(109, 173, 144));
+}
+
 .mediagoblin_footer {
   height: 30px;
   border-top: 1px solid #333;
diff --git a/mediagoblin/static/images/frontpage_image.png b/mediagoblin/static/images/frontpage_image.png
new file mode 100644
index 00000000..689eb2c2
--- /dev/null
+++ b/mediagoblin/static/images/frontpage_image.png
diff --git a/mediagoblin/templates/mediagoblin/root.html b/mediagoblin/templates/mediagoblin/root.html
index 06beb436..764609b6 100644
--- a/mediagoblin/templates/mediagoblin/root.html
+++ b/mediagoblin/templates/mediagoblin/root.html
@@ -20,28 +20,29 @@
 {% from "mediagoblin/utils/object_gallery.html" import object_gallery %}
 
 {% block mediagoblin_content %}
-  <h1>{% trans %}Welcome to GNU MediaGoblin!{% endtrans %}</h1>
-
   {% if request.user %}
-    <p>
-      <a href="{{ request.urlgen('mediagoblin.submit.start') }}">
-        {%- trans %}Submit an item{% endtrans -%}
-      </a> 
-    </p>
+    <h1>Explore</h1>
   {% else %}
-    <p>
-      {% trans login_url=request.urlgen('mediagoblin.auth.login') -%}
-        If you have an account, you can <a href="{{ login_url }}">Login</a>.
-      {%- endtrans %}
-    </p>
-    {% if allow_registration %}
-      <p>
-        {% trans register_url=request.urlgen('mediagoblin.auth.register') -%}
-          If you don't have an account, please  <a href="{{ register_url }}">Register</a>.
-        {%- endtrans %}
-      </p>
-    {% endif %}
+   <div class="grid_11 alpha">
+      <h1>{% trans %}Hi there, media lover! MediaGoblin is...{% endtrans %}</h1>
+      <ul>
+        <li>The perfect place for your media! No, seriously.</li>
+        <li>This is just placeholder text though. In the future this will all make sense, trust me.</li>
+        <li>It might talk about all the awesome features we've got. Or about how great federation is.</li>
+        <li>Or that it's free software and a GNU project, so anyone can help improve and share it.</li>
+        <li>No matter what, it's probably good to have <a href="example.com">a link</a> here. You never know.</li>
+      </ul>
+      {% if allow_registration %}
+        <p>Excited to join us? To add your own media, make collections and save favorites...<p>
+        <a class="header_submit_highlight" href="{{ request.urlgen('mediagoblin.auth.register') }}">Create a free account</a> or
+        <a class="header_submit" href="http://wiki.mediagoblin.org/HackingHowto">Set up MediaGoblin on your own server</a>
+      {% endif %}
+    </div>
+    <div class="grid_5 omega">
+      <img src="{{ request.staticdirect('/images/frontpage_image.png') }}" />
+    </div>
+    <div class="clear"></div>
   {% endif %}
-
+  <h2>Most recent media</h2>
   {{ object_gallery(request, media_entries, pagination) }}
 {% endblock %}