272 lines
8.6 KiB
HTML
272 lines
8.6 KiB
HTML
{% load cookielaw_tags %}
|
|
{% load analytical %}
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html lang="en">
|
|
<head>
|
|
<script src="/static/cookielaw/js/cookielaw.js"></script>
|
|
{% analytical_head_top %}
|
|
{% if GOOGLE_ANALYTICS_PROPERTY_ID %}
|
|
{% include "ga.html" %}
|
|
{% endif %}
|
|
<link rel="stylesheet" href="/static/css/bokeh-0.12.3.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/bokeh-widgets-0.12.3.min.css" type="text/css" />
|
|
|
|
<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
|
|
<link rel="icon" sizes="32x32" href="/static/img/favicon-32x32.png" type="image/png"/>
|
|
<link rel="icon" sizes="64x64" href="/static/img/favicon-64x64.png" type="image/png"/>
|
|
<link rel="icon" sizes="192x192" href="/static/img/favicon-192x192.png" type="image/png"/>
|
|
<link rel="icon" sizes="16x16" href="/static/img/favicon-16x16.png" type="image/png"/>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="initial-scale=0.67">
|
|
<title>Rowsandall</title>
|
|
<link rel="stylesheet" href="/static/css/reset.css" />
|
|
<link rel="stylesheet" href="/static/css/text.css" />
|
|
<link rel="stylesheet" href="/static/css/960_12_col.css" />
|
|
<link rel="stylesheet" href="/static/css/rowsandall.css" />
|
|
{% block meta %} {% endblock %}
|
|
{% analytical_head_bottom %}
|
|
</head>
|
|
<body>
|
|
|
|
<style>
|
|
.splash {
|
|
background-color: transparent;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
min-height: 759px;
|
|
min-width: 1024px;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.container_12 {background-color: rgba(255,255,255,0.0);}
|
|
.container_top {background-color: rgba(255,255,255,0.7);}
|
|
</style>
|
|
|
|
<div id="bgpic" class="splash">
|
|
{% analytical_body_top %}
|
|
<div class="container_top">
|
|
<div class="container_12">
|
|
<div class="grid_12">
|
|
|
|
</div>
|
|
<div class="grid_12">
|
|
<div id="logo" class="grid_6 alpha">
|
|
{% if user.rower.rowerplan == 'pro' or user.rower.rowerplan == 'coach' %}
|
|
<p><a href="/"><img src="/static/img/logo7.png"
|
|
alt="Rowsandall logo" height="80"></a></p>
|
|
{% else %}
|
|
<p><a href="/"><img src="/static/img/logo7.png"
|
|
alt="Rowsandall logo" height="80"></a></p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_6 omega">
|
|
<div class="grid_4 alpha">
|
|
<div class="grid_1 alpha">
|
|
<p id="header">
|
|
<a class="button gray small" href="/rowers/videos">Videos</a></p>
|
|
</div>
|
|
<div class="grid_2">
|
|
<p id="header">
|
|
<a class="button gray small" href="http://analytics.rowsandall.com/">Rowing Analytics BLOG</a></p>
|
|
</div>
|
|
<div class="grid_1 omega">
|
|
<p id="header">
|
|
<a class="button gray small" href="/rowers/email">Contact</a>
|
|
</p>
|
|
</div>
|
|
<div class="grid_4 alpha">
|
|
<p>Free Data and Analysis. For Rowers. By Rowers.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_1">
|
|
<div class="grid_1 tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p>
|
|
<a class="button gray small" href="/rowers/me/edit">{{ user.first_name }}</a>
|
|
</p>
|
|
<span class="tooltiptext">Edit user account, e.g. heart rate zones, power zones, email, teams</span>
|
|
|
|
{% else %}
|
|
<p><a class="button gray small" href="{% url 'login' %}">login</a> </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_1">
|
|
{% if user.is_authenticated %}
|
|
<p><a class="button gray small" href="{% url 'logout' %}">logout</a></p>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="grid_1 omega">
|
|
{% if user.rower.rowerplan == 'pro' or user.rower.rowerplan == 'coach' %}
|
|
<h6 class="graytext">Pro Member</h6>
|
|
{% else %}
|
|
<div class="grid_1"><a class="button green small" href="/rowers/promembership">Upgrade to Pro</a></div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="grid_12">
|
|
<div class="grid_1 alpha tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p><a class="button gray small" href="/rowers/workout/upload/">Upload</a></p>
|
|
<span class="tooltiptext">Upload CSV, TCX, FIT data files to rowsandall.com</span>
|
|
{% else %}
|
|
<p><a class="button green small" href="/rowers/register">Register (free)</a></p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_1 tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p>
|
|
<a class="button gray small" href="/rowers/imports/">Import</a>
|
|
</p>
|
|
<span class="tooltiptext">Import workouts from Strava, SportTracks, and C2 logbook</span>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_2 tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p>
|
|
<a class="button gray small" href="/rowers/list-workouts/">Workouts</a>
|
|
</p>
|
|
<span class="tooltiptext">See your list of workouts</span>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_1 tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p>
|
|
<a class="button gray small" href="/rowers/list-graphs/">Graphs</a>
|
|
</p>
|
|
<span class="tooltiptext">See your most recent charts</span>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_2 tooltip">
|
|
{% if user.is_authenticated %}
|
|
<p>
|
|
<a class="button gray small" href="/rowers/analysis">Analysis</a>
|
|
</p>
|
|
<span class="tooltiptext">Analysis of workouts over a period of time</span>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="grid_1 tooltip">
|
|
{% if user.is_authenticated and teams %}
|
|
<div class="grid_1 alpha dropdown">
|
|
<button class="grid_1 alpha button gray small dropbtn">
|
|
Teams
|
|
</button>
|
|
<div class="dropdown-content">
|
|
{% for t in teams %}
|
|
<a class="button gray small" href="/rowers/list-workouts/team/{{ t.id }}/">{{ t.name }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<span class="tooltiptext">See recent workouts for your team</span>
|
|
{% elif user.is_authenticated and user.rower.team.all %}
|
|
<div class="grid_1 alpha dropdown">
|
|
<button class="grid_1 alpha button gray small dropbtn">
|
|
Teams
|
|
</button>
|
|
<div class="dropdown-content">
|
|
{% for t in user.rower.team.all %}
|
|
<a class="button gray small" href="/rowers/list-workouts/team/{{ t.id }}/">{{ t.name }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<span class="tooltiptext">See recent workouts for your team</span>
|
|
{% else %}
|
|
<p> </p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
|
<div class="grid_12">
|
|
{% block message %}
|
|
{% if message %}
|
|
<p class="message">
|
|
{{ message }}
|
|
</p>
|
|
{% endif %}
|
|
{% if successmessage %}
|
|
<p class="successmessage">
|
|
{{ successmessage }}
|
|
</p>
|
|
{% endif %}
|
|
{% endblock %}
|
|
</div>
|
|
<div class="grid_12">
|
|
{% load tz %}
|
|
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<div class="grid_12 omega" >
|
|
{% block footer %}
|
|
<p id="footer">{{ versionstring }}</p>
|
|
<div class="grid_2 alpha">
|
|
<p id="footer"><a href="/rowers/email/">© Sander Roosendaal</a></p>
|
|
</div>
|
|
<div class="grid_1">
|
|
<p id="footer">
|
|
<a href="/rowers/about">About</a></p>
|
|
</div>
|
|
<div class="grid_2">
|
|
<p id="footer">
|
|
<a href="/rowers/developers">Developers</a></p>
|
|
</div>
|
|
<div class="grid_1">
|
|
<p id="footer">
|
|
<a href="/rowers/legal">Legal</a></p>
|
|
</div>
|
|
<div class="grid_1">
|
|
<p id="footer">
|
|
<a href="/rowers/partners">Partners</a></p>
|
|
</div>
|
|
<div class="grid_1">
|
|
<p id="footer">
|
|
<a href="/rowers/physics">Physics</a></p>
|
|
</div>
|
|
<div class="grid_2">
|
|
<p id="footer">
|
|
<a href="http://analytics.rowsandall.com/">Rowing Analytics BLOG</a></p>
|
|
</div>
|
|
<div class="grid_2 omega">
|
|
<p id="footer">
|
|
<a href="https://www.facebook.com/groups/rowsandall/">Facebook group</a></p>
|
|
</div>
|
|
{% endblock %}
|
|
</div>
|
|
{% cookielaw_banner %}
|
|
</div>
|
|
</div>
|
|
<!-- end container -->
|
|
{% analytical_body_bottom %}
|
|
<script type="text/javascript">
|
|
var num = (Math.floor(Math.random()*4));
|
|
|
|
var array = ['one', 'two', 'three', 'four'];
|
|
|
|
|
|
var elem = document.getElementById('bgpic');
|
|
console.log(elem);
|
|
elem.classList.add(array[num]);
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|