forked from cal/tdf-2023-webseite
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
7.1 KiB
145 lines
7.1 KiB
<!--
|
|
Tage der digitalen Freiheit
|
|
Handcrafted with ♥ by x~alotl
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta property="og:image" content="image/poster.png" />
|
|
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<script src="venue.js"></script>
|
|
<title>5. Tübinger Tage der digitalen Freiheit</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="background">
|
|
|
|
<div id="content">
|
|
|
|
<nav class="navigationbar">
|
|
<div>
|
|
<div>
|
|
<a href="index.html">Hauptseite</a>
|
|
<a href="program.html">Programm</a>
|
|
<a href="join.html">Mitmachen</a>
|
|
<a href="venue.html" class="active">Lageplan</a>
|
|
<a href="recap.html">Rückblick</a>
|
|
</div>
|
|
<div>
|
|
<a href="en/venue.html"><img src="image/gb.png"> EN</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Animated title -->
|
|
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
|
|
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
|
|
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
|
|
style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
|
|
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
|
|
style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
|
|
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
|
|
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
|
|
style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
|
|
style="--i:17">N</span><span class="ch sp" style="--i:18">
|
|
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
|
|
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
|
|
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
|
|
style="--i:25">I</span><span class="ch" style="--i:26">T</span>
|
|
</h1>
|
|
|
|
<!-- Box Venue -->
|
|
<div class="box" id="location">
|
|
<h2>Ort</h2>
|
|
<p>Die Tage der digitalen Freiheit finden in der Westspitze Tübingen statt.</p>
|
|
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
|
|
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
|
|
von den
|
|
Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.</p>
|
|
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
|
|
|
|
<iframe id="map" width="800" height="500"
|
|
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&layer=mapnik&marker=48.516218802800694%2C9.063262045383453"
|
|
style="border: 1px solid black"></iframe><br /><small><a
|
|
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">Größere
|
|
Karte
|
|
anzeigen</a>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<h2>Wo ist was?</h2>
|
|
<p>Das ist der Lageplan des TDF 2025. Änderungen sind möglich.</p>
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;">
|
|
<div>
|
|
<ul>
|
|
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar im Foyer</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Bühne 1</a></li>
|
|
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Bühne 2</a></li>
|
|
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elfenhain</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="foyer">Foyer</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="hackspace">Hackcenter</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Infodesk</a></li>
|
|
<li><a href="#floor-6" class="location-link" data-target="kaffee">Kaffee</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="kasse">Kasse</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><a href="#floor-6" class="location-link" data-target="projekte">Projekte</a></li>
|
|
<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li>
|
|
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li>
|
|
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffeln</a></li>
|
|
<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li>
|
|
<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box floor-plan" id="floor-eg">
|
|
<img src="image/Etagen_EG.png" alt="Grundriss Erdgeschoss" class="floor-plan-image" />
|
|
<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div>
|
|
<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div>
|
|
<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div>
|
|
<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div>
|
|
<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div>
|
|
<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div>
|
|
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div>
|
|
</div>
|
|
|
|
<div class="box floor-plan" id="floor-2">
|
|
<img src="image/Etagen_2. OG.png" alt="Grundriss 2. Obergeschoss" class="floor-plan-image" />
|
|
<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div>
|
|
<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div>
|
|
<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div>
|
|
<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div>
|
|
</div>
|
|
|
|
<div class="box floor-plan" id="floor-6">
|
|
<img src="image/Etagen_6. OG.png" alt="Grundriss 6. Obergeschoss" class="floor-plan-image" />
|
|
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div>
|
|
<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div>
|
|
<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div>
|
|
<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div>
|
|
<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div>
|
|
</div>
|
|
|
|
<div class="box floor-plan" id="floor-7">
|
|
<img src="image/Etagen_7. OG.png" alt="Grundriss 7. Obergeschoss" class="floor-plan-image" />
|
|
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |