From 1c137a68523d07faa8bcfcb8299af0cdd49e4392 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Mon, 9 Oct 2017 11:07:29 +0200
Subject: [PATCH 1/2] added FB and Twitter share buttons

---
 rowers/templates/show_graph.html   | 19 +++++++++++++++++--
 rowers/templates/workout_form.html | 16 ++++++++++++++++
 rowers/templates/workout_view.html | 15 +++++++++++++--
 rowsandall_app/settings.py         |  1 +
 templates/base.html                |  2 ++
 templates/basebase.html            | 27 +++++++++++++++++++++++++++
 6 files changed, 76 insertions(+), 4 deletions(-)

diff --git a/rowers/templates/show_graph.html b/rowers/templates/show_graph.html
index 1221cc03..f6ecc9a4 100644
--- a/rowers/templates/show_graph.html
+++ b/rowers/templates/show_graph.html
@@ -12,8 +12,23 @@
     <meta property="og:image" content="http://rowsandall.com/{{ graph.filename |spacetohtml }}" />
 {% endblock %}
 {% block content %}
-<h1>{{ workout.name }}</h1>
+    <h1>{{ workout.name }}</h1>
+    <div class="grid_12">
+      <div class="grid_1 alpha">
+        <div class="fb-share-button" data-href="https://rowsandall.com/rower/graph/{{ graph.id }}" data-layout="button" data-size="small" data-mobile-iframe="false">
+          <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://rowsandall.com/rowers/graph/{{ graph.id }}&amp;src=sdkpreparse">Share</a></div>
+      </div>
+      <div class="grid_1">
+        <a class="twitter-share-button"
+           href="https://twitter.com/intent/tweet"
+           data-url="https://rowsandall.com/rowers/graph/{{ graph.id }}"
+           data-text="@rowsandall">Tweet</a>
+      </div>
 
+      </div>
+      
+      <p>&nbsp;</p>
+<div class="grid_12">
 <div class="grid_2 alpha">
 {% if user.is_authenticated and user == rower.user %}
 <p>
@@ -34,7 +49,7 @@
  <p>&nbsp;</p>
 {% endif %}
 </div>
-
+</div>
 <div class="grid_12">
 <p>
 <a href="/{{ graph.filename }}" download="myimage">
diff --git a/rowers/templates/workout_form.html b/rowers/templates/workout_form.html
index 65420ad6..be616ef9 100644
--- a/rowers/templates/workout_form.html
+++ b/rowers/templates/workout_form.html
@@ -2,6 +2,8 @@
 {% load staticfiles %}
 {% load rowerfilters %}
 {% load tz %}
+
+
 {% get_current_timezone as TIME_ZONE %}
 
 {% block title %}{{ workout.name }}{% endblock %}
@@ -67,6 +69,20 @@
       <td>
 	<a href="/rowers/workout/{{ workout.id }}">https://rowsandall.com/rowers/workout/{{ workout.id }}</a>
       </td>
+    </tr><tr>
+      <th>Share to</th>
+      <td>
+        <div class="grid_1 alpha">
+        <div class="fb-share-button" data-href="https://rowsandall.com/rowers/workout/{{ workout.id }}" data-layout="button" data-size="small" data-mobile-iframe="false">
+          <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://rowsandall.com/rowers/workout/{{ workout.id }}&amp;src=sdkpreparse">Share</a></div>
+        </div>
+        <div class="grid_1">
+        <a class="twitter-share-button"
+           href="https://twitter.com/intent/tweet"
+           data-url="https://rowsandall.com/rowers/workout/{{ workout.id }}"
+           data-text="@rowsandall">Tweet</a>
+        </div>
+      </td>
     </tr><tr>
       <th>Comments</th>
       <td>
diff --git a/rowers/templates/workout_view.html b/rowers/templates/workout_view.html
index a823aec1..75f9b0c6 100644
--- a/rowers/templates/workout_view.html
+++ b/rowers/templates/workout_view.html
@@ -27,9 +27,20 @@
 <div id="workouts" class="grid_6 alpha">
 
 
-	<h1>{{ workout.name }}</h1>
+  <h1>{{ workout.name }}</h1>
+                <div class="grid_1 alpha">
+                <div class="fb-share-button" data-href="https://rowsandall.com/rowers/workout/{{ workout.id }}" data-layout="button" data-size="small" data-mobile-iframe="false">
+                  <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://rowsandall.com/rowers/workout/{{ workout.id }}&amp;src=sdkpreparse">Share</a></div>
+              </div>
+              <div class="grid_1">
+                <a class="twitter-share-button"
+                   href="https://twitter.com/intent/tweet"
+                   data-url="https://rowsandall.com/rowers/workout/{{ workout.id }}"
+           data-text="@rowsandall">Tweet</a>
+              </div>
+
 	<table width=100%>
-	<tr>
+	  <tr>
 	<th>Rower:</th><td>{{ first_name }} {{ last_name }}</td>
 	</tr><tr>
 	<tr>
diff --git a/rowsandall_app/settings.py b/rowsandall_app/settings.py
index 3020084e..a7f25d88 100644
--- a/rowsandall_app/settings.py
+++ b/rowsandall_app/settings.py
@@ -64,6 +64,7 @@ INSTALLED_APPS = [
     'cookielaw',
     'django_extensions',
     'tz_detect',
+    'django_social_share',
 ]
 
 AUTHENTICATION_BACKENDS = (
diff --git a/templates/base.html b/templates/base.html
index 77fa6213..21de4904 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,6 +3,8 @@
   {% load rowerfilters %}
 {% endblock %}
 
+
+
 {% block teams %}
           {% if user.is_authenticated and user|has_teams %}
           <div class="grid_1 alpha dropdown">
diff --git a/templates/basebase.html b/templates/basebase.html
index aca81e16..1436e951 100644
--- a/templates/basebase.html
+++ b/templates/basebase.html
@@ -1,5 +1,6 @@
 {% load leaflet_tags %}
 {% load cookielaw_tags %}
+
 {% load tz_detect %}
 {% tz_detect %}
 {% load analytical %}
@@ -42,8 +43,34 @@
     {% block meta %} {% endblock %}
     {% leaflet_js %}
     {% leaflet_css %}
+    <div id="fb-root"></div>
+    <script>(function(d, s, id) {
+      var js, fjs = d.getElementsByTagName(s)[0];
+      if (d.getElementById(id)) return;
+      js = d.createElement(s); js.id = id;
+      js.async=true;
+      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=694685920739849";
+      fjs.parentNode.insertBefore(js, fjs);
+      }(document, 'script', 'facebook-jssdk'));</script>
     <link rel="stylesheet" href="https://webapiv2.navionics.com/dist/webapi/webapi.min.css" >
     <script type="text/javascript" src="https://webapiv2.navionics.com/dist/webapi/webapi.min.no-dep.js"></script>
+    <script>window.twttr = (function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0],
+    t = window.twttr || {};
+      if (d.getElementById(id)) return t;
+      js = d.createElement(s);
+      js.id = id;
+      js.async=true; 
+      js.src = "https://platform.twitter.com/widgets.js";
+      fjs.parentNode.insertBefore(js, fjs);
+
+  t._e = [];
+  t.ready = function(f) {
+    t._e.push(f);
+  };
+
+  return t;
+}(document, "script", "twitter-wjs"));</script>
     {% analytical_head_bottom %}
   </head>
   <body data-root="http://webapiv2.navionics.com/dist/webapi/images">

From afe1640b45adc96a11baa74eff3878734d6c69b1 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Mon, 9 Oct 2017 11:18:15 +0200
Subject: [PATCH 2/2] added twitter follow button

---
 rowers/templates/frontpage.html | 7 ++++++-
 templates/basebase.html         | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/rowers/templates/frontpage.html b/rowers/templates/frontpage.html
index 4db773f5..b01259c9 100644
--- a/rowers/templates/frontpage.html
+++ b/rowers/templates/frontpage.html
@@ -9,7 +9,12 @@
 <div class="grid_12">
   <p class="midden">
     Local Time: {% now "jS F Y H:i" %}
-    </p>
+  </p>
+  <p class="midden">
+    <a class="twitter-follow-button"
+       href="https://twitter.com/rowsandall">
+      Follow @rowsandall</a>
+  </p>
 <p class="midden">
 	Compatible with:
 	<img src="/static/img/stravasquare.png" alt="Strava icon" width="30" height="30">
diff --git a/templates/basebase.html b/templates/basebase.html
index 1436e951..4e83af67 100644
--- a/templates/basebase.html
+++ b/templates/basebase.html
@@ -106,7 +106,10 @@
               </p>
 	    </div>
             <div class="grid_4 alpha">
-	      <p>Free Data and Analysis. For Rowers. By Rowers.</p>
+	      <p>Free Data and Analysis. For Rowers. By Rowers.
+             <a class="twitter-follow-button"
+                 href="https://twitter.com/rowsandall">
+                Follow @rowsandall</a></p>
 	    </div>
           </div>