forked from cal/tdf-2023-webseite
Martin Braun
10 hours ago
parent
f1b928baf7
commit
9afc60e405
@ -1,226 +1,144 @@ |
|||||||
|
<!-- |
||||||
|
Tage der digitalen Freiheit |
||||||
|
Handcrafted with ♥ by x~alotl |
||||||
|
--> |
||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html> |
<html> |
||||||
|
|
||||||
<head> |
<head> |
||||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||||
<meta property="og:image" content="image/poster.png" /> |
<meta property="og:image" content="../image/poster.png" /> |
||||||
<link rel="stylesheet" type="text/css" href="../styles-4.8.css"> |
<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"> |
<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> |
<title>5th Tübingen Days of Digital Freedom</title> |
||||||
</head> |
</head> |
||||||
|
|
||||||
<body> |
<body> |
||||||
<div class="background"> |
<div class="background"> |
||||||
|
|
||||||
<div id="content"> |
<div id="content"> |
||||||
|
|
||||||
<nav class="navigationbar"> |
<nav class="navigationbar"> |
||||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
<div> |
||||||
<div> |
<div> |
||||||
<a href="index.html" class="nav-button inactive">Home</a> |
<a href="index.html" class="active">Home</a> |
||||||
<a href="participate.html" class="nav-button">Participate</a> |
<a href="program.html">Program</a> |
||||||
<a href="site-plan.html" class="nav-button">Site Plan</a> |
<a href="join.html">Participate</a> |
||||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i |
<a href="venue.html">Venue</a> |
||||||
class="fas fa-external-link-alt"></i></a> |
<a href="recap.html">Recap</a> |
||||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i |
</div> |
||||||
class="fas fa-external-link-alt"></i></a> |
<div> |
||||||
<a href="recap.html" class="nav-button">Recap</a> |
<a href="../index.html"><img src="../image/de.png"> DE</a> |
||||||
</div> |
</div> |
||||||
<div> |
</div> |
||||||
<a href="../index.html" class="nav-button"><img src="../image/de.png" |
</nav> |
||||||
style="height: 16px; vertical-align: middle;"> DE</a> |
|
||||||
</div> |
<!-- Animated title --> |
||||||
</div> |
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch" |
||||||
</nav> |
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" |
||||||
<div class="banner-box"> |
style="--i:6">F</span><span class="ch sp" style="--i:7"> </span><span class="ch" |
||||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
style="--i:8">D</span><span class="ch" style="--i:9">I</span><span class="ch" |
||||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
style="--i:10">G</span><span class="ch" style="--i:11">I</span><span class="ch" style="--i:12">T</span><span |
||||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
class="ch" style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp" |
||||||
</div> |
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch" |
||||||
<div class="box" id="event"> |
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch" |
||||||
<h2>July 26/27, 2025</h2> |
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch" |
||||||
<p>The Tübingen Days of Digital Freedom are an open Chaos community event. The event is not only aimed |
style="--i:21">O</span><span class="ch" style="--i:22">M</span> |
||||||
at |
</h1> |
||||||
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 |
<!-- Box Event --> |
||||||
workshops and presentations. But you are also welcome to come just to hang-out, have conversations |
<div class="box" id="start"> |
||||||
with others, and take a look at the blinky things. |
<h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2> |
||||||
</p> |
<p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüssen" (Encrypt Free Spaces). On this |
||||||
<p class="big">All Creatures Welcome!</p> |
and many other topics around digital freedom, data protection, net politics, and technology, there will be talks, |
||||||
<div class="button-container"> |
workshops, and discussions. Beyond that, TDF offers space for networking, exchange, and creativity. |
||||||
<a href="recap.html" class="button">Recap</a> |
</p> |
||||||
</div> |
<p>The event is aimed not only at people from "the chaos" (members and friends of the Chaos |
||||||
</div> |
Computer Club) but everyone interested in a life of freedom and self-determination in the digital society. |
||||||
|
Admission is free. To make this possible, we appreciate donations and sponsors. |
||||||
<div class="box"> |
</p> |
||||||
<h2>Schedule</h2> |
</p> |
||||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
<p class="big">All Creatures Welcome!</p> |
||||||
<div> |
</div> |
||||||
<h3>Saturday, July 26, 2025</h3> |
|
||||||
<ul> |
<!-- Two columns boxes --> |
||||||
<li><b>09:00:</b> Entry for Assembly Area</li> |
<div class="box-grid"> |
||||||
<li><b>11:00:</b> Entry for everyone</li> |
|
||||||
<li><b>12:00:</b> Introduction Herald and TV Elves</li> |
<!-- Program --> |
||||||
<li><b>13:00:</b> Opening</li> |
<div class="box" id="program"> |
||||||
<li><b>14:00 – 23:00:</b> Program</li> |
<p>The CfP for TDF5 will be published soon. We look forward to numerous exciting talks and |
||||||
<li><b>23:00 – 9:00:</b> Nightshift</li> |
workshops.</p> |
||||||
</ul> |
<div class="button-container"> |
||||||
</div> |
<a href="program.html" class="button">Program</a> |
||||||
<div> |
</div> |
||||||
<h3>Sunday, July 27, 2025</h3> |
</div> |
||||||
<ul> |
|
||||||
<li><b>09:00:</b> Entry and breakfast</li> |
<!-- Join --> |
||||||
<li><b>10:00:</b> Introduction Herald and TV Elves</li> |
<div class="box" id="join"> |
||||||
<li><b>11:00 – 17:00:</b> Program</li> |
<p>The Days of Digital Freedom are made possible by your participation. Learn more about how you can contribute |
||||||
<li><b>from 17:00:</b> Dismantling</li> |
to the success of the event.</p> |
||||||
</ul> |
<div class="button-container"> |
||||||
</div> |
<a href="join.html" class="button">Participate</a> |
||||||
</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> |
||||||
|
|
||||||
<div class="center"> |
<!-- Venue --> |
||||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
<div class="box" id="venue"> |
||||||
|
<p>We meet at Westspitze, Eisenbahnstraße 1, 72072 Tübingen |
||||||
|
in the rooms and spaces of the ground floor and floors 2, 6, and 7.</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="venue.html" class="button">Venue</a> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<p> </p> |
<!-- Register --> |
||||||
|
<div class="box" id="register"> |
||||||
|
<p>You can register for TDF. Registration is voluntary and free, but you can support the |
||||||
|
event with a donation.</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Register</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Recap --> |
||||||
|
<div class="box" id="recap"> |
||||||
|
<p>Want to know what previous TDFs were like? In the recap you'll find reports, photos, and videos |
||||||
|
from past events:</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="recap.html" class="button">Recap</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- CTT --> |
||||||
|
<div class="box" id="ctt"> |
||||||
|
<p>The Tübingen Days of Digital Freedom are organized by Chaostreff Tübingen e.V. (CTT). More info |
||||||
|
on our website:</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="http://cttue.de/" class="button">Chaostreff</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Sponsor --> |
||||||
|
<div class="box" id="sponsor"> |
||||||
|
<h3>Our Sponsors</h3> |
||||||
|
<div class="sponsor-logos"> |
||||||
|
<a href="https://www.coworkgroup.de/" target="_blank"> |
||||||
|
<img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<p>Would you like to support TDF financially or in other ways, or know someone who might? |
||||||
|
Write to us 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> |
</div> |
||||||
|
</div> |
||||||
</body> |
</body> |
||||||
|
|
||||||
</html> |
</html> |
||||||
@ -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