Private
Public Access
1
0
Files
rowsandall/rowers/templates/landingpage.html
2019-05-17 15:53:32 +02:00

307 lines
8.7 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, initial-scale=1">
<style>
body, html {
height: 100%;
margin: 0;
font: 400 15px/1.8 "Lato", sans-serif;
color: #777;
}
.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: absolute;
opacity: 0.65;
top: 40%;
left: 0%;
text-align: center;
color: #000;
}
.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 span.border {
background-color: #111;
color: #fff;
padding: 18px;
font-size: 25px;
letter-spacing: 10px;
}
.register .border {
background-color: #aaa;
color: #000;
padding: 18px;
font-size: 18px;
}
h3 {
letter-spacing: 5px;
text-transform: uppercase;
font: 20px "Lato", sans-serif;
color: #111;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3 {
background-attachment: scroll;
}
}
</style>
{% analytical_head_bottom %}
</head>
<body>
<div class="sticky">
{% if not user.is_authenticated %}
<div class="signin">
<span><a href="/login/">Sign In&nbsp;</a></span>
</div>
{% else %}
<div class="signin">
<span><a href="/rowers/list-workouts/">Enter&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>
<div class="bgimg-1">
<div class="caption">
<span class="border">FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.</span>
</div>
{% if not user.is_authenticated %}
<div class="register">
<div class="border">
<p><a href="/rowers/register/">SIGN UP</a></p>
<p>Sign-up form goes here</p>
</div>
</div>
{% endif %}
</div>
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<h3 style="text-align:center;">Free Data and Analysis. For Rowers. By Rowers.</h3>
<p style="text-align: center;">
There is no shortage of training advice for rowers.
</p>
<p style="text-align: center;">
The best research has found that works best for one rower might not work for another. So, what can you do?
</p>
<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 htat, it offers the best in rowing
data analytics. Train smart.
</p>
</div>
<div class="bgimg-2">
<div class="caption">
<span class="border" style="background-color:transparent;font-size:25px;color:#000;">
For on-the-water and indoor rowing
</span>
</div>
</div>
<div style="position:relative;">
<div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
<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>
</div>
</div>
<div class="bgimg-3">
<div class="caption">
<span class="border">
Plan, execute, measure, adjust
</span>
</div>
</div>
<div style="position:relative;">
<div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
<h2>Potentially to be replaced with log/race/plan/analyze/sync from old landing page</h2>
<ul>
<li>Commit to a goal</li>
<li>Plan your training</li>
<li>Track your execution and progress</li>
<li>Monitor key rowing technique metrics</li>
</ul>
</div>
</div>
<div class="bgimg-1">
<div class="caption">
<span class="border">Follow us on
<a href="https://twitter.com/rowsandall">
<i class="fab fa-twitter"></i>
</a>&nbsp;
<a href="https://www.instagram.com/roosendaalsander/">
<i class="fab fa-instagram"></i>
</a>&nbsp;
<a href="https://analytics.rowsandall.com/">
<i class="fab fa-wordpress-simple"></i>
</a>&nbsp;
<a href="https://www.facebook.com/rowsandall">
<i class="fab fa-facebook"></i>
</a>&nbsp;
</span>
</div>
</div>
<footer class="main-footer">
<ul>
<li>
<h1>Help</h1>
<ul>
<li>
<a href="/rowers/help/">Help</a>
</li>
<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>
</ul>
</li>
<li>
<h1>About</h1>
<ul>
<li>
<a href="/rowers/email/">Contact</a>
</li>
<li>
<a href="/rowers/partners/">Partnering?</a>
</li>
<li>
<a href="/rowers/developers/">Developers Info</a>
</li>
</ul>
</li>
<li>
<h1>Paid Plans</h1>
<ul>
<li>
<a href="/rowers/paidplans/">Paid Plans</a>
</li>
</ul>
</li>
<li>
<h1>Legal</h1>
<ul>
<li>
<a href="/rowers/legal/">Terms and Conditions</a>
</li>
<li>
<a href="/rowers/legal/">Privacy Policy</a>
</li>
</ul>
</li>
</ul>
</footer>
</body>
</html>