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 pathstats.html
182 lines (172 loc) · 9.21 KB
/
stats.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
<!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 - Stats</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/font/sourcesanspro.css" rel="stylesheet" type="text/css"/>
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/green.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<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"><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" 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 active" aria-current="page" 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"/>
</div>
</header>
<div class="row text-center mt-5 rounded-bottom">
<div class="col-sm-12 col-md-8 offset-md-2">
<h1 class="fs-1">Our Statistics</h1>
<p class="lead">Fosshost has calculated an approximate footprint for the period Jan - Dec 2021, this includes predicted usage to the end of the period. This is 58.4 tonnes of carbon dioxide.</p>
<div class="row offset-md-2">
<div class="col-md-10">
<div class="card mb-3 shadow-lg">
<div class="row g-0">
<div class="col-md-4 my-auto">
<img src="img/server.svg" class="img-fluid fader m-3" alt="CO2">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">On Premise and Physical Dedicated / Colocated Servers</h5>
<p class="card-text fs-1"><span class="counter-count">50</span>.<span class="counter-count">3</span><span class="fs-4 text-muted">t CO2</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10">
<div class="card mb-3 shadow-lg">
<div class="row g-0">
<div class="col-md-4 my-auto">
<img src="img/server-vps.svg" class="img-fluid fader m-3" alt="CO2">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Virtual Cloud servers and services which are not directly operated by Fosshost</h5>
<p class="card-text fs-1"><span class="counter-count">6</span>.<span class="counter-count">8</span><span class="fs-4 text-muted">t CO2</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row offset-md-2">
<div class="col-md-10">
<div class="card mb-3 shadow-lg">
<div class="row g-0">
<div class="col-md-4 my-auto">
<img alt="Trees Planted" class="img-fluid m-3" src="img/plant-a-tree.svg" style="width: 40%">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Trees planted so far</h5>
<p class="card-text fs-1"><span class="counter-count">50</span><i class="fa fa-tree fa-fw text-success"></i></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10">
<div class="card mb-3 shadow-lg">
<div class="row g-0">
<div class="col-md-4 my-auto">
<img alt="Goal" class="img-fluid m-3" src="img/forest-2.png" style="width: 40%">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Our goal is to plant as many trees as we have approved applications</h5>
<p class="card-text fs-1 counter-count">125</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="planet rounded-bottom bg-transparent"> </div>
</div>
</div>
<div class="col-md-12 text-center">
<a href=""><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>
<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://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<script type="text/javascript">
$('.counter-count').each(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
//chnage count up speed here
duration: 4000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
</script>
</body>
</html>