From cc40f589c392e359ec066569ec2d3e8ee61b5b25 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Tue, 28 May 2019 17:16:37 +0200
Subject: [PATCH] blogs to left menu

---
 .../freecoach_registration_form.html          | 52 +++++++++----------
 rowers/templates/menublogs.html               | 17 ++++++
 rowers/templates/registration_form.html       | 52 +++++++++----------
 static/css/rowsandall2.css                    |  6 +++
 templates/newbase.html                        | 32 ++++++++++--
 5 files changed, 103 insertions(+), 56 deletions(-)
 create mode 100644 rowers/templates/menublogs.html

diff --git a/rowers/templates/freecoach_registration_form.html b/rowers/templates/freecoach_registration_form.html
index 0c1f6a5d..b747e2b0 100644
--- a/rowers/templates/freecoach_registration_form.html
+++ b/rowers/templates/freecoach_registration_form.html
@@ -10,32 +10,6 @@
   <li class="grid_4">
     <h1>New Coach Registration (free Coach Plan)</h1>
   </li>
-  <li class="rounder grid_2">
-    <a href="/rowers/coachregister">
-      <h1>Register as a coach (free)</h1>
-      <p>Click here and fill out the form to start with a free Coach plan. This allows you
-        to manage up to 10 athletes (who have to be on the Pro plan). You cannot upload your own
-        workouts.
-      </p>
-      <p>
-        From this free plan, you can upgrade to any of the paid plans, including coach plans for larger
-        athlete groups or rower plans for managing your own training plan and workouts.
-      </p>
-    </a>
-  </li>
-  <li class="rounder grid_2">
-    <a href="/rowers/register">
-      <h1>Register as an athlete (free)</h1>
-      <p>Click here and fill out the form to start with a free Athlete plan. This allows you
-        to store and analyze your own workouts.
-      </p>
-      <p>
-        From this free plan, you can upgrade to any of the paid plans, including
-        coach plans for managing larger athlete groups or rower plans for expanded
-        analytics.
-      </p>
-    </a>
-  </li>
   <li class="grid_2">
     <div id="registrationform">
       
@@ -69,6 +43,32 @@
     <p>Also, we are restricting access to the site to 16 years and older
       because of EU data protection regulations.</p>
   </li>
+  <li class="rounder grid_2">
+    <a href="/rowers/coachregister">
+      <h1>Register as a coach (free)</h1>
+      <p>Click here and fill out the form to start with a free Coach plan. This allows you
+        to manage up to 10 athletes (who have to be on the Pro plan). You cannot upload your own
+        workouts.
+      </p>
+      <p>
+        From this free plan, you can upgrade to any of the paid plans, including coach plans for larger
+        athlete groups or rower plans for managing your own training plan and workouts.
+      </p>
+    </a>
+  </li>
+  <li class="rounder grid_2">
+    <a href="/rowers/register">
+      <h1>Register as an athlete (free)</h1>
+      <p>Click here and fill out the form to start with a free Athlete plan. This allows you
+        to store and analyze your own workouts.
+      </p>
+      <p>
+        From this free plan, you can upgrade to any of the paid plans, including
+        coach plans for managing larger athlete groups or rower plans for expanded
+        analytics.
+      </p>
+    </a>
+  </li>
 </ul>
   
 
diff --git a/rowers/templates/menublogs.html b/rowers/templates/menublogs.html
new file mode 100644
index 00000000..dd65e3ff
--- /dev/null
+++ b/rowers/templates/menublogs.html
@@ -0,0 +1,17 @@
+{% load staticfiles %}
+{% load rowerfilters %}
+
+{% for blog in blogposts %}
+<li class="frontitem">
+  <h3 class="midden">{{ blog.title|safe }}</h3>
+    <p class="midden">
+      <img src={{ blog.image }} height=150px;>
+    </p>
+{{ blog.excerpt|safe }}
+  <p class="midden">
+    <a href={{ blog.link }}>
+      read more
+    </a>
+  </p>
+</li>
+{% endfor %}
diff --git a/rowers/templates/registration_form.html b/rowers/templates/registration_form.html
index 7408e158..ef098e65 100644
--- a/rowers/templates/registration_form.html
+++ b/rowers/templates/registration_form.html
@@ -10,32 +10,6 @@
   <li class="grid_4">
     <h1>New User Registration</h1>
   </li>
-  <li class="rounder grid_2">
-    <a href="/rowers/coachregister">
-      <h1>Register as a coach (free)</h1>
-      <p>Click here and fill out the form to start with a free Coach plan. This allows you
-        to manage up to 10 athletes (who have to be on the Pro plan). You cannot upload your own
-        workouts.
-      </p>
-      <p>
-        From this free plan, you can upgrade to any of the paid plans, including coach plans for larger
-        athlete groups or rower plans for managing your own training plan and workouts.
-      </p>
-    </a>
-  </li>
-  <li class="rounder grid_2">
-    <a href="/rowers/register">
-      <h1>Register as an athlete (free)</h1>
-      <p>Click here and fill out the form to start with a free Athlete plan. This allows you
-        to store and analyze your own workouts.
-      </p>
-      <p>
-        From this free plan, you can upgrade to any of the paid plans, including
-        coach plans for managing larger athlete groups or rower plans for expanded
-        analytics.
-      </p>
-    </a>
-  </li>
   <li class="grid_2">
     <div id="registrationform">
       
@@ -69,6 +43,32 @@
     <p>Also, we are restricting access to the site to 16 years and older
       because of EU data protection regulations.</p>
   </li>
+  <li class="rounder grid_2">
+    <a href="/rowers/coachregister">
+      <h1>Register as a coach (free)</h1>
+      <p>Click here and fill out the form to start with a free Coach plan. This allows you
+        to manage up to 10 athletes (who have to be on the Pro plan). You cannot upload your own
+        workouts.
+      </p>
+      <p>
+        From this free plan, you can upgrade to any of the paid plans, including coach plans for larger
+        athlete groups or rower plans for managing your own training plan and workouts.
+      </p>
+    </a>
+  </li>
+  <li class="rounder grid_2">
+    <a href="/rowers/register">
+      <h1>Register as an athlete (free)</h1>
+      <p>Click here and fill out the form to start with a free Athlete plan. This allows you
+        to store and analyze your own workouts.
+      </p>
+      <p>
+        From this free plan, you can upgrade to any of the paid plans, including
+        coach plans for managing larger athlete groups or rower plans for expanded
+        analytics.
+      </p>
+    </a>
+  </li>
 </ul>
   
 
diff --git a/static/css/rowsandall2.css b/static/css/rowsandall2.css
index 89587bf3..2f0ccff9 100644
--- a/static/css/rowsandall2.css
+++ b/static/css/rowsandall2.css
@@ -242,6 +242,12 @@ th.rotate > div > span {
     max-width: 200px;
 }
 
+@media only screen and (max-width: 450px) {
+    .site-announcement-box {
+        max-width: 100%;
+    }
+}
+
 
 .site-announcement {
     font: 1.0em/1.2em sans-serif;
diff --git a/templates/newbase.html b/templates/newbase.html
index f92498f4..99675727 100644
--- a/templates/newbase.html
+++ b/templates/newbase.html
@@ -330,10 +330,12 @@
         </p>
         {% endif %}
         {% block ad %}
-          <a href="https://pryglrowing.com">
-            <img src="/static/img/prygl.jpg">
-            <p style="text-align: center">Prygl Rowing Camps</p>
-          </a>
+        <div id="id_blogs">
+        </div>
+        <a href="https://pryglrowing.com">
+          <img src="/static/img/prygl.jpg">
+          <p style="text-align: center">Prygl Rowing Camps</p>
+        </a>
         {% endblock %}
       </ad>
 
@@ -432,3 +434,25 @@
   });
   });
 </script>
+<script type='text/javascript'
+        src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
+</script>
+
+<script>
+$( document ).ready(function() {
+console.log('loading script');
+$.getJSON(window.location.protocol + '//'+window.location.host + '/getblogs/', function(data) {
+var html = '';
+
+$.each(data, function(key, blog) {
+console.log(blog.title);
+    html += '<div class="site-announcement-box"><div class="site-announcement-white">';
+    html += '<a style="text-decoration: none; color: white;" href="'+blog.link+'">';
+    html += blog.title;
+      html += '</a>';
+    html += '</div></div>';
+});
+$("#id_blogs").html(html);
+      });
+});
+</script>