This repository has been archived by the owner on Apr 5, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·110 lines (98 loc) · 5.01 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
<!doctype html>
<html>
<head>
<title>Happening</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="/icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icon/favicon-16x16.png">
<link rel="manifest" href="/icon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<style>
.hello-card.mdl-card {
width: 512px;
margin: 80px auto;
border-radius: initial;
}
.hello-card>.mdl-card__title {
color: #fff;
height: 160px;
padding: 16px 0;
}
.hello-card>.mdl-card__menu {
color: #fff;
}
.hello-card-title {
position: absolute;
padding: 16px;
font-size: 52px;
}
</style>
</head>
<body>
<div class="hello-card mdl-card mdl-shadow--2dp">
<div class="mdl-card__title" id="trianglified">
<h2 class="hello-card-title mdl-card__title-text">Happening</h2>
</div>
<div class="mdl-card__supporting-text">
<p style="text-align: justify">
Ein Großteil unserer alltäglichen Kommunikation fließt durch das Internet, auch wenn sich die Kommunikationspartner in direkter Nähe befinden. Die klassische Struktur des Internets sieht den Einsatz von Servern vor, welche die zentrale Rolle bei der Kommunikation
einnehmen. Warum den Umweg über das Internet nehmen, wenn der Empfänger nur 5 Meter entfernt ist?
<p/>
<p style="text-align: center; ">
<strong>Unser Ansatz - keine Server, keine Internet und direkte Kommunikation!</strong>
</p>
<p style="text-align: justify">
Das so entstandene happening Netzwerk besteht aus folgenden drei Komponenten. Über Bluetooth können Geräte in der näheren Umgebung direkt kommunizieren. Die Reichweite erhöhen wir mit unseren eigens entwickelten Protokollen, die auf Meshing Algorithmen
basieren. Damit auch andere Anwendungen Zugriff auf dieses Netzwerk erhalten, stellen wir ein Netzwerkadapter in Form eines SDK bereit.
<p/>
<p style="text-align: justify">
Zur Veranschaulichung des happening Netzwerks haben wir mehrere Beispielanwendungen entwickelt. Ein Chat und ein Farbenspiel veranschaulichen die Funktionsweise des Netzes und dienen als Referenz für das SDK. Unser Echtzeit-Simulationstool veranschaulicht
euch die Funktionsweise des Mesh Netzwerks in großen Maßstab. Darüber hinaus haben wir ein Unity Plugin bereitgestellt, welches erfolgreich vom ALIVE Team benutzt wird.
</p>
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="mailto:[email protected]">
Say Hello
</a>
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="javadoc/index.html">
Read Docs
</a>
</div>
<div class="mdl-card__menu">
<button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" id="sharelink">
<i class="material-icons">share</i>
</button>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.4.0/trianglify.min.js"></script>
<script>
var pattern = Trianglify({
width: 512,
height: 160,
cell_size: 60,
x_colors: ["#004759", "#00B5E5"]
});
document.getElementById("trianglified").appendChild(pattern.canvas()), document.getElementById("sharelink").addEventListener("click", function() {
window.open("https://twitter.com/intent/tweet?text=%23itshappening", "_blank")
}, !1);
</script>
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
</html>