sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

some more responsive optimization

Browse Source
This commit is contained in:
Sander Roosendaal
2019-05-28 16:19:13 +02:00
parent 36e522c0fe
commit 47ce7ec206
1 changed files with 81 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
rowers/templates/landingpage.html
View File

@@ -34,6 +34,19 @@
color: #777;
}
.column {
float: left;
width: 33%;
padding: 10px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.sticky {
position: fixed;
right: 0;
@@ -111,7 +124,7 @@
color: #000;
}
.caption span.border {
.caption div.border {
background-color: #1c75bc;
color: #fff;
padding: 18px;
@@ -128,14 +141,33 @@
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3 .sticky{
.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>
@@ -169,12 +201,14 @@
<div class="bgimg-1">
<div class="caption">
<span class="border">FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.</span>
<div class="border">
FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.
</div>
</div>
</div>
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<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,
@@ -190,46 +224,60 @@
<div class="bgimg-2">
<div class="caption">
<span class="border">
<div class="border">
For on-the-water and indoor rowing
</span>
</div>
</div>
</div>
<div style="position:relative;">
<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>
<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>
<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>
<h2>Analyze</h2>
<p>Analyze your workouts with a consistent set of tools, developed by rowers for rowers.</p>
<h2>Compare</h2>
<p>Compare youre results between workouts and with other rowers in your team.</p>
<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>
<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 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">
<span class="border">
<div class="border">
Plan, execute, measure, adjust
</span>
</div>
</div>
</div>