This repository has been archived by the owner on Jul 28, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
200 lines (178 loc) · 10.5 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
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="se">
<head>
<title>Klimatbil | Klimatkompensera enkelt</title>
<!-- Meta
================================================== -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Marcus Otterström" />
<meta name="description" content="Klimatbil erbjuder dig ett enkelt sätt att klimatkompensera utsläppen från dina fordon. Billigt, snabbt och enkelt!" />
<meta name="keywords" content="klimatbil,klimatkompensera,enkelt,bil,fordon,klimatkompensera enkelt,klimatkompensera bil,klimatkompensera fordon,klimat,kompensera,miljö,miljöbil" />
<meta name="theme-color" content="#85c040" />
<meta property="og:site_name" content="Klimatbil" />
<meta property="og:title" content="Klimatbil | Klimatkompensera enkelt" />
<meta property="og:description" content="Klimatbil erbjuder dig ett enkelt sätt att klimatkompensera utsläppen från dina fordon. Billigt, snabbt och enkelt!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://klimatbil.github.io/klimatbil.com/" />
<meta property="og:locale" content="sv_SE" />
<meta property="og:image" content="https://preview.ibb.co/iXbS7f/klimatbil-uf-logo.png" />
<meta property="og:image:height" content="1024" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:type" content="image/png" />
<!-- Links
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="manifest" href="manifest.json" />
<!-- Important Styles
================================================== -->
<link rel="stylesheet" type="text/css" media="screen" href="css/base.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/utility.css" />
<!-- Performance improvements
================================================== -->
<link rel="prefetch" href="klimatkompensera.html">
</head>
<body>
<div class="site-background-color"></div>
<div class="width-constraint">
<!-- Top bar
================================================== -->
<div class="top-bar">
<div class="top-bar-logo">
<img src="img/logo-128.png" alt="Logotyp för Klimatbil" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com')" />
<h1 onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/')">
Klimatbil
<div class="tree-counter"><span id="counter">0</span> träd planterade!</div>
</h1>
</div>
<div id="js-nav-hamburger" class="nav-bar-toggle noSelectionHighlight" onclick="ToggleNavBar();">
<span class="hamburger-line hamburger-top"></span>
<span class="hamburger-line hamburger-middle"></span>
<span class="hamburger-line hamburger-bottom"></span>
</div>
</div>
<!-- Navigation bar
================================================== -->
<nav class="nav-bar nav-bar-inactive" id="js-nav-bar">
<ul>
<li class="nav-link" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com')">Hem</li>
<li class="nav-link" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/klimatkompensera')">Klimatkompensera</li>
<li class="nav-link" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/om-oss')">Om oss</li>
<li class="nav-link" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/beräkningsmetodik')">Beräkningsmetodik</li>
<li class="nav-link" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/månadsrapporter')">Månadsrapporter</li>
</ul>
</nav>
<div class="overlap-background transparent-background" id="js-overlap-background"></div>
<div class="overlap-hide hidden noSelectionHighlight" id="js-overlap-hide" onclick="ToggleNavBar()"></div>
<div class="page-wrapper">
<!-- Page content
================================================== -->
<div class="content-wrapper">
<div class="landing-container">
<div class="fullscreen-background landing"></div>
<h2>Klimatkompensera enkelt vid tankning</h2>
<button class="compensate-button big" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/klimatkompensera');">
Kom igång
</button>
<button class="more-info-button" onclick="SetWindowLocationTo('#hur-fungerar-det')">
Mer information
</button>
</div>
<a class="anchor" id="hur-fungerar-det"></a>
<div class="page-ribbon">
<b>HUR FUNGERAR DET?</b>
</div>
<div class="info-box">
Med Klimatbil kan du enkelt klimatkompensera för dina fordons koldioxidutsläpp.
</div>
<div class="info-box">
Allt du behöver göra är att skriva in hur mycket du har tankat.
Hemsidan räknar sedan ut hur mycket koldioxidutsläpp bränslet motsvarar,
hur många träd som behövs planteras, och hur mycket dessa träd kostar.
Läs gärna mer om vår beräkningsmetodik i detalj <a href="beräkningsmetodik.html">här</a>.
</div>
<a class="anchor" id="var-går-pengarna"></a>
<div class="page-ribbon">
<b>VAR GÅR PENGARNA?</b>
</div>
<div class="info-box">
<iframe class="otp-video" src="https://www.youtube.com/embed/AVC6d6KbEok" title="One Tree Planted: Our Story" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br /><br />
Klimatbil samarbetar med välgörenhetsorganisationen
<a href="https://onetreeplanted.org/pages/about-us" target="_blank" rel="noopener">One Tree Planted</a>.
Organisationen har många planteringsprojekt på totalt 4 kontinenter och planterar hundratals träd varje dag.
Pengarna från Klimatbils användare stödjer ett projekt i Amazonas regnskog i Peru.
</div>
<div class="info-box">
Regnskogen är hem för hälften av alla kända arter på vår planet, och många av dessa riskerar att bli utrotade.
Träden som du planterar hjälper alltså inte endast till med att motverka den globala uppvärmningen, utan även
med att bevara ett av jordens absolut viktigaste ekosystem. Du kan läsa mer om projektet i Peru
<a href= "https://onetreeplanted.org/collections/latin-america/products/amazon-rainforest-peru" target="_blank" rel="noopener">här</a>.
</div>
<a class="anchor" id="rapporter"></a>
<div class="page-ribbon">
<b>HUR VET JAG ATT PENGARNA GÅR DIT?</b>
</div>
<div class="info-box">
Klimatbil offentliggör distributionen av samtliga intäkter för varje månad genom att publicera dem <a href="månadsrapporter.html">här</a>.
</div>
<a class="anchor" id="vad-får-jag"></a>
<div class="page-ribbon">
<b>VAD FÅR JAG?</b>
</div>
<div class="info-box">
När du har gjort din klimatkompensation får du ett kvitto på e-postadressen som angavs vid betalningen.
</div>
<div class="info-box">
Utöver detta tävlar du även automatiskt om att vara månadens klimatkompenserare. Om du vinner kommer du att kontaktas av oss i månadens slut.
</div>
<div class="info-box">
Viktigast av allt är att du får alldeles egna träd i Amazonas regnskog. Dessa kommer uppta koldioxid under många år framöver och tillhandahålla en trygg levnadsmiljö till många av jordens utrotningshotade arter.
</div>
<button class="compensate-button small" onclick="SetWindowLocationTo('https://klimatbil.github.io/klimatbil.com/klimatkompensera')" style="margin-bottom: 1em;">
Kom igång
</button>
</div>
<div class="footer">
<div>
<div class="email"><a href="mailto:[email protected]">[email protected]</a></div>
<div>Uppsala, Sweden</div>
</div>
<div class="addthis_inline_follow_toolbox"></div>
</div>
</div>
</div>
<div class="demo-reminder">
This is an archived version of the discontinued website klimatbil.com.
</div>
<!-- JavaScript
================================================== -->
<script src="js/countUp.js"></script>
<script src="js/main.js"></script>
<!-- Starts the tree counter for now. Should probably be in a separate file. -->
<script>
var counter = new CountUp("counter", 0, 100, 0, 5, {
useGrouping: false,
suffix: '+'
});
counter.start();
</script>
<!-- Makes sure the users use an up-to-date browser -->
<script>
var $buoop = {required:{e:-4,f:-3,o:-3,s:-1,c:-3},insecure:true,api:2019.07,shift_page_down:false };
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
<!-- Secondary Styles
================================================== -->
<link rel="stylesheet" type="text/css" media="screen" href="css/normalize.css" />
<!-- AddThis buttons
================================================== -->
<script type="text/javascript" async src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c7886c5a66f2ac6"></script>
</body>
</html>