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.
143 lines
6.8 KiB
143 lines
6.8 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>5th Tübingen Days of Digital Freedom</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="background">
|
|
|
|
<div id="content">
|
|
|
|
<nav class="navigationbar">
|
|
<div>
|
|
<div>
|
|
<a href="index.html">Home</a>
|
|
<a href="program.html">Program</a>
|
|
<a href="join.html">Participate</a>
|
|
<a href="venue.html" class="active">Venue</a>
|
|
<a href="recap.html">Recap</a>
|
|
</div>
|
|
<div>
|
|
<a href="../venue.html"><img src="../image/de.png"> DE</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Animated title -->
|
|
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
|
|
style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
|
|
style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
|
|
style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
|
|
style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
|
|
style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
|
|
style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
|
|
style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
|
|
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
|
|
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
|
|
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
|
|
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
|
|
</h1>
|
|
|
|
<!-- Box Venue -->
|
|
<div class="box" id="location">
|
|
<h2>Location</h2>
|
|
<p>The Days of Digital Freedom take place at Westspitze Tübingen.</p>
|
|
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
|
|
<p>The building can be reached on foot from the city center in about 15 minutes, from the main train station in about 10 minutes, or
|
|
from the
|
|
bus stops "Blaue Brücke" and "Landestheater".</p>
|
|
<p>We meet in the rooms and spaces of the ground floor and floors 2, 6, and 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">Show
|
|
larger
|
|
map</a>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<h2>What's Where?</h2>
|
|
<p>This is the floor plan of TDF 2025. Changes are possible.</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 in Foyer</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Stage 1</a></li>
|
|
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Stage 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">Coffee</a></li>
|
|
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</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">Waffles</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="Ground floor plan" 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="2nd floor plan" 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="6th floor plan" 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="7th floor plan" class="floor-plan-image" />
|
|
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |