1 | <!DOCTYPE html> |
---|
2 | |
---|
3 | <html xml:lang="en" |
---|
4 | xmlns:tal="http://xml.zope.org/namespaces/tal" |
---|
5 | xmlns:metal="http://xml.zope.org/namespaces/metal" |
---|
6 | xmlns:i18n="http://xml.zope.org/namespaces/i18n" |
---|
7 | i18n:domain="OpenWorkouts" |
---|
8 | metal:define-macro="base" |
---|
9 | tal:attributes="lang request.locale_name"> |
---|
10 | |
---|
11 | <head> |
---|
12 | |
---|
13 | <meta charset="utf-8"> |
---|
14 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
---|
15 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
---|
16 | <meta name="description" |
---|
17 | content="OpenWorkouts, tracking your workouts openly"> |
---|
18 | <meta name="author" content="The OpenWorkouts Project"> |
---|
19 | |
---|
20 | <metal:header-metas metal:define-slot="header-metas"></metal:header-metas> |
---|
21 | |
---|
22 | <link rel="apple-touch-icon" sizes="180x180" href="${request.static_url('ow:static/apple-touch-icon.png')}"> |
---|
23 | <link rel="icon" type="image/png" sizes="32x32" href="${request.static_url('ow:static/favicon-32x32.png')}"> |
---|
24 | <link rel="icon" type="image/png" sizes="16x16" href="${request.static_url('ow:static/favicon-16x16.png')}"> |
---|
25 | <link rel="manifest" href="${request.static_url('ow:static/site.webmanifest')}"> |
---|
26 | <link rel="mask-icon" href="${request.static_url('ow:static/safari-pinned-tab.svg')}" color="#5bbad5"> |
---|
27 | <meta name="msapplication-TileColor" content="#da532c"> |
---|
28 | <meta name="theme-color" content="#ffffff"> |
---|
29 | |
---|
30 | <title> |
---|
31 | OpenWorkouts | |
---|
32 | <metal:head-title metal:define-slot="head-title"></metal:head-title> |
---|
33 | </title> |
---|
34 | |
---|
35 | <metal:css metal:define-slot="css"></metal:css> |
---|
36 | |
---|
37 | <link rel="stylesheet" |
---|
38 | href="${request.static_url('ow:static/css/main.css')}" /> |
---|
39 | |
---|
40 | <metal:header-js metal:define-slot="header-js"></metal:header-js> |
---|
41 | |
---|
42 | </head> |
---|
43 | |
---|
44 | <body class="is-login"> |
---|
45 | |
---|
46 | <div class="page"> |
---|
47 | |
---|
48 | <header class="header-content"> |
---|
49 | <h1 class="logo"> |
---|
50 | <a href="" tal:attributes="href request.resource_url(request.root)"> |
---|
51 | <span class="logo-open">Open</span><span class="logo-work">work</span><span class="logo-outs">outs</span> |
---|
52 | </a> |
---|
53 | <!--! <metal:title metal:define-slot="title"></metal:title> --> |
---|
54 | </h1> |
---|
55 | <p class="description">tracking your workouts openly</p> |
---|
56 | |
---|
57 | <metal:menu tal:condition="request.authenticated_userid" |
---|
58 | tal:define="current_user request.authenticated_userid"> |
---|
59 | |
---|
60 | <nav class="nav-site"> |
---|
61 | <!--! renderer_name contains the name of the template rendered at |
---|
62 | view-level, so we can use that to know in which sections is the |
---|
63 | current user now --> |
---|
64 | <ul> |
---|
65 | <li |
---|
66 | tal:attributes="class 'is-active' if 'dashboard' in renderer_name else ''"> |
---|
67 | <a class="icon-dashboard" href="" i18n:translate="" |
---|
68 | tal:attributes="href request.resource_url(request.root)"> |
---|
69 | <span>Dashboard</span></a> |
---|
70 | </li> |
---|
71 | <li |
---|
72 | tal:attributes="class 'is-active' if 'profile' in renderer_name else ''"> |
---|
73 | <a class="icon-profile" href="" i18n:translate="" |
---|
74 | tal:attributes="href request.resource_url(request.root, current_user, 'profile')"> |
---|
75 | <span>My profile</span></a> |
---|
76 | </li> |
---|
77 | <li class="add-workout"> |
---|
78 | <a href="#"><span i18n:translate="">Add Workout</span></a> |
---|
79 | <ul> |
---|
80 | <li> |
---|
81 | <a href="" i18n:translate="" |
---|
82 | tal:attributes="href request.resource_url(request.root, current_user, 'add-workout')"> |
---|
83 | Upload file</a> |
---|
84 | </li> |
---|
85 | <li> |
---|
86 | <a href="" i18n:translate="" |
---|
87 | tal:attributes="href request.resource_url(request.root, current_user, 'add-workout-manually')"> |
---|
88 | Add manually</a> |
---|
89 | </li> |
---|
90 | </ul> |
---|
91 | </li> |
---|
92 | <li> |
---|
93 | <a class="icon-logout" href="" i18n:translate="" |
---|
94 | tal:attributes="href request.resource_url(request.root, 'logout')"> |
---|
95 | <span>Log out</span> |
---|
96 | </a> |
---|
97 | </li> |
---|
98 | </ul> |
---|
99 | </nav> |
---|
100 | </metal:menu> |
---|
101 | </header> |
---|
102 | |
---|
103 | <metal:content metal:define-slot="content"></metal:content> |
---|
104 | |
---|
105 | </div> |
---|
106 | |
---|
107 | <script src="${request.static_url('ow:static/components/jquery/jquery.js')}"></script> |
---|
108 | |
---|
109 | <metal:body-js metal:define-slot="body-js"></metal:body-js> |
---|
110 | |
---|
111 | </body> |
---|
112 | |
---|
113 | </html> |
---|