This repository has been archived by the owner on Aug 17, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.mustache.html
131 lines (130 loc) · 4.57 KB
/
index.mustache.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="{{lang}}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{title}}</title>
<script defer src="lib/[email protected]"></script>
<script defer src="lib/main.{{lang}}.js?v=VERSION_PLACEHOLDER"></script>
<link rel="stylesheet" href="css/main.css?v=VERSION_PLACEHOLDER" />
</head>
<body>
<section id="page-title" class="hero is-small is-primary cocktail">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-8-desktop">
<h1 class="title is-2 is-spaced">
{{hero.title}}
</h1>
<h2 class="subtitle is-4">
{{hero.subtitle}}
</h2>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="app">
<div class="container">
<div class="field is-horizontal is-hidden" id="substance-select"></div>
<div class="columns is-tablet">
<section class="column is-half-tablet ">
<nav
id="navbarMaps"
class="is-white is-flex-tablet has-text-centered"
role="navigation"
aria-label="main navigation"
>
<a class="navbar-item" id="nav-item-cocktail" href="#_">
{{nav.cocktail}}
</a>
<a class="navbar-item" id="nav-item-limits" href="#_">
{{nav.concentrations}}
</a>
<!--a class="navbar-item" id="nav-item-substances">
{{nav.substances}}
</a-->
</nav>
<section class="is-loading" id="map"></section>
</section>
<section class="column is-half-tablet">
<section id="search">
<div class="field">
<label class="label">{{search.title}}</label>
<div class="control">
<input
id="search-input"
class="input is-medium"
type="search"
placeholder="{{search.placeholder}}"
/>
</div>
</div>
<div id="search-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-content has-background-white">
<div class="field">
<label class="label">{{search.title}}</label>
<div class="control">
<input
id="search-modal-input"
class="input is-medium"
type="search"
placeholder="{{search.placeholder}}"
/>
</div>
</div>
<ul id="results"></ul>
<!-- Any other Bulma elements you want -->
</div>
<button
class="modal-close is-large"
aria-label="close"
></button>
</div>
</section>
<nav id="breadcrumb"></nav>
<section class="is-loading" id="details">
<section class="content" id="details-main"></section>
<footer id="details-footer">
<nav id="to-other-views" class="content"></nav>
<section id="to-article" class="content"></section>
<section id="download" class="content"></section>
<section id="source" class="content"></section>
</footer>
</section>
</section>
</div>
</div>
</section>
<footer class="footer has-text-centered">
<div class="container">
<div class="columns">
<div class="column is-8-desktop is-offset-2-desktop">
<p>
{{footer.code}}
<strong class="has-text-weight-semibold">
<a
href="https://github.com/severo/pesticides_website"
target="_blank"
>GitHub</a
>
</strong>
- vVERSION_PLACEHOLDER
</p>
<p>
<small>
{{footer.license}}
<a href="https://www.gnu.org/licenses/gpl.html" target="_blank"
>GPL 3</a
>
</small>
</p>
</div>
</div>
</div>
</footer>
</body>
</html>