-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (68 loc) · 3.68 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=630, initial-scale=0.5">
<link rel="icon" href="/dome.svg" type="image/svg+xml">
<link rel="preload" href="images/dome.webp" as="image" type="image/webp">
<link rel="preload" href="fonts/Roboto-Medium.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="fonts/Roboto-Black.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="fonts/Roboto-Light.ttf" as="font" type="font/ttf" crossorigin>
<title>Metalab Dome</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header class="background">
<div class="title">
<h1>Metalab Dome, a Home For a Better Tomorrow</h1>
</div>
</header>
<section>
<h2>A house is nice, but it can't go on vacation with you.</h2>
<div class="teaser"> Metalab Dome is built from the ground up to be portable. Unlike a tent, it provides enough
space for all activities where you usually want to have a house. </div>
<div class="explanation"> Metalab Dome is designed to fit into a compact transporter. It goes wherever you go.
With its full aluminium design, transport weight is not an issue. </div>
<figure>
<a href="images/transport.webp">
<img src="images/transport-small.webp" alt="Metalab Dome packed into a transporter" width="530px"
height="397px" srcset="images/transport-small.webp, images/transport-2x.webp 2x">
</a>
</figure>
</section>
<section>
<h2>If you know how to use screws, you know how to assemble Metalab Dome.</h2>
<div class="teaser"> Metalab Dome only needs a few steps to assemble. It comes with detailed instructions
thoroughly tested in the field. </div>
<div class="explanation"> Metalab Dome underwent a <a
href="https://en.wikipedia.org/wiki/Finite_element_method">finite element method simulation</a> to make
sure that people can climb on it during construction. A ladder is recommended, but not required. </div>
<figure>
<a href="images/construction.webp">
<img src="images/construction-small.webp" alt="People climbing on the Metalab Dome" width="530px"
height="397px" srcset="images/construction-small.webp, images/construction-2x.webp 2x">
</a>
</figure>
</section>
<section>
<h2>Metalab Dome can house whatever you want it to house.</h2>
<div class="teaser"> With its diameter of 9 meters, Metalab Dome can accommodate many activities. </div>
<div class="explanation"> Metalab Dome can be a chillout lounge, a community hub, or a party location. Your
imagination is the limit!<br> The covers can be opened to welcome new visitors or closed when more privacy
is needed. </div>
<figure>
<a href="images/application.webp">
<img src="images/application-small.webp" alt="Example what you can do in Metalab Dome" width="530px"
height="313px" srcset="images/application-small.webp, images/application-2x.webp 2x">
</a>
</figure>
</section>
<section class="tech">
<h2>Want the technical details?</h2>
<div class="teaser"> All the math, more pictures and the parts list can be found <a
href="https://metalab.at/wiki/Dome_2.0">in our wiki</a> (in German). </div>
</section>
<footer>Metalab Dome is a product by <a href="https://metalab.at">Metalab</a>. [<a
href="https://metalab.at/wiki/Impressum">Imprint</a>]</footer>
</body>
</html>