57 lines
3.5 KiB
HTML
57 lines
3.5 KiB
HTML
{% from '_ui.html' import icon, running_map %}
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}Stride · Your running story{% endblock %}</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
<link rel="icon" href="{{ url_for('static', filename='mark.svg') }}" type="image/svg+xml">
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body class="{{ 'app-shell' if current_user.is_authenticated else 'public-shell' }}">
|
|
{% if current_user.is_authenticated %}
|
|
<aside class="sidebar">
|
|
<a class="brand" href="{{ url_for('web.index') }}"><span class="brand-mark">s</span>stride<span class="brand-dot">.</span></a>
|
|
<div class="sidebar-label">TRAINING LOG</div>
|
|
<nav aria-label="Main navigation">
|
|
{% if current_user.is_authenticated %}
|
|
<a class="nav-item {{ 'active' if request.endpoint == 'web.dashboard' }}" href="{{ url_for('web.dashboard') }}">{{ icon('overview') }} Overview</a>
|
|
<a class="nav-item {{ 'active' if request.endpoint == 'web.profile' }}" href="{{ url_for('web.profile', username=current_user.username) }}">{{ icon('profile') }} Shared profile</a>
|
|
{% endif %}
|
|
{% if current_user.is_authenticated %}<a class="nav-item {{ 'active' if request.endpoint == 'web.friends' }}" href="{{ url_for('web.friends') }}">{{ icon('friends') }} Friends</a>{% endif %}
|
|
{% if current_user.is_authenticated %}
|
|
<a class="nav-item {{ 'active' if request.endpoint == 'web.settings' }}" href="{{ url_for('web.settings') }}">{{ icon('settings') }} Settings & imports</a>
|
|
{% else %}
|
|
<a class="nav-item {{ 'active' if request.endpoint == 'web.login' }}" href="{{ url_for('web.login') }}">{{ icon('arrow') }} Sign in</a>
|
|
{% endif %}
|
|
</nav>
|
|
<div class="sidebar-bottom">
|
|
{% if current_user.is_authenticated %}
|
|
<div class="account"><span class="avatar">{{ current_user.display_name[:1]|upper }}</span><div><strong>{{ current_user.display_name }}</strong><small>Runner</small></div></div>
|
|
<form method="post" action="{{ url_for('web.logout') }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="text-button logout">Sign out {{ icon('arrow') }}</button></form>
|
|
{% else %}<span class="muted">Made for the long run.</span>{% endif %}
|
|
</div>
|
|
</aside>
|
|
{% else %}
|
|
<header class="landing-header">
|
|
<a class="brand" href="{{ url_for('web.index') }}" aria-label="Stride home"><span class="brand-mark">s</span>stride<span class="brand-dot">.</span></a>
|
|
<nav aria-label="Account navigation">
|
|
{% if request.endpoint == 'web.login' %}<a class="button secondary" href="{{ url_for('web.register') }}">Create account {{ icon('arrow') }}</a>
|
|
{% else %}<a class="button secondary" href="{{ url_for('web.login') }}">Sign in {{ icon('arrow') }}</a>{% endif %}
|
|
</nav>
|
|
</header>
|
|
{% endif %}
|
|
<main>
|
|
{% if current_user.is_authenticated %}
|
|
<header class="topbar"><span class="breadcrumb">YOUR SPACE <span>/</span> {% block breadcrumb %}RUNNING{% endblock %}</span><span class="local-badge"><i></i> Personal running log</span></header>
|
|
{% endif %}
|
|
<div class="page">
|
|
{% for category, message in get_flashed_messages(with_categories=true) %}<div role="status" class="flash {{ category }}">{{ message }}</div>{% endfor %}
|
|
{% block content %}{% endblock %}
|
|
<footer class="footer"><span>STRIDE / RUNNING LOG</span><span>DISTANCE · TIME · PROGRESS</span></footer>
|
|
</div>
|
|
</main>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|