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; color: #777;
} }
.column {
float: left;
width: 33%;
padding: 10px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.sticky { .sticky {
position: fixed; position: fixed;
right: 0; right: 0;
@@ -111,7 +124,7 @@
color: #000; color: #000;
} }
.caption span.border { .caption div.border {
background-color: #1c75bc; background-color: #1c75bc;
color: #fff; color: #fff;
padding: 18px; padding: 18px;
@@ -128,14 +141,33 @@
/* Turn off parallax scrolling for tablets and phones */ /* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) { @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; background-attachment: scroll;
max-width: 100%; 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> </style>
{% analytical_head_bottom %} {% analytical_head_bottom %}
</head> </head>
@@ -169,12 +201,14 @@
<div class="bgimg-1"> <div class="bgimg-1">
<div class="caption"> <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> </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> <h3 style="text-align:center; max-width:100%;">Free Data and Analysis. For Rowers. By Rowers.</h3>
<p style="text-align: center;"> <p style="text-align: center;">
The best way to improve racing performance is to assess where you are, The best way to improve racing performance is to assess where you are,
@@ -190,46 +224,60 @@
<div class="bgimg-2"> <div class="bgimg-2">
<div class="caption"> <div class="caption">
<span class="border"> <div class="border">
For on-the-water and indoor rowing For on-the-water and indoor rowing
</span> </div>
</div> </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;"> <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
<h1>What we offer</h1> <h1>What we offer</h1>
<div class="row">
<h2>Plan.</h2> <div class="column">
<p>We offer a fully integrated way for you or your coach to set up the goal you commit to, plan to <h2>Plan.</h2>
achieve it, and monitor plan versus execution based on time, distance, heart rate or power.</p> <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> </div>
<p>Maintain a consistent log for all your rowing (indoor and on the water) and sync your workouts <div class="column">
to popular tools as the Concept2 logbook, Strava, TrainingPeaks, SportTracks and others.</p> <h2>Sync</h2>
<p>Maintain a consistent log for all your rowing (indoor and on the water) and sync your workouts
<h2>Analyze</h2> to popular tools as the Concept2 logbook, Strava, TrainingPeaks, SportTracks and others.</p>
<p>Analyze your workouts with a consistent set of tools, developed by rowers for rowers.</p>
</div>
<h2>Compare</h2> <div class="column">
<p>Compare youre results between workouts and with other rowers in your team.</p> <h2>Analyze</h2>
<p>Analyze your workouts with a consistent set of tools, developed by rowers for rowers.</p>
<h2>Race</h2>
<p>Virtual regattas are an informal way to add a competitive element to your training </div>
and can be used as a quick way to set up small regattas</p> </div>
<div class="row">
<h2>Coaching</h2> <div class="column">
<p>Rowsandall.com is the ideal platform for remote rowing coaching. As a coach, you can <h2>Compare</h2>
easily manage your athletes, set up plans and monitor execution and technique</p> <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> </div>
<div class="bgimg-3"> <div class="bgimg-3">
<div class="caption"> <div class="caption">
<span class="border"> <div class="border">
Plan, execute, measure, adjust Plan, execute, measure, adjust
</span> </div>
</div> </div>
</div> </div>