diff --git a/en/imprint.html b/en/imprint.html index ebea44a..73899d2 100644 --- a/en/imprint.html +++ b/en/imprint.html @@ -4,7 +4,7 @@ - + Impressum diff --git a/en/index.html b/en/index.html index 30654ae..dabf400 100644 --- a/en/index.html +++ b/en/index.html @@ -4,7 +4,7 @@ - + 4. Tübingen Days of Digital Freedom @@ -19,6 +19,7 @@
Home Participate + Site Plan Schedule Elf System
diff --git a/en/participate.html b/en/participate.html index d1c9f30..6a97970 100644 --- a/en/participate.html +++ b/en/participate.html @@ -4,7 +4,7 @@ - + 4. Tübinger Days of Digital Freedom @@ -18,6 +18,7 @@
Home Participate + Site Plan Schedule Elf System
diff --git a/en/site-plan.html b/en/site-plan.html new file mode 100644 index 0000000..ca8f419 --- /dev/null +++ b/en/site-plan.html @@ -0,0 +1,155 @@ + + + + + + + + + 4. Tübingen Days of Digital Freedom - Site Plan + + + +
+
+ + + + + +
+

Where is what?

+
+
+ +
+
+ +
+
+ +
+
+
+ +
+ Floor plan ground floor +
+
+
+
+
+
+
+
+ +
+ Floor plan 2nd floor +
+
+
+
+
+ +
+ Floor plan 6th floor +
+
+
+
+
+
+
+ +
+ Floor plan 7th floor +
+
+ +
+ Legal Notice +
+ +

 

+ +
+
+ + + + + diff --git a/image/Etagen_2. OG.png b/image/Etagen_2. OG.png new file mode 100644 index 0000000..0446498 Binary files /dev/null and b/image/Etagen_2. OG.png differ diff --git a/image/Etagen_6. OG.png b/image/Etagen_6. OG.png new file mode 100644 index 0000000..c2215b1 Binary files /dev/null and b/image/Etagen_6. OG.png differ diff --git a/image/Etagen_7. OG.png b/image/Etagen_7. OG.png new file mode 100644 index 0000000..975c9c7 Binary files /dev/null and b/image/Etagen_7. OG.png differ diff --git a/image/Etagen_EG.png b/image/Etagen_EG.png new file mode 100644 index 0000000..122dee2 Binary files /dev/null and b/image/Etagen_EG.png differ diff --git a/imprint.html b/imprint.html index badfb5a..bda814e 100644 --- a/imprint.html +++ b/imprint.html @@ -4,7 +4,7 @@ - + Impressum diff --git a/index.html b/index.html index da81b70..17e9a4c 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + 4. Tübinger Tage der digitalen Freiheit @@ -19,6 +19,7 @@
Hauptseite Mitmachen + Lageplan Fahrplan Elfensystem
diff --git a/participate.html b/participate.html index 0145bd6..83b88f4 100644 --- a/participate.html +++ b/participate.html @@ -4,7 +4,7 @@ - + 4. Tübinger Tage der digitalen Freiheit @@ -20,6 +20,7 @@
Hauptseite Mitmachen + Lageplan Fahrplan Elfensystem
diff --git a/site-plan.html b/site-plan.html new file mode 100644 index 0000000..53b4613 --- /dev/null +++ b/site-plan.html @@ -0,0 +1,156 @@ + + + + + + + + + 4. Tübinger Tage der digitalen Freiheit - Lageplan + + + +
+ +
+ + + + + + + +
+ Grundriss Erdgeschoss +
+
+
+
+
+
+
+
+ +
+ Grundriss 2. Obergeschoss +
+
+
+
+
+ +
+ Grundriss 6. Obergeschoss +
+
+
+
+
+
+
+ +
+ Grundriss 7. Obergeschoss +
+
+ +
+ Impressum +
+ +

 

+ +
+
+ + + + + diff --git a/styles-4.6.css b/styles-4.7.css similarity index 84% rename from styles-4.6.css rename to styles-4.7.css index 876da13..a9590c4 100644 --- a/styles-4.6.css +++ b/styles-4.7.css @@ -367,6 +367,70 @@ h3, height: 60px; } +/* Lageplan Styles */ +.floor-plan { + padding: 0; /* Kein Padding, damit Bild die Box vollständig ausfüllt */ + overflow: hidden; /* Verhindert Überlauf */ + position: relative; /* Für absolute Positionierung der Markierungen */ +} + +.floor-plan-image { + width: 100%; + height: 100%; + display: block; + margin: 0; + object-fit: cover; /* Bild füllt die gesamte Box aus */ + object-position: center; /* Zentriert das Bild */ +} + +/* Location Links */ +.location-link { + text-decoration: none; + color: #e5ebff; + transition: color 0.3s ease; +} + +.location-link:hover { + color: #FF668C; +} + +/* Pulsierender Ring für Locations */ +.location-marker { + position: absolute; + width: 40px; + height: 40px; + border: 6px solid #00ff66; + border-radius: 50%; + background: rgba(0, 255, 102, 0.6); + display: none; + z-index: 10; + animation: pulse 2s infinite; + transform: translate(-50%, -50%); + box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66; +} + +.location-marker.active { + display: block; +} + +@keyframes pulse { + 0% { + transform: translate(-50%, -50%) scale(1); + opacity: 1; + box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66; + } + 50% { + transform: translate(-50%, -50%) scale(1.3); + opacity: 0.8; + box-shadow: 0 0 30px #00ff66, 0 0 60px #00ff66, 0 0 90px #00ff66; + } + 100% { + transform: translate(-50%, -50%) scale(1); + opacity: 1; + box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66; + } +} + /* Content-Container */ #content {