-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
603 lines (581 loc) · 33.7 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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GECOS - Geothermal Energy Chance of Success</title>
<meta property="og:title" content="GECOS - Geothermal Energy Chance of Success" />
<meta property="og:url" content="https://gifted-goldwasser-693715.netlify.com/" />
<meta property="og:description" content="The goal of <strong>GECOS</strong> (Geothermal Energy Chance of Success) is a INNOSUISSE
funded project which focusses on deep geothermal exploration and development projects" />
<meta property="og:image" content="https://gifted-goldwasser-693715.netlify.com/img/logo_social.png"/>
<meta property="og:type" content="article" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/ytplayer.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme-fire.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-robotocondensed.css" rel="stylesheet" type="text/css" media="all" />
<link href='https://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,600,700" rel="stylesheet" type="text/css">
<!-- <link href="css/font-roboto.css" rel="stylesheet" type="text/css"> -->
<script src="https://kit.fontawesome.com/ac3dbdf8ed.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="btn-rounded scroll-assist">
<div class="nav-container">
<a id="top"></a>
<nav class=" bg-dark">
<div class="nav-bar">
<div class="module left">
<a href="index.html">
<img class="logo logo-light" alt="Foundry" src="img/logo-gecos-light.png" />
<img class="logo logo-dark" alt="Foundry" src="img/logo-gecos-dark.png" />
</a>
</div>
<div class="module widget-handle mobile-toggle right visible-sm visible-xs">
<i class="ti-menu"></i>
</div>
<div class="module-group right">
<div class="module left">
<ul class="menu">
<li class="">
<a href="#">
Home
</a>
</li>
<li class="">
<a href="#about">
About GECOS
</a>
</li>
<li class="">
<a href="#webapp">
Web app
</a>
</li>
<li class="">
<a href="#contact">
Contact
</a>
</li>
</ul>
</div>
<!--end of menu module-->
<div class="module widget-handle language left">
<ul class="menu">
<li class="">
<a href="#">FR</a>
<!-- <ul>
<li>
<a href="#">French</a>
</li>
<li>
<a href="#">Deutsch</a>
</li>
</ul> -->
</li>
</ul>
</div>
</div>
<!--end of module group-->
</div>
</nav>
</div>
<div class="main-container">
<div class="main-container">
<!-- <section class="pt240 pb240 parallax image-bg overlay bg-light"> -->
<section class="pt200 bg-light" style="padding-bottom:20px;">
<!-- <div class="background-image-holder">
<img alt="image" class="background-image" src="img/home19.jpg" />
</div> -->
<div class="container">
<!-- <script type="text/javascript">
var TxtType = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
this.period = parseInt(period, 10) || 2000;
this.txt = '';
this.tick();
this.isDeleting = false;
};
TxtType.prototype.tick = function() {
var i = this.loopNum % this.toRotate.length;
var fullTxt = this.toRotate[i];
if (this.isDeleting) {
this.txt = fullTxt.substring(0, this.txt.length - 1);
} else {
this.txt = fullTxt.substring(0, this.txt.length + 1);
}
this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';
var that = this;
var delta = 200 - Math.random() * 100;
if (this.isDeleting) { delta /= 2; }
if (!this.isDeleting && this.txt === fullTxt) {
delta = this.period;
this.isDeleting = true;
} else if (this.isDeleting && this.txt === '') {
this.isDeleting = false;
this.loopNum++;
delta = 500;
}
setTimeout(function() {
that.tick();
}, delta);
};
window.onload = function() {
var elements = document.getElementsByClassName('typewrite');
for (var i=0; i<elements.length; i++) {
var toRotate = elements[i].getAttribute('data-type');
var period = elements[i].getAttribute('data-period');
if (toRotate) {
new TxtType(elements[i], JSON.parse(toRotate), period);
}
}
// INJECT CSS
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #292929}";
document.body.appendChild(css);
};
</script> -->
<div class="row">
<div class="col-sm-12 text-center">
<img alt="Pic" src="img/logo-gecos.png" class="image-md" />
<h1 class="" style="font-size:60px;font-weight:600;letter-spacing:10px !important"> <span style="font-size: 0.7em;font-weight:300;letter-spacing:1px !important" class="type"></span>
<!-- </a> -->
</h1>
</div>
</div>
<script type="text/javascript" src="js/typed.js"></script>
<script type="text/javascript">
var typed = new Typed('.type', {
strings: ["Geothermal Energy Chance of Success."],
typeSpeed: 100,
backSpeed: 50,
loop: true,
fadeOut: false,
startDelay:500,
});
</script>
<!--end of row-->
</div>
<!--end of container-->
<!-- <div class="align-bottom text-center">
<ul class="list-inline social-list mb24">
<li>
<img alt="Pic" src="img/unige_grey.png" class="image-s" />
</li>
<li>
<img alt="Pic" src="img/ethz_grey.png" class="image-s" />
</li>
<li>
<img alt="Pic" src="img/sig_grey.png" class="image-s" />
</li>
<li>
<img alt="Pic" src="img/geo2x_grey.png" class="image-s" />
</li>
</ul>
</div> -->
</section>
<section class="bg-light" style="padding-top:20px">
<div class=" container">
<!-- <div class="row">
<div class="col-sm-12 text-center">
<h3 class="uppercase mb64 mb-xs-40">Ils nous font confiance</h3>
</div>
</div> -->
<!--end of row-->
<div class="row">
<div class="logo-carousel">
<ul class="slides">
<li>
<a href="https://www.unige.ch/sciences/terre/en/research/reservoir-geology-and-sedimentary-basin-analysis/" target="_blank">
<img alt="Logo" src="img/unige_grey.png" />
</a>
</li>
<li>
<a href="http://www.eeg.ethz.ch/" target="_blank">
<img alt="Logo" src="img/ethz_grey.png" />
</a>
</li>
<li>
<a href="https://ww2.sig-ge.ch/" target="_blank">
<img alt="Logo" src="img/SIG_grey.png" />
</a>
</li>
<li>
<a href="http://geo2x.com/wp/" target="_blank">
<img alt="Logo" src="img/geo2x_grey.png" />
</a>
</li>
<li>
<a href="https://www.geothermie2020.ch/" target="_blank">
<img alt="Logo" src="img/geothermie2020_grey.png" />
</a>
</li>
<li>
<a href="https://www.innosuisse.ch/inno/de/home.html" target="_blank">
<img alt="Logo" src="img/confederation_grey.png" />
</a>
</li>
<li>
<a href="https://www.unige.ch/sciences/terre/en/research/reservoir-geology-and-sedimentary-basin-analysis/" target="_blank">
<img alt="Logo" src="img/unige_grey.png" />
</a>
</li>
</ul>
</div>
<!--end of logo slider-->
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
<section id="about" class="bg-dark">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<h5 class="mb64 mb-xs-24 lead">The goal of <strong>GECOS</strong> (Geothermal Energy Chance of Success) is a INNOSUISSE
funded project which focusses on deep geothermal exploration and development projects and is based on three main pillars:</h5>
</div>
</div>
<!--end of row-->
<!--end of row-->
</div>
<!--end of container-->
<div class="container">
<!-- <div class="row">
<div class="col-sm-12 text-center">
<h4 class="uppercase mb16">Large Centered</h4>
<p class="lead mb64">
Alter appearance with '.bordered' and '.boxed' classes.
</p>
</div>
</div> -->
<!--end of row-->
<div class="row">
<div class="col-sm-4">
<div class="feature feature-1 boxed">
<div class="text-center">
<i class="fas fa-tools fa-3x"></i>
<h5 class="uppercase">Reduction of subsurface uncertainty</h5>
</div>
<p class="text-center">
Acquisition of cost-effective, quick and high resolution geophysical data such as 3D DAS VSP,
S-waves seismic and high resolution gravity can help to improve the understanding of the subsurface. <span style="opacity:0;">invisibletext</span>
</p>
</div>
<!--end of feature-->
</div>
<div class="col-sm-4">
<div class="feature feature-1 boxed ">
<div class="text-center ">
<i class="fas fa-chart-line fa-3x"></i>
<h5 class="uppercase">Mitigation of the risk <span style="opacity:0;">invisibletext</span></h5>
</div>
<p class="text-center">
Geostatistical and machine learning approach are perfectly shaped to integrate and analyse different types of geodata to lower the uncertainty and mitigate the risk of developing geothermal energy projects.
</p>
</div>
<!--end of feature-->
</div>
<div class="col-sm-4">
<div class="feature feature-1 boxed">
<div class="text-center">
<i class="fas fa-handshake fa-3x"></i>
<h5 class="uppercase">Reduction of the costs <span style="opacity:0;">invisibletext</span></h5>
</div>
<p class="text-center">
New high-resolution acquisition and integration of data form different sources using novatory methods such machine learning are allows to reduce the costs of developing geothermal projects. <span style="opacity:0;">invisibletext</span>
</p>
</div>
<!--end of feature-->
</div>
</div>
<!--end of row-->
</div>
<!-- <div class="container mt64">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<h5 class="mb64 mb-xs-24 lead">Based on these pillars we identified three main areas of focus:</h5>
<div class="pt64 tabbed-content icon-tabs">
<ul class="tabs">
<li class="active">
<div class="tab-title">
<i class="fas fa-users-cog fa-5x"></i>
<span>Feasibility Study</span>
</div>
<div class="tab-content">
<p>
This activity will focus on the uncertainty assessment based on
reprocessing and interpretation of existing data and compilation of preliminary
uncertainties & risks register (URR). If the results are favorable the project can move
to phase 2. Otherwise investors will be provided with enough information to re-assess
their decisions. The results will be available for publication. </p>
</div>
</li>
<li>
<div class="tab-title">
<i class="fas fa-ruler fa-5x"></i>
<span>Pre-Drilling Activities</span>
</div>
<div class="tab-content">
<p>
Once new geophysical data will be collected by the industrial
developer (usually public firms such as SIG or EWB) the initial URR will be updated
according to the results of reprocessing and reinterpretation of the new data. If the
results are favourable investors will be provided with all the required information to
plan the future drilling activities leading to phase 3. Otherwise the results may be
available for complimentary research activities and publication. </p>
</div>
</li>
<li>
<div class="tab-title">
<i class="fas fa-tools fa-5x"></i>
<span>After-Drilling Activities</span>
</div>
<div class="tab-content">
<p>
Once the first exploration will be drilled and additional data
at higher resolution are collected the URR will be updated further and investors will be
able to plan in details the number of additional wells to make the ATES systems
sustainable in terms of both underground resource and investment. If the results are
favourable and the ATES will move to the operational phase, which is expected to last
30 years, the roject can move to phase 4. If the results will be negative and the project
will not be commercially viable, the project will stop. The results will be available for
research activity and publication. </p>
</div>
</li>
<li>
<div class="tab-title">
<i class="fas fa-laptop fa-5x"></i>
<span>Monitoring</span>
</div>
<div class="tab-content">
<p>
Periodic data acquisition activities are mandatory to monitor the heat
production performances and we will provide investors with all the data to manage properly the resource, monitor and update the URR and plan the necessary measures
to further reduce the risk and support the long-lasting production. </p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div> -->
</section>
<section id="webapp" class="image-edge pt120 pb120 pt-xs-40 pb-xs-40">
<div class="col-md-6 col-sm-4 p0">
<img alt="Screenshot" class="mb-xs-24" src="img/Workflow.gif" />
</div>
<div class="container">
<div class="col-sm-4 col-md-offset-1 mb-xs-24 v-align-transform right">
<h2 class="mb64 mb-xs-32"><strong>GECOS</strong> workflow</h2>
<div class="mb40 mb-xs-24">
<!-- <h5 class="uppercase bold mb16">Screenshots for days</h5> -->
<p class="fade-1-4">
This workflow can be replicated at any stage of a geothermal project.
From the early stages when only scarce data are available, during exploration when new data will
be collected and when new large investiments (i.e. 3D seismic and drilling) need to be planned,
and during production to monitor the reservoir and eventually design new drilling operations.
</p>
</div>
<!-- <div class="mb40 mb-xs-24">
<h5 class="uppercase bold mb16">Call off the search</h5>
<p class="fade-1-4">
This is it, that perfect template you've been looking for. It's well built and sharp looking, goodbye competition!
</p>
</div> -->
</div>
</div>
<!--end of container-->
</section>
<!-- <section>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-push-3 text-center">
<div class="image-slider slider-paging-controls controls-outside">
<ul class="slides">
<li class="mb32">
<img alt="App" src="img/app5.png" />
</li>
<li class="mb32">
<img alt="App" src="img/app5.png" />
</li>
<li class="mb32">
<img alt="App" src="img/app5.png" />
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-md-pull-6">
<div class="mt80 mt-xs-80 text-right text-left-xs">
<h5 class="uppercase bold mb16">Never forget again</h5>
<p class="fade-1-4">
The reminder that just keeps reminding! Scramble to your watch to silence these intrusive notifications.
</p>
</div>
<div class="mt80 mt-xs-0 text-right text-left-xs">
<h5 class="uppercase bold mb16">Stay active, be healthy</h5>
<p class="fade-1-4">
No more personal responsibility! You'll now be constantly reminded to stand up and move around.
</p>
</div>
</div>
<div class="col-md-3">
<div class="mt80 mt-xs-0">
<h5 class="uppercase bold mb16">Powered by you</h5>
<p class="fade-1-4">
Forget empty branding promises, this thing is powered by awesome (you), and we stand by that.
</p>
</div>
<div class="mt80 mt-xs-0">
<h5 class="uppercase bold mb16">Leave your phone</h5>
<p class="fade-1-4">
And you wont be able to use the app! Make sure you have the phone within close proximity at all times!
</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="bg-secondary">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="feature feature-3 mb0">
<div class="left">
<i class="ti-layers text-white icon-sm"></i>
</div>
<div class="right">
<h5 class="mb8 uppercase bold">Flexible Layouts</h5>
<p class="fade-1-4">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 mb0">
<div class="left">
<i class="ti-pin text-white icon-sm"></i>
</div>
<div class="right">
<h5 class="mb8 uppercase bold">Timely Updates</h5>
<p class="fade-1-4">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="feature feature-3 mb0">
<div class="left">
<i class="ti-import text-white icon-sm"></i>
</div>
<div class="right">
<h5 class="mb8 uppercase bold">Elite Author Item</h5>
<p class="fade-1-4">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.
</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section id="contact" class="bg-primary pb0">
<div class="container">
<div class="row mb64 mb-xs-32">
<div class="col-md-10 col-md-offset-1 col-sm-8 col-sm-offset-2 text-center">
<h2 class="">Interested to know more about GECOS?</h2>
<!-- <p class="lead mb48 mb-xs-32 fade-1-4">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.
</p> -->
<a class="btn btn-lg btn-filled" href="mailto:[email protected]" target="_blank">Contact us</a>
</div>
</div>
<!-- <div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
<img alt="App" src="img/app6.png" />
</div>
</div> -->
</div>
</section>
<footer class="footer-2 bg-dark pt0 pb40">
<div class="container">
<div class="row">
<hr class="mt0 mb40" />
</div>
<!--end of row-->
<div class="row">
<div class="col-sm-4">
<a href="#">
<img class="image-xxs fade-half" alt="Pic" src="img/logo-gecos-light.png">
</a>
</div>
<div class="col-sm-4 text-center">
<!-- <span class="fade-half">
© Copyright 2016 Medium Rare - All Rights Reserved
</span> -->
</div>
<div class="col-sm-4 text-right">
<ul class="list-inline social-list">
<li>
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="ti-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/flickr.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/masonry.min.js"></script>
<script src="js/twitterfetcher.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/ytplayer.min.js"></script>
<script src="js/countdown.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>