{% load leaflet_tags %}
{% load cookielaw_tags %}
{% load rowerfilters %}
{% load tz_detect %}
{% tz_detect %}
{% load analytical %}
{% block filters %}
{% endblock %}
<!DOCTYPE html>
<html>
  <head>
    <title>{% block title %}Rowsandall Rowing Data Analytics{% endblock %}</title>
    <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
    <link rel="icon" sizes="32x32" href="/static/img/favicon-32x32.png" type="image/png"/>
    <link rel="icon" sizes="64x64" href="/static/img/favicon-64x64.png" type="image/png"/>
    <link rel="icon" sizes="192x192" href="/static/img/favicon-192x192.png" type="image/png"/>
    <link rel="icon" sizes="16x16" href="/static/img/favicon-16x16.png" type="image/png"/>
    {% block og_image %}
    <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />
    <meta property="og:image:secure_url" content="https://rowsandall.com/static/img/logo_r.png" />
    {% endblock %}
    <meta property="og:url" content="https://rowsandall.com{{ request.get_full_path }}" />
    <meta property="fb:app_id" content="694685920739849" />
    <meta property="og:title" content="{% block og_title %}Rowsandall{% endblock %}" />
    <meta property="og:description" content="{% block og_description %}Rowsandall: Free Data and Analysis. For Rowers. By Rowers.{% endblock %}" />
    <link rel="stylesheet" href="/static/css/resetnew.css" />
    <link rel="stylesheet" href="/static/fontawesome/css/fontawesome.css">
    <link rel="stylesheet" href="/static/fontawesome/css/all.css">
    <link rel="stylesheet" href="/static/css/frontstyles.css">
    <link rel="stylesheet" href="/static/css/text2.css" />
    <meta charset="utf-8" />
    {% block image_src %}<link rel="image_src" href="static/img/logo7.png" />{% endblock %}
    <meta name="viewport" content="width=device-width">
    <style>
      body, html {
      height: 100%;
	  margin: 0;
	  font: 400 15px/1.8 "Lato", sans-serif;
      color: #777;
      }

      .column {
      float: left;
      width: 33%;
      padding: 10px;
      
      }

      .row:after {
      content: "";
      display: table;
      clear: both;
      }

      .sticky {
      position: fixed;
      right: 0;
      left: 0;
      top: 0;
      padding: 5px;
      z-index: 1;
      height:65px;
      width: 100%;
      background: #fff;
      }
      
      .bgimg-1, .bgimg-2, .bgimg-3 {
	  position: relative;
	  opacity: 0.65;
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
  
      }
      .bgimg-1 {
	  background-image: url("/static/img/MerijnSoeters-hr-9841.jpg");
      min-height: 100%;
      }
      
      .bgimg-2 {
	  background-image: url("/static/img/MerijnSoeters-hr-8192.jpg");
	  min-height: 100%;
      }

      .bgimg-3 {
	  background-image: url("/static/img/MerijnSoeters-hr-3282.jpg");
	  min-height: 100%;
      }

      .caption {
	  position: absolute;
	  left: 0;
	  top: 20%;
	  width: 100%;
	  text-align: center;
	  color: #000;
      }

      .register {
      position: fixed;
      top: 40%;
      right: 0px;
      text-align: center;
      color: #fff;
      z-index: 1;
      padding: 10px;
      background: #1c75bc;
      }
      

      .signin {
      position: absolute;
      left: 0;
      top: 5px;
      right: 5px;
      width: 100%;
      text-align: right;
      color: #000;
      font-size: 18px;
      }

      .logo {
      position: absolute;
      top: 5px;
      text-align: left;
      }

      .signin a {
      color: #000;
      }
      
      .caption div.border {
	  background-color: #1c75bc;
	  color: #fff;
	  padding: 18px;
	  font-size: 25px;
	  letter-spacing: 10px;
      }

      h3 {
	  letter-spacing: 5px;
	  text-transform: uppercase;
	  font: 20px "Lato", sans-serif;
	  color: #1c75bc;
      }
      
      /* Turn off parallax scrolling for tablets and phones */
      @media only screen and (max-device-width: 1024px) {
	  .bgimg-1, .bgimg-2, .bgimg-3 .sticky {
      background-attachment: scroll;
      max-width: 100%;
      }

      .column {
      width: 100%;
      }

      .register {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 1;
      font: 400 14px/1.2 "Lato", sans-serif;
      }

      @media only screen and (max-device-height: 400px) {
      .register, h1, .register p {
      font: 400 12px/1.0 "Lato", sans-serif;
      margin: 0px;
      }

      .caption div.border {
      font-size: 18px;
      }
      
      }

      body, html {
      font: 400 14px/1.2 "Lato", sans-serif;
      }
      
      }


    </style>
    {% analytical_head_bottom %}
  </head>
  <body>
    <div class="sticky">
      {% if not user.is_authenticated %}
      <div class="signin">
        <span style="padding:10px"><a href="/login/">Sign In&nbsp;</a></span>
      </div>
      {% else %}
      <div class="signin">
        <span style="padding:10px"><a href="/rowers/list-workouts/">Launch App&nbsp;</a></span>
      </div>
      {% endif %}
      <div class="logo">
        <a href="/" title="Home">
          <img src="/static/img/logo7.png"
               alt="Rowsandall logo" height="55px">
        </a>
      </div>
    </div>
 
 
    {% if not user.is_authenticated %}
    <div class="register">
      <h1>SIGN UP</h1>
      <p><a href="/rowers/register/">I am a rower</a></p>
      <p><a href="/rowers/coachregister/">I am a rowing coach</a></p>
    </div>
    {% endif %}
    
    <div class="bgimg-1">
      <div class="caption">
        <div class="border">
          FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.
        </div>
      </div>
    </div>
    
    
      <div style="color: #000;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<!--       <h3 style="text-align:center; max-width:100%;">Free Data and Analysis. For Rowers. By Rowers.</h3> -->
      <p style="text-align: center;">
	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 style="text-align: center;">
	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.
      </p>
    </div>
    
    <div class="bgimg-2">
      <div class="caption">
	<div class="border">
          For on-the-water and indoor rowing
        </div>
      </div>
    </div>

    <div style="position: relative;">
      <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
        <h1>What we offer</h1>
        <div class="row">
          <div class="column">
	    <h2>Plan.</h2>
	    <p>We offer a fully integrated way for you
              or your coach to set up the goal you commit to, plan to
	      achieve it, and monitor plan versus execution based on time,
              distance, heart rate or power.</p>
          </div>
          <div class="column">
	    <h2>Sync</h2>
	    <p>Maintain a consistent log for all your rowing (indoor and on the water)
              and sync your workouts
	      to popular tools as the Concept2 logbook, Strava, TrainingPeaks,
              SportTracks and others.
            </p>
          </div>
          <div class="column">
	    <h2>Analyze</h2>
	    <p>Analyze your workouts with a consistent set of tools, developed
              by rowers for rowers.</p>
            
          </div>
        </div>
        <div class="row">
          <div class="column">
	    <h2>Compare</h2>
	    <p>Compare youre results between workouts and with other rowers in your team.</p>
            
          </div>
          <div class="column">
	    <h2>Race</h2>
	    <p>Virtual regattas are an informal way to add a competitive element to your training
	      and can be used as a quick way to set up small regattas</p>
            
          </div>
          <div class="column">
	    <h2>Coaching</h2>
	    <p>Rowsandall.com is the ideal platform for remote rowing coaching. As a coach, you can
	      easily manage your athletes, set up plans and monitor execution and technique</p>
          </div>
        </div>
      </div>
    </div>

    
    <div class="bgimg-3">
      <div class="caption">
	<div class="border">
          Plan, execute, measure, adjust
        </div>
      </div>
    </div>

<div style="position:relative;">
      <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
	<h2>Testimonials</h2>
	<p>"Check out @rowsandall as well - his site is really useful for dissecting rowing data, especially if you eventually get power/angles on the water - check out the articles in the blog - if you’re logging your ergs on C2logbook you can have a play dissecting the data" - Tom Carter</p>
	<p>"Sander has made amazing tools for self-coaching or working with a coach."</p>

	<p>“I just wanted to say that I absolutely love this website. I‘ve been
using my NK empower oarlock for about a month now, and I‘m really
	  excited to be able to better visualize my data.”</p>
	<p> “I discovered rowsandall.com – which is brilliant.”</p>
      </div>
    </div>
    
    <div class="bgimg-1">
      <div class="caption">
	<span class="border" style="background-color:transparent;font-size:25px;color:#000;">
          Follow us on
          <a href="https://twitter.com/rowsandall">
              <i class="fab fa-twitter" style="color:#000;"></i>
            </a>&nbsp;
            <a href="https://www.instagram.com/roosendaalsander/">
              <i class="fab fa-instagram" style="color:#000;"></i>
            </a>&nbsp;
            <a href="https://analytics.rowsandall.com/">
              <i class="fab fa-wordpress-simple" style="color:#000;"></i>
            </a>&nbsp;
            <a href="https://www.facebook.com/rowsandall">
              <i class="fab fa-facebook" style="color:#000;"></i>
            </a>&nbsp;
        </span>
      </div>
    </div>

<footer class="main-footer">
      <ul>
        <li>
          <a href="https://analytics.rowsandall.com/">
            Rowing Analytics Blog
          </a>
        </li>
        <li>
          <a href="https://www.facebook.com/rowsandall">
            Rowing Data Facebook Group</a>
        </li>
        <li>
          <a href="/rowers/email/">Contact</a>
        </li>
        <li>
          <a href="/rowers/paidplans/">Paid Plans</a>
        </li>
        <li>
          <a href="/rowers/legal/">Legal</a>
        </li>
      </ul>
    </footer>

  </body>
</html>
