forked from severo/pesticides_website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (137 loc) · 4.78 KB
/
index.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
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<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>Who drinks agrotoxics?</title>
<!-- TODO: bundle at build -->
<script defer src="https://bundle.run/[email protected]"></script>
<script defer src="lib/main.en.js"></script>
<link rel="stylesheet" href="css/main.css" />
</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">
Who drinks agrotoxics?
</h1>
<h2 class="subtitle is-4">
Pesticides in drinking water in Brazil
</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="#">
Cocktail of agrotoxics
</a>
<a class="navbar-item" id="nav-item-limits" href="#">
High concentrations
</a>
<!--a class="navbar-item" id="nav-item-substances">
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">Find your municipality</label>
<div class="control">
<input
id="search-input"
class="input is-medium"
type="search"
placeholder="Which municipality?"
/>
</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">Find your municipality</label>
<div class="control">
<input
id="search-modal-input"
class="input is-medium"
type="search"
placeholder="Which municipality?"
/>
</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"
class="breadcrumb"
aria-label="breadcrumbs"
></nav>
<section class="is-loading" id="details">
<section class="content" id="details-main"></section>
<footer id="details-footer">
<nav id="to-other-views"></nav>
<section id="download"></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">
<nav id="footer-lang">
Change language to
<ul>
<li><a href="./index.pt.html">Português</a></li>
<li><a href="./index.html">English</a></li>
<li><a href="./index.es.html">Español</a></li>
</ul>
</nav>
<p>
Code available on
<strong class="has-text-weight-semibold">
<a href="https://github.com/severo/pesticides_website"
>GitHub</a
>
</strong>
</p>
<p>
<small>
Source code licensed
<a href="https://www.gnu.org/licenses/gpl.html">GPL 3</a>
</small>
</p>
</div>
</div>
</div>
</footer>
</body>
</html>