From 06aa14d38fa13d5eac88b2364bd941c0ee67d257 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Thu, 6 Apr 2017 23:05:20 +0200
Subject: [PATCH] redesign 2 part 2 front page

---
 rowers/templates/basefront.html | 94 ++++++++++++++++-----------------
 1 file changed, 47 insertions(+), 47 deletions(-)

diff --git a/rowers/templates/basefront.html b/rowers/templates/basefront.html
index 8a73c255..08a7d72c 100644
--- a/rowers/templates/basefront.html
+++ b/rowers/templates/basefront.html
@@ -44,7 +44,7 @@
     <div class="splash">
     {% analytical_body_top %}
     <div class="container_12">
-      <div clas="grid_12">
+      <div class="grid_12">
         &nbsp;
       </div>
       <div class="grid_12">
@@ -58,45 +58,57 @@
 	  {% endif %}
         </div>
         <div class="grid_6 omega">
-          <div class="grid_1 prefix_2 alpha">
-	    <p id="header">
-	      <a class="button gray small" href="/rowers/videos">Videos</a></p>
-	  </div>
-	  <div class="grid_2">
-            <p id="header">
-              <a class="button gray small" href="http://analytics.rowsandall.com/">Rowing Analytics BLOG</a></p>
+          <div class="grid_4 alpha">
+            <div class="grid_1 alpha">
+	      <p id="header">
+	        <a class="button gray small" href="/rowers/videos">Videos</a></p>
+	    </div>
+	    <div class="grid_2">
+              <p id="header">
+                <a class="button gray small" href="http://analytics.rowsandall.com/">Rowing Analytics BLOG</a></p>
+            </div>
+            <div class="grid_1 omega">
+	      <p id="header">
+	      <a class="button gray small" href="/rowers/email">Contact</a>
+              </p>
+	    </div>
+            <div class="grid_4 alpha">
+	      <p>Free Data and Analysis. For Rowers. By Rowers.</p>
+	    </div>
+          </div>
+
+          <div class="grid_1">
+	    <div class="grid_1 tooltip">
+	      {% if user.is_authenticated %}
+	      <p>
+	        <a class="button gray small" href="/rowers/me/edit">{{ user.first_name }}</a>
+	      </p>
+	      <span class="tooltiptext">Edit user account, e.g. heart rate zones, power zones, email, teams</span>
+              
+	      {% else %}
+	      <p><a class="button gray small" href="{% url 'login' %}">login</a> </p>
+	      {% endif %}
+	    </div>
+            <div class="grid_1">
+	      {% if user.is_authenticated %}
+	      <p><a class="button gray small" href="{% url 'logout' %}">logout</a></p>
+	      {% else %}
+	      <p>&nbsp</p>
+	      {% endif %}
+            </div>
           </div>
           <div class="grid_1 omega">
-	    <p id="header">
-	      <a class="button gray small" href="/rowers/email">Contact</a>
-            </p>
-	  </div>
+	    {% if user.rower.rowerplan == 'pro' or user.rower.rowerplan == 'coach' %}
+	    <h6 class="graytext">Pro Member</h6>
+	    {% else %}
+	    <div class="grid_1"><a class="button green small" href="/rowers/promembership">Upgrade to Pro</a></div>
+	    {% endif %}
+          </div>
         </div>
       </div>
       
-      <div class="grid_12">
-	<div class="grid_4 suffix_2 alpha">
-	  <p>Free Data and Analysis. For Rowers. By Rowers.</p>
-	</div>
-	<div class="grid_3 prefix_2">
-	  {% if user.rower.rowerplan == 'pro' or user.rower.rowerplan == 'coach' %}
-	  <h6 class="graytext">Pro Member</h6>
-	  {% else %}
-	  <div class="grid_2 prefix_1 alpha"><a class="button green small" href="/rowers/promembership">Upgrade to Pro</a></div>
-	  {% endif %}
-	</div>
-	<div class="grid_1 omega">
-	  {% if user.is_authenticated %}
-	  <p><a class="button gray small" href="{% url 'logout' %}">logout</a></p>
-          
-	  {% else %}
-	  <p>&nbsp</p>
-	  {% endif %}
-          
-	</div>
-      </div>
       
-      <div class="grid_12" omega>
+      <div class="grid_12">
 	<div class="grid_1 alpha tooltip">
 	  {% if user.is_authenticated %}
 	  <p><a class="button gray small" href="/rowers/workout/upload/">Upload</a></p>
@@ -125,7 +137,7 @@
 	  <p>&nbsp;</p>
 	  {% endif %}
 	</div>
-	<div class="grid_2 tooltip">
+	<div class="grid_1 tooltip">
 	  {% if user.is_authenticated %}
 	  <p>
 	    <a class="button gray small" href="/rowers/list-graphs/">Graphs</a>
@@ -174,17 +186,6 @@
 	  <p>&nbsp;</p>
 	  {% endif %}
         </div>
-	<div class="grid_1 prefix_2 omega tooltip">
-	  {% if user.is_authenticated %}
-	  <p>
-	    <a class="button gray small" href="/rowers/me/edit">{{ user.first_name }}</a>
-	  </p>
-	  <span class="tooltiptext">Edit user account, e.g. heart rate zones, power zones, email, teams</span>
-          
-	  {% else %}
-	  <p><a class="button gray small" href="{% url 'login' %}">login</a> </p>
-	  {% endif %}
-	</div>
       </div>
 
 	
@@ -250,6 +251,5 @@
     </div>
     <!-- end container -->
     {% analytical_body_bottom %}
-    </div>
   </body>
 </html>