This repository has been archived by the owner on Apr 23, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (199 loc) · 12.3 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
201
202
203
204
205
206
207
208
209
<!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.0"/>
<title>Fosshost ECO</title>
<meta name="description" content="Reducing the CO2 footprint together! We will plant a tree for each application">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://eco.fossho.st/">
<meta property="og:title" content="Fosshost ECO">
<meta property="og:description" content="Reducing the CO2 footprint together! We will plant a tree for each application">
<meta property="og:image" content="https://eco.fossho.st/img/og-meta.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://eco.fossho.st/">
<meta property="twitter:title" content="Fosshost ECO">
<meta property="twitter:description" content="Reducing the CO2 footprint together! We will plant a tree for each application">
<meta property="twitter:image" content="https://eco.fossho.st/img/og-meta.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/font/sourcesanspro.css" rel="stylesheet" type="text/css"/>
<link href="css/green.css" rel="stylesheet" type="text/css">
<script async defer data-domain="eco.fossho.st" src="https://stats.willit.fail/js/plausible.js"></script>
</head>
<body>
<div class="container box-shadow rounded-bottom">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light box-shadow">
<div class="container-fluid">
<a class="navbar-brand" href="https://fosshost.org/" target="_blank" rel="noopener"><img class="img-logo" src="/img/logo.png" height="48" alt="Fosshost"/></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sponsors.html">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/stats.html">Stats</a>
</li>
<li class="nav-item ms-2">
<a href="https://fosshost.org/apply" class="nav-link btn btn-warning">❤️ Plant a tree!</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="clearfix mt-3"> </div>
<header class="text-center">
<div class="fosshost-text">
<h1 class="display-1 mt-5 fw-bold">Fosshost ECO</h1>
</div>
<div class="fosshost-eco mt-5">
<img src="img/fosshost-eco.png" class="eco-logo">
</div>
<div class="cl sepia">
<img class="cl sepia" src="img/forest-2.png" alt="Forest drawing" height="164" width="270"/>
</div>
</header>
<div class="row text-center mt-5">
<div class="col-md-12 mb-2">
<div>
<p class="mt-3">Like any hosting provider, <a href="https://fosshost.org" target="_blank" rel="noopener">Fosshost</a> uses a lot of electricity to run the infrastructure and support numerous open-source projects worldwide.</p>
<p class="mb-5">This is why we decided to give our best and reduce our CO2 footprint by planting a tree for each accepted project! 🌳❤️</p>
</div>
</div>
<div class="col-md-10 offset-md-1 mb-5">
<p class="lead">Fosshost has calculated an approximate CO2 footprint for 2021, this includes predicted usage for the remainder of the current year of 58.4 tonnes of carbon dioxide.</p>
<p>Details about our CO2 footprint can be found <a href="/stats.html">here</a>.</p>
</div>
<div class="row">
<div class="col col-md-5 offset-md-1">
<div id="why">
<div class="cl grayscale"><img class="img-fluid" src="img/earth-hands.svg" style="height: 100px" alt="Hands holding the Earth"/></div>
<p class="display-5">Why do we do it?</p>
<p>
Reducing carbon emissions is imperative in the fight against climate change. At Fosshost, we build, grow and innovate technology solutions and cloud computing platforms to advance, support and promote the free and open source community (FOSS). We are passionate about driving sustainability throughout our organisation and the wider FOSS community. We have partnered with
<a href="https://moretrees.eco/" target="_blank" rel="noopener">THG(eco)</a> to develop our Plant a Tree sustainability programme as our commitment to offsetting CO2 emissions.
</p>
</div>
</div>
<div class="col-md-5">
<div id="how">
<div class="cl grayscale"><img class="img-fluid" src="img/plant-a-tree.svg" style="height: 100px" height="100" width="100" alt="Planting a Tree"/></div>
<p class="display-5">How will we do it?</p>
<p>
We will plant a tree for every application that we approve. We have carefully selected locations for planting trees in Madagascar, Kenya, Haiti. We work with tree planting projects across the world, to bring you a variety of locations to support, with various co-benefits such as poverty alleviation, biodiversity and community support.
</p>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col col-md-10 mt-lg-5 offset-md-1">
<div class="cl grayscale">
<img src="img/when.svg" class="img-fluid" style="height: 100px" height="100" width="100" alt="ETA"/>
</div>
<p class="display-5">When will we do it?</p>
<div class="row justify-content">
<div class="col-sm-12 col-md-6 mx-auto">
<p class="mt-3">
The Plant a Tree programme is now launched as of the 1st July. Projects do not need to do anything. If you are approved for Fosshost services, your tree will be automatically planted. During the application process, you can select which tree planting project site you would like to plant your tree. Unfortunately we cannot plant tree's for declined applications, as we
currently decline more applications than we approve, and typically, our power consumption increases as we approve projects, rather than decline.<br/><br/><span class="fw-bold">However to give the Fosshost Plant a Tree programme a head start, we have planted 50 tree's equally between all <a href="https://moretrees.eco/" target="_blank" rel="noopener">THG(eco) tree planting projects</a></span>.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="planet"> </div>
</div>
<div class="col-md-12 text-center">
<a href="https://moretrees.eco/" target="_blank" rel="noopener"><img src="/img/thg/Member%20Logo%20-%20Horizontal%20-%20Black.png" alt="THG Member" class="img-fluid" style="width: 150px; height: auto;"></a>
</div>
<footer>
<div class="sponsorsFooter">
<h1 id="sponsorTitle" data-default-title="<strong>Our Core Sponsors</strong>"><strong>Our Core Sponsors</strong></h1>
<ul style="color: rgb(0, 0, 0)">
<span data-group-title="FDC Servers">
<li>
<a href="https://fdcservers.net/" target="_blank" rel="noopener"> <img src="img/sponsors/fdc.svg" class="filter-green" alt="FDC"/></a>
</li>
</span>
<span data-group-title="RapidSwitch">
<li>
<a href="https://rapidswitch.com/" target="_blank" rel="noopener"> <img src="img/sponsors/rapidswitch.png" class="filter-green" style="height: auto !important;" alt="RapidSwitch"/></a>
</li>
</span>
<span data-group-title="JOLT">
<li>
<a href="https://jolt.co.uk/" target="_blank" rel="noopener"> <img src="img/sponsors/jolt.svg" class="filter-green" alt="JOLT"/></a>
</li>
</span>
<span data-group-title="HOSTKEY — premium web services provider">
<li>
<a href="https://hostkey.com/" target="_blank" rel="noopener"> <img src="img/sponsors/hostkey.svg" class="filter-green" alt="HostKey"/></a>
</li>
</span>
<span data-group-title="IP driven Infrastructure">
<li>
<a href="http://serverius.net/" target="_blank" rel="noopener"> <img src="img/sponsors/serverus.svg" class="filter-green" alt="Serverius"/></a>
</li> </span
><br/>
<span data-group-title="Digital Ocean - Simplify your cloud">
<li>
<a href="https://digitalocean.com/" target="_blank" rel="noopener"> <img src="img/sponsors/digitalocean.svg" class="fader" alt="DigitalOcean"/></a>
</li>
</span>
<span data-group-title="Global, interconnected bare metal ">
<li>
<a href="https://metal.equinix.com/" target="_blank" rel="noopener"> <img src="img/sponsors/equinix.svg" class="fader" alt="Equinix"/></a>
</li>
</span>
<span data-group-title="OSU Open Source Lab">
<li>
<a href="https://osuosl.org/" target="_blank" rel="noopener"> <img src="img/sponsors/osu.png" class="filter-green" alt="OSUL"/></a>
</li>
</span>
<span data-group-title="Where developers dream bigger.">
<li>
<a href="https://fastly.net/" target="_blank" rel="noopener"> <img src="img/sponsors/fastly.svg" class="fader" alt="Fastly"/></a>
</li>
</span>
</ul>
</div>
<p class="mt-5 small text-center text-muted">
<a href="https://fosshost.org" target="_blank">Fosshost</a> is a nonprofit company and is registered in England and Wales. Company Registration Number: 13356530. All rights reserved © 2021
</p>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script type="text/javascript">
var __sf = $(".sponsorsFooter ul span");
var __sf_cont = $(".sponsorsFooter ul");
var __title = $("#sponsorTitle");
__sf.mouseenter(function () {
$(this).addClass("hover");
__sf_cont.addClass("enter");
var __setTitle = $(this).attr("data-group-title");
__title.html(__setTitle);
}).mouseleave(function () {
$(this).removeClass("hover");
__sf_cont.removeClass("enter");
var __setTitle = $(__title).attr("data-default-title");
__title.html(__setTitle);
});
</script>
</body>
</html>