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

some more text and footer

Browse Source
This commit is contained in:
Sander Roosendaal
2019-05-17 15:53:32 +02:00
parent 06ef79a801
commit 5882354760
2 changed files with 147 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
rowers/templates/landingpage.html
View File

@@ -43,7 +43,6 @@
z-index: 1; z-index: 1;
height:65px; height:65px;
width: 100%; width: 100%;
color: #fff;
background: #fff; background: #fff;
} }
@@ -63,12 +62,12 @@
.bgimg-2 { .bgimg-2 {
background-image: url("/static/img/MerijnSoeters-hr-8192.jpg"); background-image: url("/static/img/MerijnSoeters-hr-8192.jpg");
min-height: 400px; min-height: 100%;
} }
.bgimg-3 { .bgimg-3 {
background-image: url("/static/img/MerijnSoeters-hr-3282.jpg"); background-image: url("/static/img/MerijnSoeters-hr-3282.jpg");
min-height: 400px; min-height: 100%;
} }
.caption { .caption {
@@ -79,6 +78,36 @@
text-align: center; text-align: center;
color: #000; 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 { .caption span.border {
background-color: #111; background-color: #111;
@@ -87,6 +116,13 @@
font-size: 25px; font-size: 25px;
letter-spacing: 10px; letter-spacing: 10px;
} }
.register .border {
background-color: #aaa;
color: #000;
padding: 18px;
font-size: 18px;
}
h3 { h3 {
letter-spacing: 5px; letter-spacing: 5px;
@@ -106,17 +142,36 @@
</head> </head>
<body> <body>
<div class="sticky"> <div class="sticky">
<a href="/" title="Home"> {% if not user.is_authenticated %}
<img src="/static/img/logo7.png" <div class="signin">
alt="Rowsandall logo" height="55px"> <span><a href="/login/">Sign In&nbsp;</a></span>
</a> </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>
<div class="bgimg-1"> <div class="bgimg-1">
<div class="caption"> <div class="caption">
<span class="border">SCROLL DOWN</span> <span class="border">FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.</span>
</div> </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>
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;"> <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
@@ -141,33 +196,111 @@
<div class="bgimg-2"> <div class="bgimg-2">
<div class="caption"> <div class="caption">
<span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">LESS HEIGHT</span> <span class="border" style="background-color:transparent;font-size:25px;color:#000;">
For on-the-water and indoor rowing
</span>
</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;">
<p>Some info goes here</p> <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>
</div> </div>
</div> </div>
<div class="bgimg-3"> <div class="bgimg-3">
<div class="caption"> <div class="caption">
<span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">SCROLL UP</span> <span class="border">
Plan, execute, measure, adjust
</span>
</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;">
<p>Where does the login go?</p> <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> </div>
<div class="bgimg-1"> <div class="bgimg-1">
<div class="caption"> <div class="caption">
<span class="border">COOL!</span> <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>
</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> </body>
</html> </html>

1
static/css/frontstyles.css
View File

@@ -57,6 +57,7 @@
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
font-size: 1.0em; font-size: 1.0em;
color: #fff;
} }
header ul { header ul {