diff --git a/en/venue.html b/en/venue.html index 98bb338..1144a68 100644 --- a/en/venue.html +++ b/en/venue.html @@ -69,27 +69,31 @@
@@ -97,27 +101,31 @@
Ground floor plan -
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
6th floor plan -
-
-
-
-
+
+
+
+
+
7th floor plan -
+
diff --git a/image/Etagen_2. OG.png b/image/Etagen_2. OG.png deleted file mode 100644 index f618c7e..0000000 Binary files a/image/Etagen_2. OG.png and /dev/null differ diff --git a/image/Etagen_6. OG.png b/image/Etagen_6. OG.png index 71fdb14..f3c5f33 100644 Binary files a/image/Etagen_6. OG.png and b/image/Etagen_6. OG.png differ diff --git a/image/Etagen_7. OG.png b/image/Etagen_7. OG.png index 975c9c7..4b049c5 100644 Binary files a/image/Etagen_7. OG.png and b/image/Etagen_7. OG.png differ diff --git a/image/Etagen_EG.png b/image/Etagen_EG.png index 2e60719..8ab4004 100644 Binary files a/image/Etagen_EG.png and b/image/Etagen_EG.png differ diff --git a/styles-5.5.css b/styles-5.5.css index 23ac243..d07c6f3 100644 --- a/styles-5.5.css +++ b/styles-5.5.css @@ -543,40 +543,44 @@ b { .location-marker { position: absolute; - width: 40px; - height: 40px; - border: 6px solid #00ff66; - border-radius: 50%; - background: rgba(0, 255, 102, 0.6); + width: 72px; + height: 72px; 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; + background: transparent; + animation: crosshair-pulse 2s infinite; + filter: drop-shadow(0 0 5px #ff00cc) drop-shadow(0 0 12px #ff00cc); } .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; - } +/* Two rotated bars with a gap in the middle form a diagonal crosshair */ +.location-marker::before, +.location-marker::after { + content: ''; + position: absolute; + top: 50%; + left: 0; + width: 100%; + height: 3px; + margin-top: -1.5px; + background: linear-gradient(to right, + #ff00cc 0%, #ff00cc 33%, + transparent 33%, transparent 67%, + #ff00cc 67%, #ff00cc 100% + ); +} + +.location-marker::before { transform: rotate(45deg); } +.location-marker::after { transform: rotate(-45deg); } + +@keyframes crosshair-pulse { + 0% { opacity: 1; transform: translate(-50%, -50%) scale(1); } + 50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.3); } + 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } } diff --git a/venue.html b/venue.html index 562d933..ac0400c 100644 --- a/venue.html +++ b/venue.html @@ -71,27 +71,31 @@
@@ -99,27 +103,31 @@
Grundriss Erdgeschoss -
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
Grundriss 6. Obergeschoss -
-
-
-
-
+
+
+
+
+
Grundriss 7. Obergeschoss -
+