added mini viewer

rowers/templates/embedded_video.html

@@ -40,6 +40,10 @@
         $(this).removeAttr('disabled');
     });
   });
+  document.getElementById("smallscreen").style.display = "none";
+  if ($(window).width() <= 950) {
+    $("#smallscreen").show()
+  }
 });
 </script>
 <script>
@@ -104,6 +108,12 @@ function copyText() {
 {% language 'en' %}
 <h1>Video Analysis for {{ workout.name }}</h1>
 <ul class="main-content">
+  <li class="grid_4" id="smallscreen">
+    <p>Your screen is too small to show the full functionality. Click
+      <a href="/rowers/video/{{ analysis.id|encode }}/m">here</a>
+      to get to a version that is better suited for small screens.
+    </p>
+  </li>
   {% if user.is_authenticated and user == workout.user.user and not locked %}
   <li class="grid_2">
     <p>Paste link to you tube video below</p>