Private
Public Access
1
0
Files
rowsandall/rowers/templates/landingpage.html
2019-06-11 21:59:34 +02:00

347 lines
9.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{% 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>
{% 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;
}
.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;
}
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 youre 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. Ive been
using my NK empower oarlock for about a month now, and Im 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>