experimenting with viewport and background

rowers/templates/menu_workout.html

@@ -284,7 +284,14 @@
       {% endif %}
       <li id="advanced-instroke">
         <a href="/rowers/workout/{{ workout.id }}/instroke">
-          <i class="fas fa-search-plus fa-fw"></i>&nbsp;In-Stroke Metrics</a></li>
+          <i class="fas fa-search-plus fa-fw"></i>&nbsp;In-Stroke Metrics
+        </a>
+      </li>
+      <li id="advanced-recalcsummary">
+        <a href="/rowers/workout/{{ workout.id }}/recalcsummary">
+          <i class="fas fa-window-restore fa-fw"></i>&nbsp;Update Summary
+        </a>
+      </li>
     </ul>
   </li>
   {% endif %}

static/css/frontstyles.css

@@ -5,6 +5,7 @@
         width: 100%;
         color: white;
         font: 1.2em Helvetica, arial, sans-serif;
+        margin 0 auto;
     }
 
     

templates/newbase.html

@@ -42,7 +42,7 @@
     <meta property="og:type" content="website">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
 
     {% block og_image %}
     <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />

templates/newbasefront.html

@@ -42,7 +42,7 @@
     <meta property="og:type" content="website">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
 
     {% block og_image %}
     <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />
@@ -128,16 +128,14 @@
     <style>
       .splash {
       background-color: transparent;
+      background-repeat: no-repeat;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
-      min-height: 759px;
-      min-width: 1024px;
+      background-position: center;
       padding: 0;
       margin: 0;
-      width: auto;
-      height: 100%;
       }
       </style> 
 
@@ -288,8 +286,6 @@
 	{% endblock %}          
       </main>
 
-      
-
       <footer class="main-footer">
         <p>Follow us on
             <a href="https://twitter.com/rowsandall">
@@ -368,6 +364,8 @@
         </ul>
         </p>
       </footer>
+      
+
       {% analytical_body_bottom %}
       </div>
     </div>