forked from ethb3rlin/2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
162 lines (145 loc) · 9.51 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>ETHBerlin</title>
<script type="text/javascript" src="dist/paper-full.js"></script>
<script type="text/paperscript" canvas="canvas">
//stroke red
var pathRed = new Path(new Point(2, 20), new Point(250, 50));
pathRed.style = {
strokeColor: 'red',
strokeWidth: 10,
strokeCap: 'square'
};
// Create a symbol from the path:
var symbol = new Symbol(pathRed);
// Place 5 instances of the symbol in the project in random
// positions in the view:
for (var i = 0; i < 5; i++) {
var position = view.size * Point.random();
var placed = symbol.place(position);
}
function onFrame(event) {
pathRed.rotate(1);
}
//hamburger menu
(function () {
var hamburger = {
navToggle: document.querySelector('.nav-toggle'),
nav: document.querySelector('nav'),
doToggle: function (e) {
e.preventDefault();
this.navToggle.classList.toggle('expanded');
this.nav.classList.toggle('expanded');
}
};
hamburger.navToggle.addEventListener('click', function (e) {
hamburger.doToggle(e);
});
hamburger.nav.addEventListener('click', function (e) {
hamburger.doToggle(e);
});
hamburger.nav.querySelector('#navList').addEventListener('click', function (e) {
e.stopPropagation();
});
}());
</script>
</head>
<body>
<div class="container">
<div id="logo">
<a href="index.html"><img src="img/mainlogo.svg" alt="logo" style="width: 10rem" /></a>
</div>
<div class="nav-horizontal">
<ul id="navList-horizontal">
<li><a href="about.html">about+FAQs</a></li>
<li><a href="hack.html">hack</a></li>
<li><a href="speak.html">speak</a></li>
<li><a href="team.html">join</a></li>
<li><a href="sponsor.html">sponsor</a></li>
<li><a href="https://www.dappcon.io/">dAppcon</a></li>
<li><a href="https://medium.com/ethberlin">blog</a></li>
</ul>
</div>
<div class="nav-mobile">
<div class="nav-toggle">
<div class="nav-toggle-bar">
</div>
</div>
<nav class="nav">
<ul id="navList">
<li><a href="about.html"><h4>about+FAQs</h4></a></li>
<li><a href="hack.html"><h4>hack</h4></a></li>
<li><a href="speak.html"><h4>speak</h4></a></li>
<li><a href="team.html"><h4>join</h4></a></li>
<li><a href="sponsor.html"><h4>sponsor</h4></a></li>
<li><a href="https://www.dappcon.io/" target="_blank"><h4>dAppcon<img class="external-link-small" src="img/external.svg" alt="external link to dappcon.io"></h4></a></li>
<li><a href="https://medium.com/ethberlin" target="_blank"><h4>blog<img class="external-link-small" src="img/external.svg" alt="external link to ethberlin blog"></h4></a></li>
<hr>
<br>
<li><h7><a href="https://decentralala.com" target="_blank">A Department of Decentralization Hacker Extravaganza<img class="external-link-small" src="img/external.svg" alt="external link to DoD"></a></h7></li>
//
<li><h7>Part of the <a href="https://blockchainweek.berlin/" target="_blank">Berlin Blockchain Week<img class="external-link-small" src="img/external.svg" alt="external link to ethberlin Berlin Blockchain Week"></a></h7></li>
//
<li><h7><a href="https://github.com/Department-of-Decentralization/decentralala.com/blob/master/code-of-conduct.md" target="_blank">code of conduct<img class="external-link-small" src="img/external.svg" alt="external link to code of conduct"></a></h7></li>
//
<li><h7><a href="imprint.html">imprint</a></h7></li>
//
<li><h7><a href="privacy.html">privacy policy</a></h7></li>
//
<li><h7>design inspired by Bauhaus</a></h7></li>
</ul>
</nav>
</div>
<hr>
<div class="content">
<div class="title"><h6>about + FAQs</h6></div>
<h4>ETHBerlinZwei is a hackathon, a culture festival, an educational event,
a platform for hacktivism, and a community initiative to push the decentralized ecosystem forward.
After a successful <a href="https://ethberlin.com/photos/" target="_blank">2018 event</a>,
ETHBerlin decided to reaffirm its commitment with the ecosystem and founded <a href="https://decentralala.com" target="_blank">the Department of Decentralization</a>,
responsible for initiatives that go beyond organizing a hackathon
and seek to also support the projects coming from our events and community.</h4>
<h4>Zwei (short for ETHBerlinZwei), is our second iteration.</h4>
<h4>ETHBerlin 2018 sought to marry the culture and values of Berlin with those of the builder community and succeeded at it.
This time, we are pushing even further into becoming a festival for people from all backgrounds,
and most importantly, a hub where builders will be able to get their creative juices flowing
by discovering various cultural and educational experiences spread across almost a week.
ETHBerlinZwei’s talks and panels will be held at <a href="https://www.dappcon.io/" target="_blank">dAppcon Berlin</a>
so all participants will have access to the two-day conference before diving deep into the Zwei experience.</h4>
<h4><strong>Who we are (in alphabetical order):</strong><h4>
<h4>Adeola - Afri - Alex - Ben - Caspar - Chris - Daniel - Elias - exiledsurfer - Franzi - Guto - Hels - Herni - Lasse - Lili - Maya - Mareen - Maurice - MP - Phil - Raul - Simon - Stina - Trenton<h4>
<h4>Special thanks to our friends at Gnosis, Full Node, and dAppcon<h4>
<br>
<br>
<div class="title"><h6>concept</h6></div>
<h4>Our website design and 2019 image are inspired by the centennial of the Bauhaus school.</h4>
<h4>The Bauhaus, a German word meaning "house of building",
is a school founded in 1919 in Weimar, Germany by the architect Walter Gropius.
Its mission, according to Gropius, was to conceive and create the new building of the future,
combining architecture, sculpture, and painting in a single form,
which required the teaching of a new guild of craftsmen without the class-distinctions separating craftsmen and artists.
In short, the Bauhaus trained students to be equally comfortable with design, craft, and methods of mass production.
The Bauhaus pioneers were fearless builders, that withstood persecution, criticism, had to be exiled, but in the end,
their legacy prevails as the most influential school of the last century.</h4>
<h4>ETHBerlin is a house of building, too.</h4>
<h4>Made by builders, for builders.
We don’t need to explain the parallelisms here. Feel free to dig into the site,
create your own Bauhaus illustrations on our front page by refreshing, dragging and dropping,
and if you feel like learning more, come to the hackathon, and <a href="https://en.wikipedia.org/wiki/Bauhaus" target="_blank">explore</a>
<a href="http://www.bauhaus-movement.com/en/" target="_blank">these </a><a href="https://www.bauhaus100.com/" target="_blank">links.</a></h4>
<br>
<h4><strong>Credits:</strong></h4>
<h4>Design and development: <a href="https://twitter.com/lililashka" target="_blank">Lili Feyerabend</a><br />
Graphic design and architectural feedback: <a href="https://twitter.com/trent_vanepps" target="_blank">Trenton Van Epps</a><br />
Illustration and reconceptualization: Hernán Fernández<br />
Concept: <a href="https://twitter.com/MPtherealMVP" target="_blank">MP Fernández</a></h4>
</div>
<canvas id="canvas" style="background-color: rgb(255, 251, 239)" resize="true"></canvas>
</div>
</body>
</html>