{% extends "newbasefront.html" %}
{% load staticfiles %}
{% load rowerfilters %}

{% block title %}Rowsandall Rowing Data{% endblock %}

{% block main %}
{% load tz %}

<ul class="main-content">
  <li class="grid_5">
    <p>
      <h1 class="midden">Free Data and Analysis.</h1>
      <h2 class="midden">For Rowers. By Rowers.</h2>
    </p>
  </li>
  <li>
  </li>
  <li class="grid_3">
    <p class="midden">There is no shortage of training advice for rowers.</p>

    <p class="midden">The best research has found that what works best for one
      rower might not work for another. So, what can you do?</p>

    <p class="midden">The best way to improve racing performance is to assess where
      you are, set objectives, make a plan, track progress,
      and adjust based on the results you are getting.
    </p>

    <p class="midden">This site is more than a rowing log book. It enables you
      and your coach
      to plan and track all your rowing, indoor and on the water, with a large
      number of devices and apps. On top of that, it offers the best in
      rowing data analytics. Train smart.
  </li>
  <li>
  </li>
  <li class="grid_5">
    <div class="midden">
      <img src="/static/img/horizontal_line.png"
           alt="horizontal line">
    </div>
  </li>
  {% if user.is_anonymous %}
  <li class="grid_2">
  </li>
  <li style="text-align: center;">
    <a class="button midden" href="/rowers/register">
      <h2 class="midden rounder whiteborder">
        <div>SIGN UP FREE</div>
      </h1>
    </a>
  </li>
  <li class="grid_2">
  </li>
  <li class="grid_2">
  </li>
  <li style="text-align: center;" class="rounder whiteborder">
    <form  id="idLogInForm" method="post" action="{% url 'login' %}" class="loginForm">{% csrf_token %}
    <a class="button midden" href="/rowers/register">
      <h2 class="midden">Sign In</h2></a>
      <a href="/password_reset/">Forgot password?</a>
      {{ form.as_p }}
      <button class="midden button white"
              id="idLogInSubmit"
              name="idLogInSubmit"
              type="submit">Login
      </button>
    </form>  
  </li>
  <li class="grid_2">
  </li>
  <li class="grid_5">
    <div class="midden">
      <img src="/static/img/horizontal_line.png"
           alt="horizontal line">
    </div>
  </li>
  {% endif %}
  {% for offering in offerings %}
  <li class="frontitem">
    <h3 class="midden">{{ offering.name }}</h3>
    <div class="midden">
      <img src="{{ offering.image }}"
           alt="Analyze" width="62px">
      </div>
    <p class="midden">
      {{ offering.text }}
    </p>
  </li>
  {% endfor %}
  <li class="grid_5">
    <p class="midden">and more</p>
  </li>
</ul>
<ul class="main-content" id="id_blogs">
</ul>
<ul class="main-content">
  <li>
    &nbsp;
  </li>
  <li>
    &nbsp;
  </li>
  <li class="grid_5">
    <div class="midden">
      <img src="/static/img/horizontal_line.png"
           alt="horizontal line">
      </div>
  </li>    
</ul>

<p class="midden">
  <a class="twitter-follow-button"
     href="https://twitter.com/rowsandall">
    Follow @rowsandall</a>
</p>


<p class="midden">
  Local Time: {% now "jS F Y H:i" %}
</p>

        

<p class="midden">
  Compatible with:
  <img src="/static/img/stravasquare.png" alt="Strava icon" width="30" height="30">
  <img src="/static/img/sporttrackssquare.png" alt="SportTracks icon" width="30" height="30">
  <img src="/static/img/c2square.jpg" alt="C2 icon" width="30" height="30">
  <img src="/static/img/nksquare.png" alt="NK icon" width="30" height="30">
  <img src="/static/img/cnsquare.png" alt="CrewNerd icon" width="30" height="30">
  <img src="/static/img/rimsquare.png" alt="RiM icon" width="30" height="30">
  <img src="/static/img/rpsquare.png" alt="RowPro icon" width="30" height="30">
  <img src="/static/img/essquare.png" alt="ErgStick icon" width="30" height="30">
  <img src="/static/img/bcsquare.png" alt="BoatCoach icon" width="30" height="30">
  <img src="/static/img/pssquare.png" alt="PainSled icon" width="30" height="30">
  <img src="/static/img/coxmate.png" alt="CoxMate icon" width="30" height="30">
  <img src="/static/img/ritmo_logo.gif" alt="RitmoTime icon" width="30" height="30">
</p>


{% endblock %}

{%  block scripts %}
<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 = '';
if (data.length != 0) {
html +=  '<li class="grid_5"><div class="midden"><img src="/static/img/horizontal_line.png" alt="horizontal line"></div></li>    '
html += '<li class="grid_5"><h2 class="midden">Recent articles on the Analytics blog</h2></li>';
html += '<li></li>';
};
$.each(data, function(key, blog) {
console.log(blog.title);
    html += '<li class="frontitem">';
    html += '<a style="text-decoration: none; color: black;" href="'+blog.link+'">';
    html += '<h3 class="midden">'+blog.title+'</h3>';
    html += '<p class="midden"><img src="'+blog.image+'" height=150px;></p>';
    html += '<p>'+blog.excerpt+'</p>';
      html += '</a>';
    html += '</li>';
});
if (data.length != 0) {
html += '<li></li>';
};
$("#id_blogs").html(html);
      });
});
</script>
{% endblock %}