forked from cal/tdf-2023-webseite
parent
617e7d8765
commit
f93d84e305
@ -1,55 +0,0 @@ |
||||
<!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.7.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> |
||||
@ -1,222 +0,0 @@ |
||||
<!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.7.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> |
||||
</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="../tdf3/en/recap.html" class="button">Recap of the TDF 2024</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> |
||||
@ -1,153 +0,0 @@ |
||||
<!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.7.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 - Site Plan</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 inactive">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> |
||||
</div> |
||||
<div> |
||||
<a href="../site-plan.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="site-plan-intro"> |
||||
<h2>Where is what?</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;"> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-2" class="location-link" data-target="back-office">Back Office</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar in Foyer</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="kaffee">Coffee</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elf Grove</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">Hackspace</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Info Desk</a></li> |
||||
<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> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</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="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="Floor plan ground floor" 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="Floor plan 2nd floor" 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="Floor plan 6th floor" 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="Floor plan 7th floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
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(); |
||||
|
||||
// Alle Marker ausblenden |
||||
markers.forEach(marker => { |
||||
marker.classList.remove('active'); |
||||
}); |
||||
|
||||
// Ziel-Location finden und Marker anzeigen |
||||
const targetLocation = this.getAttribute('data-target'); |
||||
const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`); |
||||
|
||||
if (targetMarker) { |
||||
targetMarker.classList.add('active'); |
||||
|
||||
// Zur entsprechenden Etage scrollen |
||||
const targetFloor = this.getAttribute('href'); |
||||
const targetElement = document.querySelector(targetFloor); |
||||
if (targetElement) { |
||||
targetElement.scrollIntoView({ behavior: 'smooth' }); |
||||
} |
||||
|
||||
// Marker nach 10 Sekunden ausblenden |
||||
setTimeout(() => { |
||||
targetMarker.classList.remove('active'); |
||||
}, 10000); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue