-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (142 loc) · 4.65 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<!-- Meta tags for page display and search engine listing
AND UNIQUE to HTML Pages-->
<title>GoBrik | 3.0</title>
<meta name="keywords" content="gobrik, ecobrick app, goBrik, eco, brick, eco brick, ecobrick, eco-brick, eco, bricks, eco brick, ecobricks, eco-bricks, brik, briks, plastic, plastic management, carbon sequestration, plastic solved, drop off, exchange, marketplace, plastic sequestration, aes plastic, plastic offsetting, ecological accounting, plastic accounting">
<meta name="description" content="Manage your ecobricks, projects and plastic transition. By putting our plastic to good use, together we can build our greenest visions.">
<meta name="author" content="Global Ecobrick Alliance">
<!-- Facebook Open Graph Tags for social sharing-->
<meta property="og:url" content="https://www.gobrik.com">
<meta property="og:type" content="app">
<meta property="og:title" content="GoBrik">
<meta property="og:description" content="Manage your ecobricks, projects and plastic transition. By putting our plastic to good use, together we can build our greenest visions." >
<meta property="og:image" content="https://www.gobrik.com/images/social-banner-1200px.png" >
<meta property="fb:app_id" content="1781710898523821" >
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="1000" />
<meta property="og:image:alt" content="A metaphorical road winding into the distance with various ecobrick and earth constructions along side it and the GoBrik logo floating above"/>
<meta property="og:locale" content="en_GB, id_ID, es_ES" />
<link rel="preload" as="image" href="svgs/gobrik-3-emblem-night.svg?v=2">
<style>
@font-face {
font-family: "Mulish";
src: url("../fonts/Mulish-Light.ttf");
font-display: swap;
font-weight: 300;
}
@font-face {
font-family: "Mulish";
src: url("fonts/Mulish-Regular.ttf");
font-display: swap;
font-weight: 500;
}
@font-face {
font-family: "Arvo";
src: url("fonts/Arvo-Regular.ttf");
font-display: swap;
}
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: black;
color: darkgrey;
font-family: 'Mulish', sans-serif;
overflow: hidden; /* Prevent scrolling */
}
.container {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.logo {
width: 150px;
height: 150px;
background-size: cover;
background-position: center;
background-image: url('svgs/gobrik-3-emblem-night.svg?v=3.1');
margin-bottom:50px;
}
.subtitle {
position: absolute;
bottom: 10vh;
}
.subtitle p {
margin: 0;
}
.subtitle p:first-child {
font-size: 1.0em;
font-family: 'Mulish', sans-serif;
margin-bottom:5px;
}
.subtitle a {
text-decoration: none;
font-size: 1.1em;
font-family: 'Mulish', sans-serif;
color:grey;
}
@media (prefers-color-scheme: light) {
body {
background-color: white;
color: darkgrey;
}
.logo {
background-image: url('svgs/gobrik-3-emblem-day.svg?v=1.2');
}
}
#gea-icon {
background: url('icons/trainer-newsletter-icon.webp') no-repeat;
background-size: contain;
width: 30px;
height:40px;
margin: auto;
margin-top: 20px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
const userLang = navigator.language || navigator.userLanguage;
let langDir = 'en/';
if (userLang.includes('fr')) {
langDir = 'fr/';
} else if (userLang.includes('id')) {
langDir = 'id/';
} else if (userLang.includes('es')) {
langDir = 'es/';
} else if (userLang.includes('en')) {
langDir = 'en/';
} else {
langDir = 'en/';
}
window.location.href = langDir;
}, 600); // 10 seconds
});
</script>
</head>
<body>
<div class="container">
<div class="logo"></div>
<!--<h1>The new GoBrik is under construction.</h1>
<p>We're almost ready to launch GoBrik 3.0!</p>
<h3 style="margin-bottom:50px;">Coming November 3rd, 2024</h3>-->
<div class="subtitle" >
<p>GoBrik is a project of the </p>
<p><a href="https://ecobricks.org/gobrik">Global Ecobrick Alliance</a></p>
<div id="gea-icon"></div>
</div>
</div>
</body>
</html>