forked from cal/tdf-2023-webseite
Martin Braun
10 hours ago
parent
f1b928baf7
commit
9afc60e405
@ -0,0 +1,164 @@ |
||||
<!-- |
||||
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"> |
||||
<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" class="active">Participate</a> |
||||
<a href="venue.html">Venue</a> |
||||
<a href="recap.html">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../join.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> |
||||
|
||||
<!-- Das Event --> |
||||
<div class="box"> |
||||
<h2>The Event</h2> |
||||
<p>The Days of Digital Freedom is an event organized from the Chaos community and takes place for the |
||||
fifth time in a row in Tübingen.</p> |
||||
<p>At the event, freaks, artists, utopians, and simply curious |
||||
people meet to learn from and with each other. We are all connected by the open exchange |
||||
about creativity, beauty, our society, technology and its impact on us and the |
||||
rapidly advancing climate catastrophe.</p> |
||||
|
||||
<p>The Days of Digital Freedom exist to realize this utopia. If you share our values and |
||||
<a href="https://www.ccc.de/hackerethik">ethics</a> and want to help, you are cordially |
||||
invited. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Termine --> |
||||
<div class="box"> |
||||
<h2>Dates</h2> |
||||
<h3>Preparation</h3> |
||||
<ul> |
||||
<li>Regular meetings of the organization team (usually Mondays). More info at <a |
||||
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li> |
||||
</ul> |
||||
<h3>Event</h3> |
||||
<ul> |
||||
<li>Thursday, May 15, 2026 (Ascension Day) - Setup</li> |
||||
<li>Friday, May 16, 2026 - Setup and TDF Day 1</li> |
||||
<li>Saturday, May 17, 2026 - TDF Day 2</li> |
||||
<li>Sunday, May 18, 2026 - TDF Day 3, teardown from 5:00 PM</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Vorträge und Workshops --> |
||||
<div class="box"> |
||||
<h2>Talks and Workshops</h2> |
||||
<p>The Call for Participation will open early 2026. More under |
||||
<a href="program.html">Program</a>. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Hackcenter und Projekte --> |
||||
<div class="box"> |
||||
<h2>Hackcenter and Projects</h2> |
||||
<p>As in previous years, there will be a hackcenter and a project room where groups and |
||||
individuals can show and present their own projects and gather. If you are interested |
||||
in being there with your group or project, please contact us at |
||||
<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Angels --> |
||||
<div class="box"> |
||||
<h2>Angels</h2> |
||||
<p>Beyond the content, the event also thrives on the help of kind and helpful angels. Many helping hands |
||||
are needed both behind and in front of the scenes. Tasks are divided into 2-hour shifts, |
||||
and all helpers get free mineral water and snacks at the angel haven.</p> |
||||
<p>The angel system can be found at <a href="https://elfen.cttue.de">elfen.cttue.de</a>. |
||||
There you can register as an angel and sign up for shifts. |
||||
</p> |
||||
|
||||
<p>You can help the organization team with the following tasks:</p> |
||||
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||
<div> |
||||
<h3>Setup</h3> |
||||
<ul> |
||||
<li>Transportation services</li> |
||||
<li>Decoration</li> |
||||
<li>Furniture arrangement</li> |
||||
<li>Signage</li> |
||||
</ul> |
||||
<h3>Talks</h3> |
||||
<ul> |
||||
<li>"Herald" / Moderation</li> |
||||
<li>Camera and sound</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Catering</h3> |
||||
<ul> |
||||
<li>Beverage sales (evening Tschunk etc.)</li> |
||||
<li>WOC (Waffle Operation Center)</li> |
||||
<li>Breakfast</li> |
||||
<li>Angel catering</li> |
||||
</ul> |
||||
<h3>Teardown</h3> |
||||
<ul> |
||||
<li>Transportation services</li> |
||||
<li>Furniture arrangement</li> |
||||
<li>Cleaning</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Accommodation --> |
||||
<div class="box"> |
||||
<h2>Accommodation</h2> |
||||
<p>For visitors from outside, we want to offer the possibility to stay overnight on Friday and Saturday |
||||
nights on camp beds and sofas. For this, please register in advance at |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a>. |
||||
</p> |
||||
|
||||
</div> |
||||
|
||||
<!-- Imprint --> |
||||
<div id="imprint"> |
||||
<a href="imprint.html">Imprint</a> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,87 @@ |
||||
<!-- |
||||
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"> |
||||
<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" class="active">Program</a> |
||||
<a href="join.html">Participate</a> |
||||
<a href="venue.html">Venue</a> |
||||
<a href="recap.html">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../program.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 Program --> |
||||
<div class="box"> |
||||
<p>Over 50 talks and workshops in 4 rooms await you from these topic areas:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Creativity & Beauty</li> |
||||
<li>Ethics, Politics & Society</li> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitality & Competence</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Diversity & Mindfulness</li> |
||||
<li>Sustainability & Climate</li> |
||||
<li>Science & Technology</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<p>The Call for Participation will open early 2026.</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<!-- Imprint --> |
||||
<div id="imprint"> |
||||
<a href="imprint.html">Imprint</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,143 @@ |
||||
<!-- |
||||
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> |
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 991 KiB After Width: | Height: | Size: 991 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 126 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 254 KiB After Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 176 KiB After Width: | Height: | Size: 176 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 264 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,169 @@ |
||||
<!-- |
||||
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"> |
||||
<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" class="active">Mitmachen</a> |
||||
<a href="venue.html">Lageplan</a> |
||||
<a href="recap.html">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/join.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> |
||||
|
||||
<!-- Das Event --> |
||||
<div class="box"> |
||||
<h2>Das Event</h2> |
||||
<p>Die Tage der digitalen Freiheit sind ein Event organisiert aus der Chaos-Community und findet zum |
||||
fünften Mal in Folge in Tübingen statt.</p> |
||||
<p>Auf dem Event treffen sich Freaks, Künstlerinnen, Utopistinnen und einfach nur wissensgierige |
||||
Menschen um gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch |
||||
über Kreativität, Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in |
||||
großen Schritten voranschreitende Klimakatastrophe.</p> |
||||
|
||||
<p>Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und |
||||
<a href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich |
||||
dazu eingeladen. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Termine --> |
||||
<div class="box"> |
||||
<h2>Termine</h2> |
||||
<h3>Vorbereitung</h3> |
||||
<ul> |
||||
<li>Regelmäßige Meetings des Orga-Teams (meist Montags). Mehr Infos dazu unter <a |
||||
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li> |
||||
</ul> |
||||
<h3>Event</h3> |
||||
<ul> |
||||
<li>Donnerstag 15. Mai 2026 (Christi Himmelfahrt) - Aufbau </li> |
||||
<li>Freitag 16. Mai 2026 - Aufbau und TDF Tag 1</li> |
||||
<li>Samstag 17. Mai 2026 - TDF Tag 2</li> |
||||
<li>Sonntag 18. Mai 2026 - TDF Tag 3, ab 17:00 Uhr Abbau. </li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Vorträge und Workshops --> |
||||
<div class="box"> |
||||
<h2>Vorträge und Workshops</h2> |
||||
<p>Der Call for Participation wird Anfang 2026 geöffnet. Mehr unter |
||||
<a href="program.html">Programm</a>. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Hackcenter und Projekte --> |
||||
<div class="box"> |
||||
<h2>Hackcenter und Projekte</h2> |
||||
<p>Wie im vergangen Jahr wird es einen Hackcenter und einen Projekteraum geben, in denen Gruppen und |
||||
Einzelpersonen eigene Projekte zeigen und sich vorstellen und versammeln können. Wenn du Interesse |
||||
hast, mit deiner Gruppe oder Projekt dabei zu sein, melde dich bitte unter |
||||
<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>. |
||||
</p> |
||||
</div> |
||||
|
||||
<!-- Elfen --> |
||||
<div class="box"> |
||||
<h2>Elfen</h2> |
||||
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen. Es werden hinter |
||||
und auch vor den Kulissen einige helfende Hände benötigt. Die Aufgaben sind in 2 Stunden Schichten |
||||
unterteilt und für alle Helfenden gibts im Elfenhain |
||||
umsonst Mineralwasser und Snacks.</p> |
||||
<p>Das Elfensystem ist unter <a href="https://elfen.cttue.de">elfen.cttue.de</a> zu finden. |
||||
Dort kannst du dich als Elfe registrieren und dich für die Schichten eintragen. |
||||
</p> |
||||
|
||||
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p> |
||||
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||
<div> |
||||
<h3>Aufbau</h3> |
||||
<ul> |
||||
<li>Fahrdienste</li> |
||||
<li>Deko</li> |
||||
<li>Möbelierung</li> |
||||
<li>Beschilderung</li> |
||||
</ul> |
||||
<h3>Vorträge</h3> |
||||
<ul> |
||||
<li>„Herald“ / Moderation</li> |
||||
<li>Kamera und Ton</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Verpflegung</h3> |
||||
<ul> |
||||
<li>Getränkeverkauf (abends Tschunk etc.)</li> |
||||
<li>WOC (Waffel Operation Center)</li> |
||||
<li>Frühstück</li> |
||||
<li>Elfenverpflegung</li> |
||||
</ul> |
||||
<h3>Abbau</h3> |
||||
<ul> |
||||
<li>Fahrdienst</li> |
||||
<li>Möbelierung</li> |
||||
<li>Putzen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Übernachten --> |
||||
<div class="box"> |
||||
<h2>Übernachtung</h2> |
||||
<p>Für extern Angereiste wollen wir die Möglichkeit anbieten Freitag und Samstag Nacht zu übernachten |
||||
auf Feldbetten und Sofas. Hierzu bitte unbedingt vorher bei |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> anmelden. |
||||
</p> |
||||
|
||||
</div> |
||||
|
||||
<!-- Imprint --> |
||||
<div id="imprint"> |
||||
<a href="imprint.html">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,88 @@ |
||||
<!-- |
||||
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"> |
||||
<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" class="active">Programm</a> |
||||
<a href="join.html">Mitmachen</a> |
||||
<a href="venue.html">Lageplan</a> |
||||
<a href="recap.html">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/program.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 Program --> |
||||
<div class="box"> |
||||
<p>Es erwarten euch über 50 Vorträge und Workshops in 4 Räumen aus diesen Themenbereichen:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Kreativität & Schönheit</li> |
||||
<li>Ethik, Politik & Gesellschaft</li> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitalität & Mündigkeit</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Vielfalt & Achtsamkeit</li> |
||||
<li>Nachhaltigkeit & Klima</li> |
||||
<li>Science & Technology</li> |
||||
<li>Vernetzung & Aktionen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<p>Der Call for Participation wird Anfang 2026 geöffnet.</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<!-- Imprint --> |
||||
<div id="imprint"> |
||||
<a href="imprint.html">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
|
Before Width: | Height: | Size: 972 KiB |
|
Before Width: | Height: | Size: 469 KiB |
@ -1,61 +0,0 @@ |
||||
/* Box sizing rules */ |
||||
*, |
||||
*::before, |
||||
*::after { |
||||
box-sizing: border-box; |
||||
} |
||||
/* Remove default padding */ |
||||
ul[class], |
||||
ol[class] { |
||||
padding: 0; |
||||
} |
||||
/* Remove default margin */ |
||||
body, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
p, |
||||
ul[class], |
||||
ol[class], |
||||
li, |
||||
figure, |
||||
figcaption, |
||||
blockquote, |
||||
dl, |
||||
dd { |
||||
margin: 0; |
||||
} |
||||
/* Set core body defaults */ |
||||
body { |
||||
min-height: 100vh; |
||||
scroll-behavior: smooth; |
||||
text-rendering: optimizeSpeed; |
||||
line-height: 1.5; |
||||
} |
||||
/* Remove list styles on ul, ol elements with a class attribute */ |
||||
ul[class], |
||||
ol[class] { |
||||
list-style: none; |
||||
} |
||||
/* A elements that don't have a class get default styles */ |
||||
a:not([class]) { |
||||
text-decoration-skip-ink: auto; |
||||
} |
||||
/* Make images easier to work with */ |
||||
img { |
||||
max-width: 100%; |
||||
display: block; |
||||
} |
||||
/* Natural flow and rhythm in articles by default */ |
||||
article > * + * { |
||||
margin-top: 1em; |
||||
} |
||||
/* Inherit fonts for inputs and buttons */ |
||||
input, |
||||
button, |
||||
textarea, |
||||
select { |
||||
font: inherit; |
||||
} |
||||
|
||||
@ -1,245 +0,0 @@ |
||||
* { |
||||
box-sizing: border-box; |
||||
} |
||||
html { |
||||
font-family: "IBM Plex Mono", "Sometype Mono", "Office Code Pro", "Cousine", |
||||
"Courier New", "Courier", monospace; |
||||
font-size: 1.3vw; |
||||
background: #2d95ab; |
||||
background-image: url("/style/bg.png"); |
||||
min-height: 100%; |
||||
background-repeat: no-repeat; |
||||
background-attachment: fixed; |
||||
background-size: cover; |
||||
color: #FFFFFF; |
||||
} |
||||
body { |
||||
width: 80%; |
||||
min-height: 100%; |
||||
margin: 0% auto; |
||||
} |
||||
header { |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
header img { |
||||
width: 50%; |
||||
margin: 1%; |
||||
border: none; |
||||
} |
||||
nav { |
||||
width: 100%; |
||||
text-align: center; |
||||
z-index: 1; |
||||
background: #000000; |
||||
color: #FFFFFF; |
||||
text-wrap: balance; |
||||
position: sticky; |
||||
top: 0px; |
||||
padding:0.2rem; |
||||
} |
||||
main { |
||||
width: 100%; |
||||
} |
||||
article { |
||||
padding: 1rem; |
||||
background: rgba(0, 0, 0, 0.7); |
||||
} |
||||
footer { |
||||
width: 100%; |
||||
text-align: center; |
||||
background: #000000; |
||||
color: #FFFFFF; |
||||
} |
||||
div.cont{ |
||||
white-space: break-spaces; |
||||
} |
||||
div.h-box { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
div.h-2items,li.pagefind-ui__result { |
||||
width: 48%; |
||||
display: inline-block; |
||||
margin: 2.5% 1%; |
||||
text-align: center; |
||||
border: solid 1px; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
} |
||||
div.box{ |
||||
border: solid 1px; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
margin: 1%; |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
img{ |
||||
max-height:15rem; max-width:15rem; |
||||
} |
||||
} |
||||
h1 { |
||||
text-align: center; |
||||
color: yellow; |
||||
} |
||||
h2{ |
||||
color: yellow; |
||||
font-weight: bold; |
||||
font-size: unset; |
||||
} |
||||
img { |
||||
display: inline; |
||||
} |
||||
p.desc{ |
||||
text-align: center; |
||||
} |
||||
p.bar, a.pagefind-ui__result-link{ |
||||
display: block; |
||||
text-align: center; |
||||
background: darkblue; |
||||
font-size: smaller; |
||||
margin: 0px 1px; |
||||
} |
||||
small{ |
||||
text-align: center; |
||||
display: block; |
||||
} |
||||
a { |
||||
color: #FFFFFF; |
||||
} |
||||
nav a { |
||||
text-decoration: none; |
||||
} |
||||
a:hover { |
||||
color: #808080; |
||||
} |
||||
a.current { |
||||
color: #808080; |
||||
} |
||||
a.btn{ |
||||
border: 1px solid; |
||||
border-radius: 0.2rem; |
||||
padding: 0.25rem; |
||||
margin: 0.25rem; |
||||
text-decoration: none; |
||||
} |
||||
a.btn:hover{ |
||||
color: #808080; |
||||
} |
||||
@media (max-width: 1250px) { |
||||
html { |
||||
font-size: 16px; |
||||
} |
||||
body, nav { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@media (max-width: 600px) { |
||||
html { |
||||
font-size: 16px; |
||||
} |
||||
html,body,nav { |
||||
max-width: 100%; |
||||
min-width: 100%; |
||||
width: 100%; |
||||
} |
||||
div.h-2items,li.pagefind-ui__result { |
||||
width: 98%; |
||||
} |
||||
} |
||||
@media print { |
||||
* { |
||||
box-sizing: border-box; |
||||
color: #000000 !important; |
||||
background: #FFFFFF !important; |
||||
} |
||||
a { |
||||
text-decoration: underline !important |
||||
} |
||||
} |
||||
form.pagefind-ui__form{ |
||||
text-align: center; |
||||
white-space: initial; |
||||
} |
||||
img.pagefind-ui__result-image{ |
||||
display: none; |
||||
} |
||||
div.tt{ |
||||
position: relative; |
||||
height: 7600px; |
||||
div{ |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
position: absolute; |
||||
width: 20%; |
||||
border: solid 1px; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
} |
||||
div.loc1{ |
||||
left:0%; |
||||
} |
||||
div.loc2{ |
||||
left:20%; |
||||
} |
||||
div.loc3{ |
||||
left:40%; |
||||
} |
||||
div.loc6{ |
||||
left:80%; |
||||
} |
||||
div.loc7{ |
||||
left:60%; |
||||
} |
||||
div.loc8{ |
||||
display:none; |
||||
} |
||||
|
||||
#marker{ |
||||
display:none; |
||||
color: red; |
||||
padding-top: 20px; |
||||
background:none; |
||||
background-image: url("/style/fire.gif"); |
||||
background-repeat: repeat-x; |
||||
background-position-y: bottom; |
||||
font-size: 2rem; |
||||
width: 100%; |
||||
height: 3.5rem; |
||||
max-height: 3.5rem; |
||||
border: none; |
||||
border-bottom: solid 3px; |
||||
opacity: 0.7; |
||||
} |
||||
} |
||||
#status{ |
||||
position: fixed; |
||||
top: 5%; |
||||
left:5%; |
||||
width:90%; |
||||
height: 90%; |
||||
background: black; |
||||
border: solid 5px; |
||||
margin: 1%; |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
display: none; |
||||
overflow: hidden; |
||||
white-space: break-spaces; |
||||
font-size: 1.5rem; |
||||
z-index:888; |
||||
img{ |
||||
max-height:15rem; |
||||
margin: 0.5%; |
||||
} |
||||
} |
||||
#touchBlocker{ |
||||
position: fixed; |
||||
top:0%; |
||||
left:0%; |
||||
width:100%; |
||||
height:100%; |
||||
z-index:999; |
||||
} |
||||
canvas{ |
||||
background: unset !important; |
||||
} |
||||
.invisible{ |
||||
display: none; |
||||
} |
||||
|
Before Width: | Height: | Size: 73 KiB |
@ -0,0 +1,517 @@ |
||||
/** |
||||
* Tage der digitalen Freiheit |
||||
* Handcrafted with ♥ by x~alotl |
||||
*/ |
||||
|
||||
/** |
||||
* Font Faces |
||||
*/ |
||||
|
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Regular'; |
||||
src: url('font/TitilliumWeb-Regular.ttf'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Bold'; |
||||
src: url('font/TitilliumWeb-Bold.ttf'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: "aglet-mono-variable"; |
||||
src: url('font/aglet-mono-variable.woff2') format("woff"); |
||||
font-display: auto; |
||||
font-weight: 200 900; |
||||
font-stretch: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: "p22-cusp-square"; |
||||
src: url('font/p22-cusp-square.woff2'); |
||||
font-display: auto; |
||||
font-style: normal; |
||||
font-weight: 400; |
||||
font-stretch: normal; |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Global Variables |
||||
**/ |
||||
|
||||
:root { |
||||
--light: #ecf2eb; |
||||
--shadow: #7d707a; |
||||
--electric: #d9fbff; |
||||
--highlight: #8ae6e1; |
||||
--link: #cc30a8; |
||||
--shadow-rgb: 125, 112, 122; |
||||
--box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3); |
||||
|
||||
/* Animated Title Variables */ |
||||
--wght-min: 200; |
||||
--wght-max: 900; |
||||
--dur: 2200ms; |
||||
--step: 70ms; |
||||
} |
||||
|
||||
|
||||
/** |
||||
* Base |
||||
**/ |
||||
|
||||
body { |
||||
background: #c6d0c8; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.background { |
||||
background-image: url("image/head.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center top; |
||||
background-attachment: fixed; |
||||
background-size: auto; |
||||
min-height: 100vh; |
||||
padding-top: 20px; |
||||
margin: 0; |
||||
} |
||||
|
||||
/* Enhance background size for very large screens */ |
||||
@media (min-width: 1921px) { |
||||
.background { |
||||
background-size: 100% auto; |
||||
} |
||||
} |
||||
|
||||
/* The main content area is 1000px wide, unless the screen is smaller than 1150px */ |
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
position: relative; |
||||
/* Important for the animated title width calculation */ |
||||
container-type: inline-size; |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Text Styles |
||||
**/ |
||||
|
||||
p, |
||||
h2, |
||||
h3, |
||||
a, |
||||
li { |
||||
font-family: "TitilliumWeb-Regular"; |
||||
font-size: 1.2em; |
||||
color: var(--shadow); |
||||
} |
||||
|
||||
h2 { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
text-transform: uppercase; |
||||
font-size: 2.5em; |
||||
margin-top: 0.5em; |
||||
margin-block-end: 0em; |
||||
line-height: 1; |
||||
} |
||||
|
||||
h3, |
||||
.big { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
font-size: 1.5em; |
||||
} |
||||
|
||||
a { |
||||
color: var(--link); |
||||
text-decoration: none; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
a:hover { |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
ul { |
||||
list-style-type: none; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
ul li { |
||||
padding-left: 20px; |
||||
margin-top: 0px; |
||||
margin-bottom: 0px; |
||||
position: relative; |
||||
} |
||||
|
||||
ul li:before { |
||||
content: ""; |
||||
width: 8px; |
||||
height: 8px; |
||||
background-color: var(--shadow); |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
b { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Boxes |
||||
**/ |
||||
|
||||
.box { |
||||
background: var(--light); |
||||
margin-bottom: 2em; |
||||
padding: 0.5em 2em 1.4em 2em; |
||||
border: none; |
||||
box-shadow: var(--box-shadow); |
||||
} |
||||
|
||||
.box-grid { |
||||
display: grid; |
||||
grid-template-columns: 1fr 1fr; |
||||
gap: 2em; |
||||
} |
||||
|
||||
.box-grid .box { |
||||
margin-bottom: 0; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.box-grid .box .button-container { |
||||
margin-top: auto; |
||||
} |
||||
|
||||
@media (max-width: 800px) { |
||||
.box-grid { |
||||
grid-template-columns: 1fr; |
||||
} |
||||
} |
||||
|
||||
#map { |
||||
background-image: url("image/map.png"); |
||||
} |
||||
|
||||
#sponsor { |
||||
margin-top: 2em; |
||||
} |
||||
|
||||
#imprint { |
||||
margin-bottom: 4em; |
||||
text-align: center; |
||||
} |
||||
|
||||
/** |
||||
* Button |
||||
**/ |
||||
|
||||
.button-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.button { |
||||
display: inline-block; |
||||
padding: 20px 40px; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: var(--electric); |
||||
border: none; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease; |
||||
border-radius: 0; |
||||
margin: 0 auto; |
||||
box-shadow: var(--box-shadow); |
||||
} |
||||
|
||||
.button:hover { |
||||
background-color: var(--highlight); |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.button.disabled { |
||||
background-color: #cccccc; |
||||
color: #666666; |
||||
cursor: not-allowed; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
.buttons-wrapper { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
gap: 20px; |
||||
margin: 20px auto; |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Sponsor Logos |
||||
**/ |
||||
.sponsor-logos { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
gap: 4em; |
||||
list-style: none; |
||||
padding: 2em; |
||||
margin: 0; |
||||
align-items: center; |
||||
justify-content: center; |
||||
background-color: #f8f8f8; |
||||
border-radius: 8px; |
||||
} |
||||
|
||||
.sponsor-logos li { |
||||
list-style: none !important; |
||||
flex: 0 0 calc(33.333% - 10em); |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.sponsor-logos img { |
||||
height: 60px; |
||||
} |
||||
|
||||
|
||||
/** |
||||
* Navigation Bar |
||||
**/ |
||||
|
||||
.navigationbar { |
||||
position: fixed; |
||||
top: 0; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
align-items: center; |
||||
width: 100%; |
||||
max-width: 1000px; |
||||
z-index: 1000; |
||||
padding: 0; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.navigationbar>div { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
width: 100%; |
||||
} |
||||
|
||||
.navigationbar img { |
||||
height: 16px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.navigationbar a { |
||||
display: inline-block; |
||||
padding: 5px 10px; |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: var(--electric); |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease, color 0.3s ease; |
||||
text-align: center; |
||||
margin: 0 5px; |
||||
box-shadow: var(--box-shadow); |
||||
} |
||||
|
||||
.navigationbar a:hover { |
||||
transform: scale(1.1); |
||||
box-shadow: 0 0 16px rgba(var(--shadow-rgb), 0.5); |
||||
} |
||||
|
||||
.navigationbar a.active { |
||||
background-color: var(--highlight); |
||||
cursor: not-allowed; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
#languages { |
||||
position: fixed; |
||||
top: 19px; |
||||
right: 10%; |
||||
transform: translateY(-50%); |
||||
background-color: #401E13; |
||||
padding: 10px; |
||||
padding-bottom: 3px; |
||||
z-index: 9999; |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Animated Title |
||||
**/ |
||||
|
||||
.title { |
||||
font-family: "aglet-mono-variable"; |
||||
text-transform: uppercase; |
||||
font-size: 6cqw; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
color: var(--light); |
||||
text-shadow: 0 0 8px rgba(var(--shadow-rgb), 1); |
||||
width: 100%; |
||||
margin-top: 410px; |
||||
margin-bottom: 1cqw; |
||||
} |
||||
|
||||
.title.en { |
||||
font-size: 7cqw; |
||||
} |
||||
|
||||
/* Animates the weight of each character with the offset of their index */ |
||||
.title .ch { |
||||
display: inline-block; |
||||
will-change: font-variation-settings; |
||||
font-variation-settings: "wght" var(--wght-min); |
||||
animation: wghtWave var(--dur) cubic-bezier(.45, 0, .1, 1) infinite alternate; |
||||
animation-delay: calc(var(--i) * var(--step)); |
||||
} |
||||
|
||||
/* Fix the width of spaces */ |
||||
.title .sp { |
||||
width: 1ch; |
||||
} |
||||
|
||||
@keyframes wghtWave { |
||||
from { |
||||
font-variation-settings: "wght" var(--wght-min); |
||||
} |
||||
|
||||
to { |
||||
font-variation-settings: "wght" var(--wght-max); |
||||
} |
||||
} |
||||
|
||||
@media (prefers-reduced-motion: reduce) { |
||||
.title .ch { |
||||
animation: none; |
||||
font-variation-settings: "wght" 600; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Images Gallery |
||||
**/ |
||||
|
||||
.gallery { |
||||
display: grid; |
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
||||
gap: 20px; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
.gallery img { |
||||
width: 100%; |
||||
height: auto; |
||||
border-radius: 10px; |
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
||||
transition: transform 0.3s, box-shadow 0.3s; |
||||
} |
||||
|
||||
.gallery img:hover { |
||||
transform: scale(1.10); |
||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); |
||||
} |
||||
|
||||
.lightbox { |
||||
display: none; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: rgba(0, 0, 0, 0.8); |
||||
justify-content: center; |
||||
align-items: center; |
||||
z-index: 1000; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.lightbox img { |
||||
max-width: 90%; |
||||
max-height: 90%; |
||||
border-radius: 10px; |
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); |
||||
} |
||||
|
||||
|
||||
/** |
||||
* Floor Plan |
||||
**/ |
||||
|
||||
.floor-plan { |
||||
padding: 0; |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
|
||||
.floor-plan-image { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: block; |
||||
margin: 0; |
||||
object-fit: cover; |
||||
object-position: center; |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
} |
||||
@ -0,0 +1,55 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="../image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.8.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="../imprint.html"><img src="../image/de.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Legal Notice</h2> |
||||
<p> |
||||
<strong>Address</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Online: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Contact</strong> |
||||
</p> |
||||
<p> |
||||
For general inquiries, we recommend sending an email to mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. is registered in the association register of the Stuttgart District Court under |
||||
association number VR 726042. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,226 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.8.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübingen Days of Digital Freedom</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="recap.html" class="nav-button">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../index.html" class="nav-button"><img src="../image/de.png" |
||||
style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
<div class="box" id="event"> |
||||
<h2>July 26/27, 2025</h2> |
||||
<p>The Tübingen Days of Digital Freedom are an open Chaos community event. The event is not only aimed |
||||
at |
||||
nerds, but also at everyone interested in a life of freedom and |
||||
self-determination. To this end, we want to give you the tools for self-empowerment in the form of |
||||
workshops and presentations. But you are also welcome to come just to hang-out, have conversations |
||||
with others, and take a look at the blinky things. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="recap.html" class="button">Recap</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Schedule</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Saturday, July 26, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry for Assembly Area</li> |
||||
<li><b>11:00:</b> Entry for everyone</li> |
||||
<li><b>12:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>13:00:</b> Opening</li> |
||||
<li><b>14:00 – 23:00:</b> Program</li> |
||||
<li><b>23:00 – 9:00:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sunday, July 27, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry and breakfast</li> |
||||
<li><b>10:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>11:00 – 17:00:</b> Program</li> |
||||
<li><b>from 17:00:</b> Dismantling</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Program</h2> |
||||
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||
<p>You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Creativity & Beauty</li> |
||||
<li>Ethics, Politics & Society</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitality & Competence</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Diversity & Mindfulness</li> |
||||
<li>Sustainability & Climate</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="button">Schedule</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>The Day of Digital Freedom is made possible through your participation. There are many ways you can |
||||
contribute to the success of the event. On the following page, you can learn more about it:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elf System</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Register</h2> |
||||
<p>You can register for the Tübingen Days of Digital Freedom to help us with planning and to stay up to |
||||
date. Registration is voluntary and free of charge. However, you can make a donation to support the |
||||
event.</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Register</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Location</h2> |
||||
<p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p> |
||||
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> |
||||
<p>The building is accessible by 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 will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Site Plan</a> |
||||
</div> |
||||
<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">View |
||||
Larger Map</a></small> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Organizers</h2> |
||||
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT). |
||||
The |
||||
ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V. |
||||
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and |
||||
social |
||||
issues.</p> |
||||
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Supporters</h2> |
||||
<p /> |
||||
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This |
||||
makes the offer freely accessible to the public.</p> |
||||
<p>In order to make this possible, sponsors have supported us in the past years. This year we are also |
||||
looking forward to work with supporters to make this event possible. |
||||
</p> |
||||
<h3>Our Supporters</h3> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be |
||||
suitable for this? Write to us at |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Previous Events</h2> |
||||
<p>The Day of Digital Freedom has been held annually since 2022. Here are the pages |
||||
for the previous events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/en" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,93 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.8.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4th Tübingen Days of Digital Freedom 2025</title> |
||||
</head> |
||||
<body> |
||||
<div class="background"> |
||||
<div id="content"> |
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="recap.html" class="nav-button inactive">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../recap.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>4th Tübingen Days of Digital Freedom 2025</h2> |
||||
<p>On July 26/27, 2025, the 4th Tübingen Days of Digital Freedom took place at the Westspitze in Tübingen. The event was organized by <a href="https://cttue.de/">Chaostreff Tübingen e.V.</a>. Thanks to the support of many <a href="participate.html">(h)elping hands</a> and financial sponsors, a fantastic event was made possible. On four floors with two lecture stages, two workshop rooms, and a hackspace, more than 300 visitors enjoyed a <a href="https://cfp.cttue.de/tdf4/schedule/">diverse program</a>. |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Impressions</h2> |
||||
|
||||
<div class="gallery"> |
||||
<img src="../image/tdf5_00001.JPG" alt="Photo 1" onclick="openLightbox('../image/tdf5_00001.JPG')"> |
||||
<img src="../image/tdf5_00002.JPG" alt="Photo 2" onclick="openLightbox('../image/tdf5_00002.JPG')"> |
||||
<img src="../image/tdf5_00003.JPG" alt="Photo 3" onclick="openLightbox('../image/tdf5_00003.JPG')"> |
||||
<img src="../image/tdf5_00004.JPG" alt="Photo 4" onclick="openLightbox('../image/tdf5_00004.JPG')"> |
||||
<img src="../image/tdf5_00005.JPG" alt="Photo 5" onclick="openLightbox('../image/tdf5_00005.JPG')"> |
||||
<img src="../image/tdf5_00006.JPG" alt="Photo 6" onclick="openLightbox('../image/tdf5_00006.JPG')"> |
||||
<img src="../image/tdf5_00007.JPG" alt="Photo 7" onclick="openLightbox('../image/tdf5_00007.JPG')"> |
||||
<img src="../image/tdf5_00008.JPG" alt="Photo 8" onclick="openLightbox('../image/tdf5_00008.JPG')"> |
||||
<img src="../image/tdf5_00009.JPG" alt="Photo 9" onclick="openLightbox('../image/tdf5_00009.JPG')"> |
||||
<img src="../image/tdf5_00010.JPG" alt="Photo 10" onclick="openLightbox('../image/tdf5_00010.JPG')"> |
||||
<img src="../image/tdf5_00011.JPG" alt="Photo 11" onclick="openLightbox('../image/tdf5_00011.JPG')"> |
||||
<img src="../image/tdf5_00012.JPG" alt="Photo 12" onclick="openLightbox('../image/tdf5_00012.JPG')"> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Lightbox Container --> |
||||
<div id="lightbox" class="lightbox" onclick="closeLightbox()"> |
||||
<img id="lightbox-img" src="" alt="Enlarged photo"> |
||||
</div> |
||||
|
||||
<script> |
||||
function openLightbox(imageSrc) { |
||||
const lightbox = document.getElementById('lightbox'); |
||||
const lightboxImg = document.getElementById('lightbox-img'); |
||||
lightboxImg.src = imageSrc; |
||||
lightbox.style.display = 'flex'; |
||||
} |
||||
|
||||
function closeLightbox() { |
||||
const lightbox = document.getElementById('lightbox'); |
||||
lightbox.style.display = 'none'; |
||||
} |
||||
</script> |
||||
|
||||
<div class="box" id="radio"> |
||||
<h2>Videos</h2> |
||||
<p>Thanks to <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the talks were recorded and published. You can find the videos on <a href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> and on <a href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>. |
||||
<div class="button-container"> |
||||
<a href="https://media.ccc.de/c/tdf2025" class="button">To the videos…</a> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 424 KiB After Width: | Height: | Size: 424 KiB |
|
Before Width: | Height: | Size: 165 KiB After Width: | Height: | Size: 165 KiB |
|
Before Width: | Height: | Size: 794 KiB After Width: | Height: | Size: 794 KiB |
|
Before Width: | Height: | Size: 238 KiB After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 99 B |
|
After Width: | Height: | Size: 288 B |
|
Before Width: | Height: | Size: 7.1 MiB After Width: | Height: | Size: 7.1 MiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 430 KiB |
|
Before Width: | Height: | Size: 980 KiB After Width: | Height: | Size: 980 KiB |
|
Before Width: | Height: | Size: 953 KiB After Width: | Height: | Size: 953 KiB |
|
Before Width: | Height: | Size: 328 KiB After Width: | Height: | Size: 328 KiB |
|
Before Width: | Height: | Size: 3.7 MiB After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 991 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 293 KiB After Width: | Height: | Size: 293 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 254 KiB |
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 132 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
@ -0,0 +1,55 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.8.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="en/imprint.html"><img src="image/gb.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Impressum</h2> |
||||
<p> |
||||
<strong>Anschrift</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Im Web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Kontakt</strong> |
||||
</p> |
||||
<p> |
||||
Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR |
||||
726042 eingetragen. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,225 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.8.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübinger Tage der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="recap.html" class="nav-button">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/index.html" class="nav-button"><img src="image/gb.png" |
||||
style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="event"> |
||||
<h2>26./27. Juli 2025</h2> |
||||
<p>Die Tübinger Tage der digitalen Freiheit sind ein offenes Chaos-Community-Event. |
||||
Das Event richtet sich bei weitem nicht nur an Nerds, sondern an alle, die an einem Leben in |
||||
Freiheit und Selbstbestimmung interessiert sind. Dazu möchten wir mit Werkzeugen zur |
||||
Selbstbefähigung in Form von Workshops und Vorträgen anreizen. Man darf aber auch gerne zum Chillen, |
||||
Gespräche und Blinkereien genießen vorbeikommen. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="recap.html" class="button">Rückblick</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Zeitplan</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Samstag, 26. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li> |
||||
<li><b>11:00 Uhr:</b> Einlass für alle</li> |
||||
<li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>13:00:</b> Eröffnung</li> |
||||
<li><b>14:00 – 23:00 Uhr:</b> Programm</li> |
||||
<li><b>23:00 – 9:00 Uhr:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sonntag, 27. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass und Frühstück</li> |
||||
<li><b>10:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>11:00 – 17:00 Uhr:</b> Programm</li> |
||||
<li><b>ab 17:00 Uhr:</b> Abbau</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="box"> |
||||
<h2>Programm</h2> |
||||
<p>Es erwarten euch ca. 50 Vorträge und Workshops in 4 Sälen aus folgenden Themenbereichen:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Kreativität & Schönheit</li> |
||||
<li>Ethik, Politik & Gesellschaft</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitalität & Mündigkeit</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Vielfalt & Achtsamkeit</li> |
||||
<li>Nachhaltigkeit & Klima</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Vernetzung & Aktionen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf5/" class="button">Fahrplan</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>macht mit!</h2> |
||||
<p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Es gibt viele Möglichkeiten, wie |
||||
du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber |
||||
erfahren:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elfensystem</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Anmelden</h2> |
||||
<p>Du kannst dich für die Tübinger Tage der digitalen Freiheit anmelden, um uns bei der Planung zu |
||||
helfen und um auf dem Laufenden zu bleiben. Die Anmeldung ist freiwillig und kostenlos. Du kannst |
||||
aber eine Spende geben, um die Veranstaltung zu unterstützen.</p> |
||||
</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Anmelden</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Ort</h2> |
||||
<p>Der Tag der digitalen Freiheit findet 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> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Lageplan</a> |
||||
</div> |
||||
<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" id="ctt"> |
||||
<h2>Veranstalter*innen</h2> |
||||
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und |
||||
veranstaltet. Der Chaostreff ist ein gemeinnütziger Verein und steht inhaltlich dem Chaos Computer |
||||
Club e. V. nahe. Die Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an |
||||
technischen, digitalen, kulturellen und gesellschaflichen Themen.</p> |
||||
<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Unterstützer*innen</h2> |
||||
<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. |
||||
Dadurch ist das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p> |
||||
<p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr |
||||
freuen wir uns auf Unterstützer*innen. </p> |
||||
<h3>Unsere Sponsoren</h3> |
||||
<p /> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in |
||||
Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Vorherige Events</h2> |
||||
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten |
||||
der vorhergenden Events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,117 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.8.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>3. Tübinger Tag der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="recap.html" class="nav-button inactive">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/recap.html" class="nav-button"><img src="image/gb.png" |
||||
style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>4. Tage der digitalen Freiheit 2025</h2> |
||||
<p>Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage der digitalen Freiheit statt. Dazu |
||||
lud der |
||||
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a> ein. Dank der Unterstützung vieler <a |
||||
href="participate.html">(h)elfender Hände</a> und finanzieller |
||||
Unterstützer konnte ein famoses Event stattfinden. Auf vier Etagen mit zwei Vortragsbühnen, zwei |
||||
Workshop-Räumen und einem Hackspace |
||||
haben über 300 Besucher ein <a href="https://cfp.cttue.de/tdf4/schedule/">vielfältiges |
||||
Programm</a> |
||||
erleben können. |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Impressionen</h2> |
||||
|
||||
<div class="gallery"> |
||||
<img src="image/tdf4_00001.JPG" alt="Bild 1" onclick="openLightbox('image/tdf4_00001.JPG')"> |
||||
<img src="image/tdf4_00002.JPG" alt="Bild 2" onclick="openLightbox('image/tdf4_00002.JPG')"> |
||||
<img src="image/tdf4_00003.JPG" alt="Bild 3" onclick="openLightbox('image/tdf4_00003.JPG')"> |
||||
<img src="image/tdf4_00004.JPG" alt="Bild 4" onclick="openLightbox('image/tdf4_00004.JPG')"> |
||||
<img src="image/tdf4_00005.JPG" alt="Bild 5" onclick="openLightbox('image/tdf4_00005.JPG')"> |
||||
<img src="image/tdf4_00006.JPG" alt="Bild 6" onclick="openLightbox('image/tdf4_00006.JPG')"> |
||||
<img src="image/tdf4_00007.JPG" alt="Bild 7" onclick="openLightbox('image/tdf4_00007.JPG')"> |
||||
<img src="image/tdf4_00008.JPG" alt="Bild 8" onclick="openLightbox('image/tdf4_00008.JPG')"> |
||||
<img src="image/tdf4_00009.JPG" alt="Bild 9" onclick="openLightbox('image/tdf4_00009.JPG')"> |
||||
<img src="image/tdf4_00010.JPG" alt="Bild 10" onclick="openLightbox('image/tdf4_00010.JPG')"> |
||||
<img src="image/tdf4_00011.JPG" alt="Bild 11" onclick="openLightbox('image/tdf4_00011.JPG')"> |
||||
<img src="image/tdf4_00012.JPG" alt="Bild 12" onclick="openLightbox('image/tdf4_00012.JPG')"> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Lightbox Container --> |
||||
<div id="lightbox" class="lightbox" onclick="closeLightbox()"> |
||||
<img id="lightbox-img" src="" alt="Vergrößertes Bild"> |
||||
</div> |
||||
|
||||
<script> |
||||
function openLightbox(imageSrc) { |
||||
const lightbox = document.getElementById('lightbox'); |
||||
const lightboxImg = document.getElementById('lightbox-img'); |
||||
lightboxImg.src = imageSrc; // Set the clicked image as the source |
||||
lightbox.style.display = 'flex'; // Show the lightbox |
||||
} |
||||
|
||||
function closeLightbox() { |
||||
const lightbox = document.getElementById('lightbox'); |
||||
lightbox.style.display = 'none'; // Hide the lightbox |
||||
} |
||||
</script> |
||||
|
||||
<div class="box" id="radio"> |
||||
<h2>Videos</h2> |
||||
<p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge |
||||
aufgezeichnet und |
||||
veröffentlicht worden. Ihr findet die Videos auf <a |
||||
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <a |
||||
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>. |
||||
<div class="button-container"> |
||||
<a href="https://media.ccc.de/c/tdf2025" class="button">Zu den Videos…</a> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,145 @@ |
||||
<!-- |
||||
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> |
||||
@ -0,0 +1,30 @@ |
||||
/** |
||||
* Tage der digitalen Freiheit |
||||
* Handcrafted with ♥ by x~alotl |
||||
*/ |
||||
document.addEventListener('DOMContentLoaded', function () { |
||||
const locationLinks = document.querySelectorAll('.location-link'); |
||||
const markers = document.querySelectorAll('.location-marker'); |
||||
locationLinks.forEach(link => { |
||||
link.addEventListener('click', function (e) { |
||||
e.preventDefault(); |
||||
markers.forEach(marker => { |
||||
marker.classList.remove('active'); |
||||
}); |
||||
const targetLocation = this.getAttribute('data-target'); |
||||
const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`); |
||||
if (targetMarker) { |
||||
targetMarker.classList.add('active'); |
||||
|
||||
const targetFloor = this.getAttribute('href'); |
||||
const targetElement = document.querySelector(targetFloor); |
||||
if (targetElement) { |
||||
targetElement.scrollIntoView({ behavior: 'smooth' }); |
||||
} |
||||
setTimeout(() => { |
||||
targetMarker.classList.remove('active'); |
||||
}, 10000); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue