-
Notifications
You must be signed in to change notification settings - Fork 0
/
norwegian.html
173 lines (167 loc) · 10.1 KB
/
norwegian.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE HTML>
<html lang="no">
<head>
<title>Biocaching</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Biocaching er et spill som går ut på å være ute og identifisere og dokumentere observasjoner av planter, dyr og andre levende organismer." />
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194" />
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192" />
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileColor" content="#ff8700" />
<meta name="msapplication-TileImage" content="/mstile-144x144.png" />
<meta name="theme-color" content="#ff8700" />
<meta property="og:title" content="Biocaching" />
<meta property="og:description" content="Biocaching er et spill som går ut på å være ute og identifisere og dokumentere observasjoner av planter, dyr og andre levende organismer." />
<meta property="og:image" content="back3.jpg" />
<script>
var language = window.navigator.userLanguage || window.navigator.language;
if (!(language == 'no' || language == 'nn' || language == 'nb' || language == 'no-nn' || language == 'no-nn' || language == 'nn-no' || language == 'nno' || language == 'nob' || language == 'nor')) {
window.location = 'index.html';
}
</script>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300|Roboto+Slab:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav>
<div class="menu">
<h1>Biocaching</h1>
<ul id="desktop-ul">
<li><a href="#spill">Spill</a></li>
<li><a href="#bakgrunn">Om</a></li>
<li><a href="#media">I media</a></li>
<li><a href="#teamet">Teamet</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
<img aria-role="button" aria-hidden="true" src="menu.svg" onclick="menuToggle()" />
</div>
</nav>
<nav id="menu" class="mobile-menu" aria-hidden="true">
<ul>
<li><a href="#spill" onclick="menuToggle()">Spill</a></li>
<li><a href="#bakgrunn" onclick="menuToggle()">Om</a></li>
<li><a href="#media" onclick="menuToggle()">I media</a></li>
<li><a href="#teamet" onclick="menuToggle()">Teamet</a></li>
<li><a href="#kontakt" onclick="menuToggle()">Kontakt</a></li>
</ul>
<img aria-role="button" src="close.svg" onclick="menuToggle()" />
</nav>
<header aria-hidden="true" id="b-image-header">
</header>
<section class="spill" id="spill">
<article>
<div class="embed">
<iframe src="https://player.vimeo.com/video/139995056?color=ff8800&title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</article>
</section>
<section class="bakgrunn" id="bakgrunn">
<article>
<h2>Om</h2>
<div class="col-wrap">
<p class="text-col-one">For å være med i spillet må en ta et bilde av en art, identifisere arten, oppgi tid og sted, og lagre dette som en observasjon. Bildet må være av så god kvalitet at det er mulig å gjenkjenne arten fra bildet. Observasjonen må også ha tid og lokasjon, og det vil være mulig å angi annen informasjon som antall, kommentarer, kjønn, farge og alder eller stadie. En registrert observasjon gir poeng. Det vil gis ekstra poeng for å ha observert mange arter i samme familie, og for å være den første som observerer en art i et område.</p>
<p class="text-col-two">Deltagere kan se andre deltageres observasjoner og kan kommentere og gi 'likes'. Slike aktiviteter kan også gi ekstra poeng.<br><br>Naturen er i endring, arter observeres nå der de ikke har blitt sett før. Observasjoner i Biocaching vil sendes videre til Artsdatabanken sin observasjonsdatabase, og slik vil Biocaching være med på å kartlegge forekomster og utbredelse av arter i Norge. Slik er Biocaching med på å bidra til forskning og miljøovervåkning.</p>
</div>
</article>
</section>
<section aria-hidden="true" id="b-img"></section>
<section class="i-media" id="media">
<article>
<h2>I media</h2>
<ul>
<li><a href="http://www.cw.no/artikkel/utvikling/hacking-pa-honefoss">Hacking på Hønefoss - Computer World</a></li>
<li><a href="https://kulturognaturreise.wordpress.com/2015/06/16/moro-med-apne-data/">Moro med åpne data - Kultur og Naturreise</a></li>
<li><a href="http://www.hack4.no/hack4/konkurransen/vinnerne-av-hack4no">Vinnerne av Hack4No - Hack4.no</a></li>
<li><a href="http://hack4.no/hack4/konkurransen/84-hack4no/99-gi-tein-og-biopin-it-gar-videre">Gi tein og BioPin.it går videre - Hack4.no</a></li>
<li><a href="https://medium.com/@secondmuse/how-citizen-scientists-are-revolutionizing-data-collection-dcd4335a0b6c">How Citizen Scientists Are Revolutionizing Data Collection - SecondMuse</a></li>
<li><a href="http://www.eoesummit.org/news/eye-on-earth-announces-finalists-and-winners-of-data-innovation-challenges/">Eye on Earth announces finalists and winners of Data Innovation Challenges - Eye on Earth</a></li>
<li><a href="http://environment.govmu.org/English/News/Pages/Biocaching-Project.aspx">Press Conference Minister of Environment Sustainable Development, and Disaster and Beach Management</a></li>
<li><a href="http://www.va.se/nyheter/2015/10/28/spela-dig-till-biologisk-mangfald/">Spela dig till biologisk mångfald - Veckans Affärer</a></li>
<li><a href="http://kartverket.no/Om-Kartverket/Nyheter/norske-hacke-lag-til-topps-i-helsinki/">Norske hacke-lag til topps i Helsinki - Kartverket</a></li>
<li><a href="www.digi.no/bedriftsteknologi/2015/12/04/norsk-mobilapp-har-fatt-internasjonal-oppmerksomhet">Norsk mobilapp har fått internasjonal oppmerksomhet - digi.no</a></li>
</ul>
</article>
</section>
<section class="teamet" id="teamet">
<article>
<h2>Teamet</h2>
<div class="person">
<img src="albin_small.jpg" alt="Bilde på Albin" />
<div>
<h3>Albin Larsson</h3>
<p>Albin studier i dag Orientering og Teknologi: informasjons og medieteknologi på Nyköpings gymnasium i Sverige. Han frilanser også som webutvikler for både lokale og internasjonale klienter. På sin fritid trener Albin orientering og lager kart.</p>
</div>
</div>
<div class="person">
<img src="alice_small.jpg" alt="Bilde på Alice" />
<div>
<h3>Alice Polenghi</h3>
<p>Alice er en grafsk designer fra Italia, spesialisert i kart- og wayfindingdesign. Hun er nå basert i Tromsø hvor hun jobber som frilanser. I fritiden liker hun å gå på tur, danse swing eller lage ting.</p>
</div>
</div>
<div class="person">
<img src="bjorn_small.jpg" alt="Bilde på Bjørn" />
<div>
<h3>Bjørn Hjelle</h3>
<p>Bjørn har arbeidet med systemutvikling i mange år for små og store norske og utenlandske bedrifter. Han er nå ansatt i Acando AS og arbedier mye med systemer for søk og integrasjon. Han får lett sommerfugler i magen når det byr seg en mulighet for å se naturen på nært hold.</p>
</div>
</div>
<div class="person">
<img src="davide_small.jpg" alt="Bilde på Davide" />
<div>
<h3>Davide Rapotez</h3>
<p>Davide er en psykologistudent fra Italia, og er spesielt interessert i design thinking og persepsjonspsykologi. Han bor også i Tormsø og samarbeider med Alice i ulike designprosjekter, med ansvar på brukeranalyse og produkttesting. I fritiden liker han å danse swing, lese mer psykologibøker og være ut i naturen..</p>
</div>
</div>
<div class="person">
<img src="peter_small.jpg" alt="Bilde på Peter" />
<div>
<h3>Peter Bremer</h3>
<p>Peter har en mastergrad i byplanlegging og har jobbet med webutvikling i over 20 år. Han kommer fra Nederland, og bor nå i Trondheim. Han har en lidenskap for å lage kart, vandring og fotografi.</p>
</div>
</div>
</article>
</section>
<section aria-hidden="true" id="back-img-two"></section>
<section class="kontakt" id="kontakt">
<article>
<h2>Kontakt</h2>
<p>E-mail: <a href="mailto:[email protected]">[email protected]</a> <img class="facebook-img" aria-hidden="true" src="facebook.png" alt="Facebook bilde" /> <a href="https://www.facebook.com/biocaching">Facebook</a></p>
</article>
</section>
<script src="menu.js"></script>
<script src="viewport-units-buggyfill.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67613018-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="jquery.scrolldepth.min.js"></script>
<script>
$.scrollDepth({
elements: ['#spill', '#bakgrunn', '#media', '#teamet', '#kontakt'],
userTiming: true,
gtmOverride: true,
nonInteraction: false
});
</script>
</body>
</html>