-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (111 loc) · 4.23 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
<!DOCTYPE HTML>
<!--
Paradigm Shift by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Kompakkt</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" href="assets/css/main.css"/>
</head>
<body class="is-preload">
<div id="wrapper">
<section class="intro">
<header>
<h1>Kompakkt</h1>
<p>'cause the world is multidimensional.</p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center">
<iframe src="https://kompakkt.de/viewer/index.html"
allowtransparency="true"
style="height: 100%; width: 100%;"
allowfullscreen></iframe>
</span>
</div>
</section>
<section id="first">
<header>
<h2>Explore. Share. Embed.</h2>
</header>
<div class="content">
<p>
Kompakkt covers images, videos, audio files and 3D models. Explore them in 3D and become part of our
community to share your own content.
It is all here, in your browser.
More good news: you can embed all uploaded objects on other websites via iframe, said the developers.
</p>
</div>
</section>
<section>
<header>
<h2>Annotate</h2>
</header>
<div class="content">
<p>Interact with the Kompakkt objects by adding descriptions or references to specific points in space.
You can also interlink Kompakkt multimedia objects. This is annotating with Kompakkt. Explore
annotations of others, annotate yourself or together with other.</p>
</div>
</section>
<section>
<header>
<h2>Collaborate.</h2>
</header>
<div class="content">
<p>
Objects, Annotations and the process of annotating allows collaboration with other Kompakkt users.
Known from the whole Kompakkt community and family, life is mostly better with friends. Trusting them,
Kompakkt loves to share, starting by its own source code.
</p>
</div>
</section>
<section>
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<ul class="items">
<li><h3>Website</h3>
<a href="https://kompakkt.de">https://kompakkt.de</a>
</li>
<li>
<h3>GitHub</h3>
<ul class="github-links">
<li>
<a href="https://github.com/Kompakkt/Repo" class="icon brands fa-github"><span
>Kompakkt.Repo</span></a>
</li>
<li>
<a href="https://github.com/Kompakkt/Viewer" class="icon brands fa-github"><span
>Kompakkt.Viewer</span></a>
</li>
<li>
<a href="https://github.com/Kompakkt/Server" class="icon brands fa-github"><span
>Kompakkt.Server</span></a>
</li>
</ul>
</li>
</ul>
</div>
</section>
<div class="copyright">© <a href="https://kompakkt.de">kompakkt.de</a>. Based on a design
from <a href="https://html5up.net">HTML5
UP</a>.
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>