-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
68 lines (62 loc) · 3.89 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
<!DOCTYPE>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VR student project</title>
<link href = "style.css" rel = "stylesheet" type= "text/css">
<link href="https://fonts.googleapis.com/css?family=Oxygen+Mono|PT+Mono|Ubuntu+Mono|Hind+Siliguri|Russo+One" rel="stylesheet">
</head>
<body>
<div id="body">
<center>
<img src="img/logo-round.png" class="logo">
<div id="title">
<center><h1>Über Ada's Salon</h1></center>
</div>
<div class="about-us-page">
<div class="flex-container">
<div class="projekt-container">
<div class="text-item">
<p>Die Vision dieser VR Experience ist, Informatiker*innen und ihre Errungenschaften sichtbar zu machen und einer breiten Öffentlichkeit vorzustellen, denn oftmals sind diese Informatiker*innen unbekannt oder in Vergessenheit geraten. </p>
<p>Dies hat auch direkte Auswirkungen auf die öffentliche Wahrnehmung der Informatik. Wir möchten zeigen, welche beeindruckenden Personen in der Informatik existierten oder in unserer Zeit wirken.</p>
<p>Wir haben Informatiker*innen mit sehr unterschiedlichen Hintergründen und aus verschiedenen Feldern der Informatik herausgesucht und ihre Geschichten spannend aufbereitet.</p>
</div>
<div class="text-item">
<p><strong>Die Icons</strong></p>
<p>Es gibt verschiedene Themenräume, die durch Icons repräsentiert werden.
Sie stehen für: Meilensteine, Raumfahrt, Aktivismus und Quereinsteiger*innen.
</p>
<img class="icons" src="img/icons.png" alt="Icons der Ausstellungsräume">
</div>
<div class="ueberuns-container">
<p><strong>Über uns</strong></p>
<div class="text-item"><p>Wir sind Almut, Małgorzata, Hatice, Malwine, Sylwia und Ulrike und studieren an der <a class="links" href="https://fiw.htw-berlin.de/">HTW Berlin<a>.</p></div>
<img id="team-item" src="https://ucarecdn.com/966e5b92-bede-48a9-9758-944d2b8b72b1/" alt="Team" />
<div class="technologien-container">
<p><strong>Technologien</strong></p>
<div class="text-item">
<p>Die Ausstellung wurde mit <a class="links" href="https://aframe.io/">A-Frame</a>, <a class="links" href="https://reactjs.org/">React</a> und <a class="links" href="https://redux.js.org/">Redux</a> realisiert. Der <a class="links" href="https://github.com/wit-exhibition/exhibition">Code der Ausstellung</a> ist auf GitHub zu finden.<br></p>
</div>
</div>
<div class="danksagung-container">
<div class="text-item">.
<p><strong>Danksagung</strong><br>
<br>
<a class="links" href="http://www.comartstudio.de"> TonStudio Comart</a><br>
Sounds von <a class="links" href="https://freesound.org"> Freesound</a><br>
Thanks to <a class="links" href="https://freesound.org/people/jobro/">jobro</a> for the <a class="links" href="https://freesound.org/people/jobro/sounds/75637/">Attention01</a> sound, usage under the <a class="links" href="https://creativecommons.org/licenses/by/3.0/">Attribution License</a>.<br>
Icons von <a class="links" href="https://icons8.de/">Icons8</a><br>
<a class="links" href="http://www.opentechschool.org/berlin/">Open Tech School</a><br>
</p></div>
</div>
</div>
<a href="https://wit-exhibition.github.io/">
<button class="zuruecklink">Zurück auf die Startseite</button>
</a>
</center>
</div>
</div>
</body>
</html>