blob: 10e9642365d734d2d703a1a5f31bccc09f78c5a8 (
plain)
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
|
<!DOCTYPE html>
<html lang="en">
<title>KIT-Campus in Minecraft</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./stylesheets/w3stylesheet.css">
<link rel="stylesheet" href="./stylesheets/style.css" type="text/css" />
<!--todo die beiden minecraft schriften runterladen und selber hosten-->
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-green w3-card w3-left-align w3-large">
<button onclick="myFunction()" class="w3-bar-item w3-button w3-padding-large w3-white">Home</button>
<a href="https://youtu.be/gusAH25c5Zk" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Trailer</a>
<a href="./map" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Live-Map</a>
<a href="./sg" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Neu: Survival
Games</a>
<a href="https://discord.gg/dFGcb4jUd4" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Discord</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large" target="_blank">
<a href="https://youtu.be/gusAH25c5Zk" class="w3-bar-item w3-button w3-padding-large" target="_blank">Trailer</a>
<a href="./dynmap" class="w3-bar-item w3-button w3-padding-large" target="_blank">Live-Map</a>
<a href="./sg" class="w3-bar-item w3-button w3-padding-large" target="_blank">Neu: Survival Games</a>
<a href="https://discord.gg/dFGcb4jUd4" class="w3-bar-item w3-button w3-padding-large" target="_blank">Discord</a>
</div>
</div>
<!-- Header -->
<header class="w3-container w3-black w3-center" style="padding:128px 16px; background-image: url('./schloss.png'); background-repeat: no-repeat; background-position: center; background-size: cover;">
<h1 class="w3-margin w3-jumbo mctitle">Der Minecraft Campus</h1>
<p class="w3-xlarge mcfont" style="color: rgb(234, 235, 243);">Besuche den KIT-Campus in Minecraft!</p>
</header>
<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1>Der KIT-Campus als Minecraft-Welt</h1>
<p class="w3-padding-32 w3-text mcfont">Um sich den virtuellen Campus anzusehen, benötigst du die Minecraft Java Edition. So kommst du auf den Campus:</p>
</div>
<div class="w3-third w3-center">
<figure><img srcset="./grass.png"></figure>
</div>
</div>
</div>
<figure style="margin:0;">
<img width="100%" srcset="./mensa.png">
</figure>
<!-- Second Grid -->
<div class="w3-container w3-center w3-padding-64 mcfont">
<div class="w3-content">
<div class="w3-third w3-center">
<svg width="50%" viewBox="0 0 34 34" class="logo-3LF899" color="#7289DA">
<g fill="currentColor">
<path
d="M18.1558 14.297C17.1868 14.297 16.4218 15.13 16.4218 16.167C16.4218 17.204 17.2038 18.037 18.1558 18.037C19.1248 18.037 19.8898 17.204 19.8898 16.167C19.8898 15.13 19.1078 14.297 18.1558 14.297ZM11.9508 14.297C10.9818 14.297 10.2168 15.13 10.2168 16.167C10.2168 17.204 10.9988 18.037 11.9508 18.037C12.9198 18.037 13.6848 17.204 13.6848 16.167C13.7018 15.13 12.9198 14.297 11.9508 14.297Z">
</path>
<path
d="M26.4178 0.152954H3.63783C1.71683 0.152954 0.152832 1.71695 0.152832 3.63795V26.418C0.152832 28.339 1.71683 29.903 3.63783 29.903H22.9158L22.0148 26.792L24.1908 28.798L26.2478 30.685L29.9198 33.864V3.63795C29.9028 1.71695 28.3388 0.152954 26.4178 0.152954ZM19.8558 22.168C19.8558 22.168 19.2438 21.437 18.7338 20.808C20.9608 20.179 21.8108 18.802 21.8108 18.802C21.1138 19.261 20.4508 19.584 19.8558 19.805C19.0058 20.162 18.1898 20.383 17.3908 20.536C15.7588 20.842 14.2628 20.757 12.9878 20.519C12.0188 20.332 11.1858 20.077 10.4888 19.788C10.0978 19.635 9.67283 19.448 9.24783 19.21C9.19683 19.176 9.14583 19.159 9.09483 19.125C9.06083 19.108 9.04383 19.091 9.02683 19.091C8.72083 18.921 8.55083 18.802 8.55083 18.802C8.55083 18.802 9.36683 20.145 11.5258 20.791C11.0158 21.437 10.3868 22.185 10.3868 22.185C6.62983 22.066 5.20183 19.618 5.20183 19.618C5.20183 14.195 7.64983 9.79195 7.64983 9.79195C10.0978 7.97295 12.4098 8.02395 12.4098 8.02395L12.5798 8.22795C9.51983 9.09495 8.12583 10.438 8.12583 10.438C8.12583 10.438 8.49983 10.234 9.12883 9.96195C10.9478 9.16295 12.3928 8.95895 12.9878 8.89095C13.0898 8.87395 13.1748 8.85695 13.2768 8.85695C14.3138 8.72095 15.4868 8.68695 16.7108 8.82295C18.3258 9.00995 20.0598 9.48595 21.8278 10.438C21.8278 10.438 20.4848 9.16295 17.5948 8.29595L17.8328 8.02395C17.8328 8.02395 20.1618 7.97295 22.5928 9.79195C22.5928 9.79195 25.0408 14.195 25.0408 19.618 C25.0408 19.601 23.6128 22.049 19.8558 22.168Z">
</path>
</g>
</svg>
</div>
<div class="w3-twothird">
<h1>Unser Discord-Server </h1>
<p class="w3-text-grey mcfont">Verpasse keine neue Aktion auf dem Server! Für Fragen, Anregungen, gegenseitigen Austausch, Ankündigung von weiteren Aktionen, oder falls du Lust bekommen hast selbst mitzuhelfen.
</p>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<p> <a href="./impressum.html" target="_blank">Impressum</a></p>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>
|
