forked from CTT/tdf-webseite
Compare commits
52 Commits
| Author | SHA1 | Date |
|---|---|---|
Martin Braun
|
60ca72b8a1 | 1 week ago |
|
Martin Braun
|
97690da947 | 1 week ago |
|
Martin Braun
|
9afc60e405 | 2 weeks ago |
Martin Braun
|
f1b928baf7 | 1 month ago |
|
Martin Braun
|
73fc534dc0 | 1 month ago |
Martin Braun
|
72c2df18ea | 6 months ago |
|
Martin Braun
|
485326654e | 6 months ago |
|
Martin Braun
|
804ed4dd95 | 6 months ago |
|
Martin Braun
|
4ab2d9d457 | 6 months ago |
|
Martin Braun
|
d31de0ec25 | 6 months ago |
|
Martin Braun
|
e8235ca4b8 | 6 months ago |
|
Martin Braun
|
489655bd52 | 6 months ago |
|
Martin Braun
|
623ad28bd2 | 6 months ago |
|
Martin Braun
|
09e6ec69af | 6 months ago |
|
Martin Braun
|
fb41f04345 | 6 months ago |
|
Martin Braun
|
eefbebaa65 | 6 months ago |
|
Martin Braun
|
afe244027b | 6 months ago |
|
Martin Braun
|
b21c869c4f | 6 months ago |
Alexander Blöck
|
41482a60eb | 8 months ago |
|
Alexander Blöck
|
5a5a9a1049 | 8 months ago |
|
Alexander Blöck
|
6fb907b64e | 8 months ago |
|
Alexander Blöck
|
080048de8f | 8 months ago |
|
Alexander Blöck
|
dc09b093dc | 8 months ago |
|
Alexander Blöck
|
6af4a346f1 | 8 months ago |
 Pascal
|
9fa7e1ea3b | 10 months ago |
|
Pascal
|
01375cce57 | 10 months ago |
|
Pascal
|
9ba6399283 | 10 months ago |
|
Martin Braun
|
822fda85f7 | 10 months ago |
|
Martin Braun
|
278888c86b | 10 months ago |
Martin Braun
|
52c6d8a576 | 11 months ago |
|
Martin Braun
|
11fe07cb1b | 11 months ago |
|
Martin Braun
|
3ac2fd281f | 11 months ago |
|
Martin Braun
|
2c9dde8eca | 11 months ago |
|
Martin Braun
|
fb90c31283 | 12 months ago |
|
Martin Braun
|
b06741540f | 12 months ago |
|
Martin Braun
|
9c93db46bc | 12 months ago |
|
Martin Braun
|
369195be7e | 12 months ago |
|
Martin Braun
|
f39063d61f | 12 months ago |
|
Martin Braun
|
3810aa09f6 | 12 months ago |
|
Martin Braun
|
093af03896 | 1 year ago |
|
Martin Braun
|
0dc8a0ae14 | 1 year ago |
|
Martin Braun
|
37fbc8ac2b | 1 year ago |
|
Martin Braun
|
1dfbcfc7c1 | 1 year ago |
|
Martin Braun
|
d28a8caf10 | 1 year ago |
|
Martin Braun
|
38a4dceb72 | 1 year ago |
|
Martin Braun
|
80f79ddf31 | 1 year ago |
Martin Braun
|
6873c553ac | 1 year ago |
|
Martin Braun
|
1bf965ed6c | 1 year ago |
|
Martin Braun
|
6b9c16f0c3 | 1 year ago |
|
Martin Braun
|
b2e9f913de | 2 years ago |
 Marvin
|
94ee97907a | 2 years ago |
|
Pascal
|
b597e4e86d | 2 years ago |
@ -0,0 +1,80 @@ |
||||
<!-- |
||||
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">Participate</a> |
||||
<a href="venue.html">Venue</a> |
||||
<a href="recap.html">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../imprint.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> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Imprint</h2> |
||||
<h3>Address</h3> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
On the web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<h3>Contact</h3> |
||||
<p> |
||||
For general contact we recommend an email to mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. is registered in the association register of the district court of Stuttgart under the association number VR |
||||
726042. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,123 +1,143 @@ |
||||
<!-- |
||||
Tage der digitalen Freiheit |
||||
Handcrafted with ♥ by x~alotl |
||||
--> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="../styles-0.1.css"> |
||||
<title>3. Tübinger Day of Digital Freedom</title> |
||||
<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 id="languages"><a href="../index.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.png" /> |
||||
</div> |
||||
<div class="box" id="event"> |
||||
<h2>July 6, 2024</h2> |
||||
<p class="big">Saturday 1:00 PM to Sunday 1:00 PM</p> |
||||
<p>The Tübingen Day of Digital Freedom is 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> |
||||
|
||||
<div class="box"> |
||||
<h2>Program</h2> |
||||
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||
<p>You can look forward to 42 sessions by 28 speakers in 4 rooms covering the following topics:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;"> |
||||
<nav class="navigationbar"> |
||||
<div> |
||||
<ul> |
||||
<li>Creativity & Beauty</li> |
||||
<li>Ethics, Politics & Society</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitality & Competence</li> |
||||
</ul> |
||||
<a href="index.html" class="active">Home</a> |
||||
<a href="program.html">Program</a> |
||||
<a href="join.html">Participate</a> |
||||
<a href="venue.html">Venue</a> |
||||
<a href="recap.html">Recap</a> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Sustainability & Climate Justice</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
<a href="../index.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 Event --> |
||||
<div class="box" id="start"> |
||||
<h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2> |
||||
<p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüssen" (Encrypt Free Spaces). On this |
||||
and many other topics around digital freedom, data protection, net politics, and technology, there will be talks, |
||||
workshops, and discussions. Beyond that, TDF offers space for networking, exchange, and creativity. |
||||
</p> |
||||
<p>The event is aimed not only at people from "the chaos" (members and friends of the Chaos |
||||
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. |
||||
</p> |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
</div> |
||||
|
||||
<!-- Two columns boxes --> |
||||
<div class="box-grid"> |
||||
|
||||
<!-- Program --> |
||||
<div class="box" id="program"> |
||||
<p>The CfP for TDF5 will be published soon. We look forward to numerous exciting talks and |
||||
workshops.</p> |
||||
<div class="button-container"> |
||||
<a href="program.html" class="button">Program</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Join --> |
||||
<div class="box" id="join"> |
||||
<p>The Days of Digital Freedom are made possible by your participation. Learn more about how you can contribute |
||||
to the success of the event.</p> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf3/schedule/" class="button">See the full schedule…</a> |
||||
<a href="join.html" class="button">Participate</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Location</h2> |
||||
<p>The Day of Digital Freedom will take place this year 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 6th and 7th floors.</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">View |
||||
Larger Map</a></small> |
||||
<!-- Venue --> |
||||
<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> |
||||
|
||||
<!-- 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> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>Be part of the event by contributing your own part. Click on "Participate" to learn more… |
||||
</p> |
||||
<!-- 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="participate.html" class="button">Participate</a> |
||||
<a href="recap.html" class="button">Recap</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- CTT --> |
||||
<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 (CTT). The |
||||
ChaosTreff is a registered 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> |
||||
<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"> |
||||
<h2>Sponsors</h2> |
||||
<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> |
||||
<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 |
||||
tdf@cttue.de</p> |
||||
<div class="image-bar"> |
||||
<img src="../image/AVAT_logo.png" alt="AVAT Logo"> |
||||
<img src="../image/daasi_logo.png" alt="DAASI Logo"> |
||||
<img src="../image/tuebingen_logo.png" alt="Tübingen Logo"> |
||||
<img src="../image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo"> |
||||
|
||||
<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> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
|
||||
@ -0,0 +1,177 @@ |
||||
<!-- |
||||
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> |
||||
<li>Organization introductory event – tba (probably early February)</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> |
||||
|
||||
<!-- Call for Arts --> |
||||
<div class="box"> |
||||
<h2>Call for Arts</h2> |
||||
<p>You are an artist, musician, performer, or have another creative idea that you would like to present |
||||
at the Days of Digital Freedom? The Call for Arts will open early 2026. Send us an email if you want |
||||
to be notified as soon as the Call for Arts is live: |
||||
<a href="mailto:arts@cttue.de">arts@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. Send us an email if you want to be notified as soon as the |
||||
Call for Participation is live: <a href="mailto:program@cttue.de">program@cttue.de</a>.</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,144 @@ |
||||
<!-- |
||||
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">Participate</a> |
||||
<a href="venue.html">Venue</a> |
||||
<a href="recap.html" class="active">Recap</a> |
||||
</div> |
||||
<div> |
||||
<a href="../recap.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> |
||||
|
||||
<div class="box"> |
||||
<h2>Previous Events</h2> |
||||
<p>The Days of Digital Freedom have been held annually since 2022. Here you can find the pages |
||||
of previous events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="../tdf1/index.html" class="button">TDF1 | 2022</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="../tdf2/index.html" class="button">TDF2 | 2023</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="../tdf3/en/index.html" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="../tdf4/en/index.html" class="button">TDF4 | 2025</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>4th Days of Digital Freedom 2025</h2> |
||||
<p>On July 26/27, 2025, the 4th 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="join.html">helping hands</a> and financial |
||||
supporters, a fabulous event could take place. On four floors with two presentation stages, two |
||||
workshop rooms and a hackspace, |
||||
over 300 visitors were able to experience 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/tdf4_00001.JPG" alt="Image 1" onclick="openLightbox('../image/tdf4_00001.JPG')"> |
||||
<img src="../image/tdf4_00002.JPG" alt="Image 2" onclick="openLightbox('../image/tdf4_00002.JPG')"> |
||||
<img src="../image/tdf4_00003.JPG" alt="Image 3" onclick="openLightbox('../image/tdf4_00003.JPG')"> |
||||
<img src="../image/tdf4_00004.JPG" alt="Image 4" onclick="openLightbox('../image/tdf4_00004.JPG')"> |
||||
<img src="../image/tdf4_00005.JPG" alt="Image 5" onclick="openLightbox('../image/tdf4_00005.JPG')"> |
||||
<img src="../image/tdf4_00006.JPG" alt="Image 6" onclick="openLightbox('../image/tdf4_00006.JPG')"> |
||||
<img src="../image/tdf4_00007.JPG" alt="Image 7" onclick="openLightbox('../image/tdf4_00007.JPG')"> |
||||
<img src="../image/tdf4_00008.JPG" alt="Image 8" onclick="openLightbox('../image/tdf4_00008.JPG')"> |
||||
<img src="../image/tdf4_00009.JPG" alt="Image 9" onclick="openLightbox('../image/tdf4_00009.JPG')"> |
||||
<img src="../image/tdf4_00010.JPG" alt="Image 10" onclick="openLightbox('../image/tdf4_00010.JPG')"> |
||||
<img src="../image/tdf4_00011.JPG" alt="Image 11" onclick="openLightbox('../image/tdf4_00011.JPG')"> |
||||
<img src="../image/tdf4_00012.JPG" alt="Image 12" onclick="openLightbox('../image/tdf4_00012.JPG')"> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Lightbox Container --> |
||||
<div id="lightbox" class="lightbox" onclick="closeLightbox()"> |
||||
<img id="lightbox-img" src="" alt="Enlarged image"> |
||||
</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>Thanks to the help of <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the presentations |
||||
have been 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> |
||||
|
||||
<!-- 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.
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 991 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 |
@ -0,0 +1,82 @@ |
||||
<!-- |
||||
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">Mitmachen</a> |
||||
<a href="venue.html">Lageplan</a> |
||||
<a href="recap.html">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/imprint.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> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Impressum</h2> |
||||
<h3>Anschrift</h3> |
||||
<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> |
||||
<h3>Kontakt</h3> |
||||
<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> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,184 @@ |
||||
<!-- |
||||
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 werden organisiert aus der Chaos-Community und finden zum fünften Mal |
||||
in Folge in Tübingen statt.</p> |
||||
<p>Hier treffen sich Freaks, Künstler:innen, Utopist:innen 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>Die Tage der digitalen Freiheit sind 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). Für mehr Infos Mail an <a |
||||
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li> |
||||
<li>Orga-Einführungsveranstaltung – tba (Vermutlich Anfang Februar)</li> |
||||
</ul> |
||||
<h3>Veranstaltung</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> |
||||
|
||||
<!-- Call for Arts --> |
||||
<div class="box"> |
||||
<h2>Call for Arts</h2> |
||||
<p>Du bist Künstler:in, Musiker:in, Performer:in oder hast eine andere kreative Idee, die du auf den |
||||
Tagen der digitalen Freiheit präsentieren möchtest? Der Call for Arts wird Anfang 2026 geöffnet. |
||||
Schick uns eine E-Mail, wenn du benachrichtigt werden möchtest, sobald der Call for Arts live ist: |
||||
<a href="mailto:arts@cttue.de">arts@cttue.de</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,90 @@ |
||||
<!-- |
||||
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. Schick uns eine E-Mail, wenn du benachrichtigt werden |
||||
möchtest, sobald der Call for Participation live ist: <a href="mailto:program@cttue.de">program@cttue.de</a>. |
||||
</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> |
||||
@ -0,0 +1,147 @@ |
||||
<!-- |
||||
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">Mitmachen</a> |
||||
<a href="venue.html">Lageplan</a> |
||||
<a href="recap.html" class="active">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/recap.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> |
||||
|
||||
<div class="box"> |
||||
<h2>Frühere 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="tdf1/index.html" class="button">TDF1 | 2022</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="tdf2/index.html" class="button">TDF2 | 2023</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="tdf3/index.html" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="tdf4/index.html" class="button">TDF4 | 2025</a> |
||||
</div> |
||||
</div> |
||||
</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> |
||||
|
||||
<!-- Imprint --> |
||||
<div id="imprint"> |
||||
<a href="imprint.html">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -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,602 @@ |
||||
<!DOCTYPE html> |
||||
<!-- saved from url=(0047)https://iconet-foundation.org/digitale-freiheit --> |
||||
<html lang="de"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<!-- Styles --> |
||||
<link href="./index_files/app.css" rel="stylesheet" nonce=""> |
||||
|
||||
<!-- Fonts --> |
||||
<link rel="preload" href="https://iconet-foundation.org/fonts/Bronova%20Regular.otf" type="font/ttf" as="font" crossorigin="" nonce=""> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="./index_files/app.js" nonce="" defer=""></script> |
||||
|
||||
|
||||
|
||||
<!-- CSRF Token --> |
||||
<meta name="csrf-token" content="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q"> |
||||
|
||||
<link rel="icon shortcut" href="https://iconet-foundation.org/favicon.svg" type="image/icon type"> |
||||
|
||||
<!-- Meta Tags --> |
||||
<title>iconet Foundation</title> |
||||
<meta property="og:title" content="iconet Foundation"> |
||||
|
||||
<meta name="description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können."> |
||||
<meta property="og:description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können."> |
||||
<meta property="og:url" content="https://iconet-foundation.org"> |
||||
<meta property="og:type" content="website"> |
||||
<meta property="og:site_name" content="iconet Foundation"> |
||||
<meta property="og:image" content="https://iconet-foundation.org/images/logo.png"> |
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="https://iconet-foundation.org/"> |
||||
<meta name="news_keywords" content="Social_Media, Internet_Technologie, Kommunikation, Nachrichten, Entwicklung, Dezentralisierung, Open_Source, Software"> |
||||
<meta name="keywords" content="Social_Media, Internet_Technologie, Kommunikation, Nachrichten, Entwicklung, Dezentralisierung, Open_Source, Software"> |
||||
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image"> |
||||
<meta name="twitter:site" content="@IconetFd"> |
||||
<meta name="twitter:creator" content="@IconetFd"> |
||||
<meta name="twitter:title" content="iconet Foundation"> |
||||
<meta name="twitter:description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können."> |
||||
<meta property="twitter:url" content="https://iconet-foundation.org"> |
||||
<meta name="twitter:image" content="https://iconet-foundation.org/images/logo.png"> |
||||
|
||||
|
||||
<meta name="theme-color" content="#ffffff"> |
||||
<meta name="robots" content="index,follow"> |
||||
<meta name="googlebot" content="index,follow"> |
||||
|
||||
|
||||
<meta name="rating" content="General"> |
||||
<link rel="author" type="text/plain" href="https://humans.txt/"> |
||||
<link rel="me" href="https://fosstodon.org/@iconet"> |
||||
|
||||
<style nonce=""> |
||||
table { |
||||
width: 100%; |
||||
max-width: 50rem; |
||||
} |
||||
|
||||
table tr th { |
||||
color: #777; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
table th, |
||||
table td { |
||||
padding: 0.5rem 1rem; |
||||
} |
||||
|
||||
table tbody th { |
||||
font-weight: normal; |
||||
border-top: thin dotted #aaa; |
||||
} |
||||
|
||||
table tbody td { |
||||
font-size: 0.8rem; |
||||
font-weight: bold; |
||||
line-height: 1.4; |
||||
border-radius: 0.4rem; |
||||
|
||||
} |
||||
|
||||
table td > span { |
||||
font-size: 0.8em; |
||||
font-weight: normal; |
||||
display: block; |
||||
} |
||||
|
||||
thead tr .badge-pill ~ span { |
||||
margin-left: 0.6em; |
||||
} |
||||
|
||||
table tbody td { |
||||
border: solid 1px white; |
||||
} |
||||
|
||||
.talk { |
||||
background-color: #FFA726; |
||||
} |
||||
|
||||
.talkB { |
||||
background-color: #ffcc00; |
||||
} |
||||
|
||||
.workshop { |
||||
background-color: #9CCC65; |
||||
} |
||||
|
||||
.workshopB { |
||||
background-color: #33cc33; |
||||
} |
||||
|
||||
.common { |
||||
background-color: #81D4FA; |
||||
} |
||||
|
||||
.aus { |
||||
background-color: #26C6DA; |
||||
} |
||||
|
||||
.auftritt { |
||||
background-color: #ff9999; |
||||
} |
||||
|
||||
.umbau { |
||||
background-color: lightgray; |
||||
} |
||||
|
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
|
||||
<body> |
||||
<div id="app"> |
||||
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm px-sm-3 px-2 p-1"> |
||||
<a class="navbar-brand mr-md-2 mr-xl-4" href="https://iconet-foundation.org/"> |
||||
<img src="./index_files/logo.png" alt="iconet Foundation"> |
||||
</a> |
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
||||
<span class="navbar-toggler-icon"></span> |
||||
</button> |
||||
|
||||
<div class="collapse navbar-collapse mr-1" id="navbarSupportedContent"> |
||||
<!-- Left Side Of Navbar --> |
||||
<div class="navbar-nav mr-auto"> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/vision">Vision </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/support">Unterstütze uns </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/blog">Blog </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/faq">FAQ </a> |
||||
</div> |
||||
</div> |
||||
|
||||
<form method="POST" action="https://iconet-foundation.org/newsletter" class="input-group p-0 w-md-init mt-1 mt-md-0"> |
||||
<input type="hidden" name="_token" value="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q" autocomplete="off"> <input id="newsletter" name="email" type="email" class="newsletter form-control " value="" placeholder="deine@email.de" aria-label="deine@email.de" autocomplete="email" required=""> |
||||
<div class="input-group-append flex-grow-1"> |
||||
<button class="btn btn-secondary flex-grow-1" type="submit">Newsletter anmelden</button> |
||||
</div> |
||||
</form> |
||||
|
||||
</nav> |
||||
|
||||
<div id="fill-height"> |
||||
|
||||
<main class=""> |
||||
|
||||
<div class="container py-3"> |
||||
|
||||
<div class="text-center"> |
||||
<h1 class="display-3">Tübinger Tag der digitalen Freiheit</h1> |
||||
<h3> |
||||
<time datetime="2022-06-04">Samstag 04. Juni 2022</time> |
||||
- Shedhallen Gelände |
||||
</h3> |
||||
|
||||
<img class="mx-auto" src="./index_files/tddf.webp" alt="tddf-logo" width="50%"> |
||||
</div> |
||||
|
||||
<p>Der Tübinger Tag der digitalen Freiheit ist eine erstmals durchgeführte ganztägige Veranstaltung, |
||||
bei der verschiedene Themen rund um Digitalität kritisch beleuchtet werden. Das Event ist kostenfrei und durch |
||||
sein breites Angebot für alle Altersklassen interessant und relevant. Wir wollen Menschen befähigen, informierte |
||||
Entscheidungen zu treffen, sowie sich ihre digitalen Räume selbst zu gestalten.</p> |
||||
|
||||
|
||||
|
||||
<h2 class="mt-3">Programm</h2> |
||||
|
||||
<table class="table-hover"> |
||||
<thead class="table-dark bg-dark sticky-top"> |
||||
<tr> |
||||
<th></th> |
||||
<td colspan="2"><b class="badge-pill talk text-body">Vorträge</b> |
||||
<span>Saal 1</span> |
||||
</td> |
||||
<td colspan="2"><b class="badge-pill workshop text-body">Workshops</b> |
||||
<span>Hintere Räume Rechts</span> |
||||
</td> |
||||
<td colspan="1"><b class="badge-pill aus text-body">Ausstellung</b> |
||||
<span>Hintere Räume Mitte</span> |
||||
</td> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
|
||||
<tr> |
||||
|
||||
<th>12:00</th> |
||||
<td colspan="4" rowspan="1" class="common">Einlass<span>Die Veranstaltung beginnt. Drinkt mit uns schonmal eine Limo und lasst uns gemeinsam auf den Tag einstimmen.</span> |
||||
</td> |
||||
<td colspan="1" rowspan="21" class="aus">Ausstellungen<span><br><b>Glassroom</b><br>The Glass Room ist eine öffentliche Intervention, die darauf abzielt, Technologie durch immersive, zum Nachdenken anregende und selbstlernende Ausstellungen zu |
||||
entmystifizieren. The Glass Room begann als groß angelegte Ausstellung, die zwischen 2016 und 2019 von Berlin nach |
||||
New York, London und San Francisco wanderte. <br><br> <b>Generate - digitale Künste</b><br> u.a. von <i>Joachim Wedekind</i> - Codierte Kunst: <br> |
||||
Das Exponat soll den Vorgang des Codierens und |
||||
Decodierens von Informationen erfahrbar machen - einer basalen |
||||
Technik, die heute die Grundlage für sicheren Datenverkehr im Internet |
||||
darstellt. Dafür können bei diesem interaktiven Exponat die |
||||
BesucherInnen beliebige Texte eingeben, die durch ein |
||||
Codierungsverfahren in eine Grafik umgewandelt werden. Neben der so |
||||
gegebenen Visualisierung des Verfahrens selbst können sie damit |
||||
ästhetische Objekte in der Tradition von François Morellet - einem |
||||
prominenten Vertreter der Konkreten Kunst und Vorläufer der |
||||
Generativen Kunst - erzeugen. |
||||
<br><br><b>3D-Modellierung mit Blender</b> <br>In Tübingen gibt es eine lebendige Community und einige kostenfreie Kursangebote für das 3D Programm Blender. Es werden mehrere Laptops bereit stehen, sodass man vor Ort entweder direkt selbst mit dem Modellieren beginnen kann, oder um sich anzuschauen, was andere mit diesem Werkzeug bereits schon so gebaut haben. <br> <br> <b>3D-Drucker, Laser-Cutter</b> <br> Verschiedene Geräte und Menschen die sie dir erklären, stehen für dich bereit. Was du hiermit machen kannst und wo du auch nach diesem Tag diese Geräte finden und benutzen kannst, erfährst du hier. </span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>12:45</th> |
||||
<td colspan="2" rowspan="1" class="talk">Eröffnung<span><i>Steffen Schnürer - iconet Foundation</i><br>Ein paar Worte über die Veranstaltung sowie über die Wichtigkeit von digitalem Engagement.</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>13:00</th> |
||||
<td colspan="2" class="talkB">Digitale Unversehrtheit als Grundrecht<span><i>Borys Sobieski - Piraten BW</i><br>Als digitale Unversehrtheit, auch bekannt als digitale Integrität, wird die ungestörte Existenz der Person in der digitalen Welt bezeichnet. Digitale Unversehrtheit ist ein Teil der körperlichen Unversehrtheit, gleichwertig neben der physischen und psychischen Unversehrtheit des Menschen.</span> |
||||
</td> |
||||
<td colspan="2" rowspan="3" class="workshopB">Arduino für Einsteiger<span><i>KI-Maker Space</i><br>Arduino ist eine elektronische Prototypen-Plattform unter freier Open-Source-Lizenz, die die Herzen von Designern und Hobbyelektronikern im Sturm erobert hat. In diesem Workshop lernst du den richtigen Umgang mit der Mikrocontroller-Plattform und erhälst damit gleichzeitig eine Fülle an Ideen, was man damit machen kann. Alles, was du für die ersten eigenen Elektronik-Arduinoprojekte brauchst.</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>13:30</th> |
||||
<td colspan="2" class="talk">Lieferketten von Smartphones<span><i>Oikos Tübingen</i><br> |
||||
In diesem Vortrag wollen wir einen Blick hinter die Ressourcen und deren Gewinnungsprozess für Smartphones werfen. Ein Blick hinter die Kulissen motiviert hoffentlich, das eigene Gerät wertzuschätzen und beim nächsten mal eine Reparatur einem Neukauf vorzuziehen.</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>14:00</th> |
||||
<td colspan="2" class="talkB">Interkonnektive soziale Netzwerke <span><i>Steffen Schnürer - iconet Foundation</i><br>Was ist technisch notwendig, damit Nutzer aus verschiedenen Netzwerken miteinander kommunizieren können? In diesem Vortrag teilt die iconet Foundation Ergebnisse aus ihrer aktuellen Arbeit zu einem gemeinsamen offenen Protokoll für soziale Netzwerke. Wie funktioniert Interkonnektivität im Detail, was ist der Weg dahin? </span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>14:30</th> |
||||
<td colspan="2" class="talk">Offene Protokolle einfach |
||||
erklärt<span><i>Thomas Ruddy - Cryptoparty Tübingen</i><br>Das freie Internet der Neunziger ist von der Kommerzialisierung zunehmend gefährdet. Anhand der gängigsten Protokolle aus dem Alltag, wird aufgezeigt, wie es zu diesem Wandel kommen konnte. Die Bedeutung von offener Software wird leicht verständlich dargelegt. Denn bis heute bauen die meisten Innovationen grundlegend auf den Leistungen anderer Menschen auf.</span> |
||||
</td> |
||||
<td colspan="1" class="workshop">Chaostreff Tübingen Kick-Off<span>Braucht Tübingen einen Chaostreff? Ja! Bei diesem Treffen wollen wir abfragen: Wer würde ein entsprechendes Angebot nutzen und was genau ist gewünscht? Das diskutieren wir hier gerne offen. </span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>15:00</th> |
||||
<td rowspan="2" colspan="4" class="common">Marktplatz<span><i>Maker Spaces, Open Source und Digitalaktivismus hier aus Tübingen</i><br> |
||||
Wenn ich selbst aktiv werden möchte, wo kann ich hin? Hier findest du Informationen zu dem |
||||
breiten Angebot an Netzwerken, Räumen und Netzwerken, wo du hier in Tübingen direkt loslegen |
||||
kannst. </span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>15:30</th> |
||||
</tr> |
||||
<tr> |
||||
<th>16:00</th> |
||||
<td colspan="2" class="talkB">Digitale Selbstverteidigung <span><i>Borys Sobieski - Piraten BW</i><br> |
||||
Kaum eine Woche vergeht, ohne dass neue Ungeheuerlichkeiten offenbart werden, wie Geheimdienste und Großkonzerne sich intimste Informationen über uns zusammenstehlen. Und was macht unsere Politik? Wenn sie nicht gerade eigene Datensammelprojekte anstößt, trägt sie in keinster Weise zum Schutz unserer Privatsphäre bei. Dann müssen wir uns wohl oder übel selbst schützen. Die gute Nachricht ist: Es gibt viele Möglichkeiten, sich selbst zu schützen. Und nicht alle davon sind aufwändig oder kompliziert.</span> |
||||
</td> |
||||
<td colspan="1" rowspan="1" class="workshopB">Orgatreffen: Tübinger Makerspaces<span>Internes Vernetzungestreffen zwischen den verschiedenen Tübinger offenen Werkstätten.</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>16:30</th> |
||||
<td colspan="2" class="talk">Open Source – eine notwendige Voraussetzung für digitale Souveränität<span><i>Peter Gietz - DAASI International</i><br>Es gibt verschiedene Voraussetzungen für Digitale Souveränität. Neben der informationellen Selbstbestimmung und der Auswahlmöglichkeit durch Interoperabilität von Software sehen wir Open Source als dritte notwendige Voraussetzung. Nur Open Source ermöglicht es, dringend benötigte Funktionalitäten entweder selbst zu entwickeln oder von Dienstleister*innen entwickeln zu lassen. Wer über den Code mit verfügt, hat die Definitionsgewalt und ist nur so wirklich digital souverän. |
||||
</span></td> |
||||
<td colspan="2" class="workshop">Menschenrechtsverletzungen durch Facebook/Meta<span><i>Amnesty International & iconet Foundation</i><br>In diesem Workshop wollen wir die Praktiken des Konzerns Meta im Bezug auf Menschenrechte näher beleuchten. |
||||
Strukturelle Benachteiligung ärmerer Länder, das Spielen mit der Gesundheit ihrer Nutzer für Profit und fehlende öffentliche Teilhabe für alle die sich diesen abgeschlossenen Netzwerken nicht anschließen. Es gibt viele Gründe für uns, hier einmal genauer hinzusehen. |
||||
Ist es noch ethisch vertretbar, die sozialen Netzwerke dieses Giga-Konzerns zu nutzen? Diskutiert mit uns!</span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>17:00</th> |
||||
<td colspan="2" class="talkB">Fediverse<span><i>Samual Schmid - Piraten BW </i><br> |
||||
The Fediverse (a portmanteau of "federation" and "universe") is an ensemble of federated (i.e. interconnected) servers that are used for web publishing (i.e. social networking, microblogging, blogging, or websites) and file hosting, but which, while independently hosted, can communicate with each other. </span> |
||||
</td> |
||||
<td colspan="1" rowspan="2" class="workshopB">Künstliche Intelligenz – Potentiale und Gefahren<span><i>KI-Maker Space</i><br>Was genau ist künstliche Intelligenz? Welche Auswirkungen bemerken wir davon |
||||
im Alltag und wohin kann die technische Entwicklung führen? |
||||
Gemeinsam werfen wir einen Blick darauf, was eigentlich unter Künstlicher |
||||
Intelligenz zu verstehen ist und diskutieren gesellschaftliche Auswirkungen, |
||||
Problematiken und Lösungsansätze.</span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>17:30</th> |
||||
<td colspan="2" class="talk">Lightening Talks <span>Verschiedene kurze Präsentationen in jeweils 7 Minuten. Ein kurzweiliger über verschiedene Projekte und Tüftelleien!</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>18:00</th> |
||||
<td rowspan="2" colspan="5" class="common">Abendessen<span><i>Brotzeit</i><br> </span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>18:30</th> |
||||
</tr> |
||||
<tr> |
||||
<th>19:00</th> |
||||
<td colspan="2" class="talkB">KI-Ethik <span><i>Thilo Hagendorff</i><br>Anwendungen des maschinellen Lernens bzw. der künstlichen Intelligenz gehören zu einem der wichtigsten Technologietrends. Die Disziplin der KI-Ethik reflektiert diese kritisch. Doch was ist KI-Ethik genau? Welche Prinzipien umfasst sie? Was bewirkt sie? Wo hat sie möglicherweise selber Schwächen? Auf diese Fragen soll der Vortrag Antworten geben.</span> |
||||
</td> |
||||
<td colspan="2" class="auftritt">Performance: Strippenzieher<span><i>Zirkus Primel</i><br> |
||||
Der Mensch als lebendige Marionette zwischen Selbstbestimmung und gesellschaftlichen Zwängen. Ein witziger Abriss über die Entwicklung unserer Gesellschaft. </span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>19:30</th> |
||||
<td colspan="2" rowspan="1" class="talkB">Podium: "Digitale Freiheit - next steps" <span><i>Mit Peter Gietz (DAASI International),<br> Borys Sobieski (Piraten BW), <br>Thilo Hagendorff (Uni Tübingen) </i></span> |
||||
</td> |
||||
|
||||
</tr> |
||||
<tr> |
||||
<th>20:15</th> |
||||
<td colspan="2" class="talk">Keynote: Digitale |
||||
Freiheit<span><i>Patrick Breyer m.d.E.P. und Anja Hirschel</i><br> |
||||
Patrick Breyer ist digitaler Freiheitskämpfer und Europaabgeordneter der Piratenpartei Deutschland und der Europäischen Piratenpartei</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>20:45</th> |
||||
<td colspan="4" class="umbau"><span>Umbau</span> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th>21:00</th> |
||||
<td colspan="2" rowspan="1" class="talkB">Abendprogramm</td> |
||||
<td colspan="2" rowspan="2" class="talkB">Funk von der Platte<span>U-Funk</span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>22:00</th> |
||||
<td colspan="2" rowspan="1" class="talk">ALBERT SCHNAUZER IN STÜCKEN<span>Southern Liedermaching mit Röhre <br> |
||||
Schnauzer inszeniert seine punkig-poetischen Texte, begleitet von |
||||
Gitarre, Bass und Schlagzeug in seinem Bandprogramm ALBERT SCHNAUZER IN |
||||
STÜCKEN. |
||||
<br> |
||||
Konzert in Zusammenarbeit mit der <i>plattform:[no budget]</i> <br> |
||||
</span></td> |
||||
</tr> |
||||
<tr> |
||||
<th>23:00</th> |
||||
<td colspan="2" rowspan="1" class="talk">Konzertabend SEDLmaier<span>Er will bis in die Herzen der Menschen fahren. <br> |
||||
Sein Motorrad ist die Schallplatte.<br><br> |
||||
|
||||
Konzert in Zusammenarbeit mit der <i>plattform:[no budget]</i> <br><br> <a target="_blank" href="https://sedlmeir-rock.de/">sedlmeir-rock.de</a> |
||||
</span></td> |
||||
<td colspan="2" rowspan="2" class="talkB">Elektronische Musik<span>Magiato</span></td> |
||||
|
||||
</tr> |
||||
<tr> |
||||
<th>24:00</th> |
||||
</tr> |
||||
<tr> |
||||
<th>01:00</th> |
||||
</tr> |
||||
<tr> |
||||
<th>02:00</th> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
|
||||
<p> |
||||
<b>Gestreamte Vorträge: </b> Die Vorträge werden online per <a href="https://meet.jit.si/T%C3%BCbingen-Digitale-Freiheit">Jitsi</a> Live übertragen. |
||||
</p> |
||||
|
||||
<p>Weitere Infos und vor allem auch kurzfristige Updates werden auf den Kanal des <a href="https://chaos.social/@ctt">Chaostreffs Tübingen.</a> geladen.</p> |
||||
|
||||
<div class="card mt-3 mb-3"> |
||||
<h3 class="card-header" id="open_call">Gestalte mit!</h3> |
||||
<div class="card-body"> |
||||
<p>Der Tübinger Tag der digitalen Freiheit wird ein offenes Community Event sein. Das Programm kommt durch |
||||
die Arbeit von verschiedenen regionalen Aktiven, Initiativen und Organisationen zusammen. |
||||
Wenn du auch etwas zum Thema beitragen möchtest, schreibe einfach eine kurze Beschreibung deiner Idee |
||||
per E-mail an <a data-email="gro.noitadnuof-tenoci@neffets" href="mailto:steffen@iconet-foundation.org" title="steffen@iconet-foundation.org"></a>. <br> <br> |
||||
<b>Engel gesucht!</b> Die verschiedenen Stationen benötigen noch Helfer und Helferinnen. Trag dich gerne |
||||
selbstständig hier ein: |
||||
<a target="_blank" href="https://etherpad.wikimedia.org/p/TDF-Schichtplan">Engelplan</a> <br><br> |
||||
|
||||
<b>Bring dein Projekt! </b> Wer CCC Events kennt, kennt den Charme der von Menschen ausgeht, die vor Ort gemeinsam an Projekten arbeiten. Wer etwas passendes hat, darf das gerne mitbringen und einer vorbeilaufenden interessierten Nase erklären, was man da macht. Aber Achtung! Auf dem Event gibts leider kein public Internet. |
||||
<br><br> |
||||
<b>Noch freie Lightning Talks!</b> Stell in biszu 7 Minuten dein eigenes Projekt vor. Theoretisch ist alles (außer natürlich Hasszeugs) gerne gesehen. Brings mit auf die Bühne! |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<h2 class="mt-3">Veranstaltungsort</h2> |
||||
<p> |
||||
Die Veranstaltung findet auf dem Shedhallen-Gelände statt. |
||||
Nähere Infos zum Ort findest du <a target="_blank" href="https://www.shedhalle.de/">hier</a>. |
||||
</p> |
||||
<iframe width="100%" height="350" src="./index_files/embed.html"></iframe> |
||||
<br> |
||||
<small><a target="_blank" href="https://www.openstreetmap.org/?mlat=48.52744&mlon=9.06561#map=17/48.52744/9.06561">View Larger |
||||
Map</a></small> |
||||
|
||||
|
||||
|
||||
<div class="card mt-3 mb-3"> |
||||
<h3 class="card-header" id="open_call">Hinweis für Gäste außerhalb Tübingens:</h3> |
||||
<div class="card-body"> |
||||
<p>Eine herzliche Einladung zur Teilnahme am Programm gilt auch für Besucher außerhalb von Tübingen. <br> |
||||
Ab Juni startet das Programm der Bundesregierung für den vergünstigten Nahverkehr, somit sollte eine |
||||
Anreise problemlos möglich sein. Die Veranstaltung ist vom Hauptbahnhof in ca. 15 Geh-Minuten, von der |
||||
nächsten Bushaltestelle Lothar-Meyer-Bau in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger |
||||
Stadtbus generell kostenfrei. <br> |
||||
<b>Übernachtung:</b> Bei Bedarf gibts die Möglichkeit einer kostenfreien Übernachtung, sodass auch |
||||
externe Gäste problemlos am Abendprogramm teilnehmen können. Anmeldung hierzu unbedingt vorher |
||||
erforderlich: <a data-email="gro.noitadnuof-tenoci@neffets" href="mailto:steffen@iconet-foundation.org" title="steffen@iconet-foundation.org"></a></p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div> |
||||
<h2 class="mt-5">Die Veranstaltung wird durchgeführt von</h2> |
||||
<div class="row row-cols-4 align-items-center"> |
||||
<img class="col" src="./index_files/iconet.webp" alt="iconet logo"> |
||||
<img class="col" src="./index_files/CCTLogo.webp" alt="Chaostreff Tübingen logo"> |
||||
<img class="col" src="./index_files/shedhalle.png" alt="shedhalle logo"> |
||||
</div> |
||||
<h2 class="mt-5">Mit Unterstützung von</h2> |
||||
<div class="row row-cols-4 align-items-center"> |
||||
<img class="col" src="./index_files/crypto.png" alt="crypto logo"> |
||||
<img class="col" src="./index_files/oikos.jpg" alt="oikos logo"> |
||||
<img class="col" src="./index_files/piraten.webp" alt="piraten logo"> |
||||
<img class="col" src="./index_files/daasi.webp" alt="DAASI logo"> |
||||
<img class="col" src="./index_files/fablab.webp" alt="fablab logo"> |
||||
<img class="col" src="./index_files/franz.webp" alt="franz logo"> |
||||
<img class="col" src="./index_files/kimaker.webp" alt="kimaker logo"> |
||||
<img class="col" src="./index_files/amnesty.webp" alt="amnesty logo"> |
||||
<img class="col" src="./index_files/glassroom.svg" alt="glassroom logo"> |
||||
<img class="col" src="./index_files/wit.webp" alt="WIT logo"> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</main> |
||||
<footer class="small mt-5 navbar-light"> |
||||
<div class="container"> |
||||
<hr class="w-100"> |
||||
|
||||
<div class="mb-3 alert alert-info border row"> |
||||
<div class="float-left"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-info-circle" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<circle cx="12" cy="12" r="9"></circle> |
||||
<line x1="12" y1="8" x2="12.01" y2="8"></line> |
||||
<polyline points="11 12 12 12 12 16 13 16"></polyline> |
||||
</svg> |
||||
</div> |
||||
<div class="col"> |
||||
<b><b>Fehlende Informationen?</b></b> |
||||
<div>Unsere Seite ist noch in Bearbeitung und wird ständig aktualisiert. In Zukunft werden wir weitere Informationen über unsere Technology, Strategie und Ziele veröffentlichen. Trage Dich für den Newsletter ein, um über unsere Fortschritte informiert zu werden.</div> |
||||
|
||||
<div class="col-12 mb-2"> |
||||
<form method="POST" action="https://iconet-foundation.org/newsletter" class="input-group mt-2 justify-content-center"> |
||||
<input type="hidden" name="_token" value="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q" autocomplete="off"> <input name="email" type="email" class="form-control col-12 col-md-5 col-xl-4 " value="" placeholder="deine@email.de" aria-label="deine@email.de" autocomplete="email" required=""> |
||||
<div class="input-group-append"> |
||||
<button class="btn btn-secondary flex-grow-1" type="submit">Newsletter anmelden</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
<nav class="navbar-nav"> |
||||
|
||||
<div class="row align-items-center logos mb-sm-1"> |
||||
|
||||
|
||||
<div class="col-12 col-sm-3 col-md mb-2 mb-sm-0 pl-md-2"> |
||||
<nav class="navbar-nav navbar-light text-center text-sm-left"> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/">Warum iconet </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/vision">Vision </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/events">Events </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/support">Unterstütze uns </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/blog">Blog <span class="badge badge-secondary">Neu</span></a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/faq">FAQ </a> |
||||
<a class="nav-link nav-item" href="https://iconet-foundation.org/about">Impressum </a> |
||||
</nav> |
||||
</div> |
||||
|
||||
|
||||
<img class="col-8 col-sm-6" src="./index_files/BMBF_de.png" alt="Gefördert vom Bundesministerium für Bildung und Forschung"> |
||||
<a class="col-3 col-sm-2 text-center" href="https://prototypefund.de/project/prototyp-interkonnektivitaet-fuer-soziale-netzwerke/" target="_blank"> |
||||
<img class="py-2" src="./index_files/prototype-fund.svg" alt="Prototype Fund Logo"> |
||||
</a> |
||||
</div> |
||||
|
||||
<div class="sLinks row justify-content-center align-items-center"> |
||||
|
||||
<div class="row col-12 justify-content-center col-md-auto justify-content-md-end "> |
||||
<a class="no-show" data-email="gro.noitadnuof-tenoci@tcatnoc" href="mailto:contact@iconet-foundation.org" title="contact@iconet-foundation.org"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-at" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<circle cx="12" cy="12" r="4"></circle> |
||||
<path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28"></path> |
||||
</svg> |
||||
</a> |
||||
|
||||
<a href="https://matrix.to/#/#iconet-foundation:matrix.org" target="_blank"> |
||||
<svg class="icon icon-tabler icon-tabler-brand-matrix" width="44" height="44" fill="none" stroke="#2c3e50" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |
||||
<path d="m5.5938 20h-1.5938v-16h1.5938"></path> |
||||
<path d="m18.406 4h1.5938v16h-1.5938"></path> |
||||
<path d="m16.17 14.735v-3a2 2 0 00-4 0m0 3v-3a2 2 0 00-4 0m0 3v-5"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://fosstodon.org/@iconet" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-mastodon" width="44" height="44" fill="none" viewBox="0 0 24 24" stroke="#2c3e50" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"> |
||||
<path d="m 15.097344,16.19185 c 1.993705,-0.237344 3.728308,-1.458686 3.945876,-2.574213 0.34415,-1.758336 0.316463,-4.2910156 0.316463,-4.2910156 0,-3.4316263 -2.260721,-4.4383683 -2.260721,-4.4383683 C 15.9597,4.3670814 14.002586,4.1485254 11.969325,4.1317133 h -0.04944 c -2.0342533,0.016814 -3.9903787,0.2353681 -5.129639,0.7565398 0,0 -2.2597306,1.0057534 -2.2597306,4.4383683 l -0.00197,0.6546789 c -0.00396,0.6329227 -0.00692,1.3350717 0.01088,2.0678757 0.082083,3.356467 0.619077,6.665465 3.7381976,7.486285 1.4379205,0.378764 2.673109,0.45788 3.667981,0.403489 1.802841,-0.09889 2.815518,-0.639846 2.815518,-0.639846 l -0.05932,-1.302436 c 0,0 -1.288591,0.405468 -2.7364,0.356018 -1.433964,-0.04944 -2.9470441,-0.154271 -3.1794454,-1.906678 -0.022122,-0.162558 -0.033027,-0.326455 -0.032634,-0.490514 0,0 1.4082534,0.342173 3.1923004,0.423266 1.090804,0.04944 2.113369,-0.06328 3.152747,-0.18691 z M 7.1927381,13.748176 V 9.5926464 c 0,-0.8495004 0.217567,-1.5239584 0.6527011,-2.0233739 0.4509572,-0.499415 1.0403661,-0.755551 1.7731715,-0.755551 0.8465343,0 1.4873673,0.324373 1.9116243,0.9721295 l 0.412387,0.6873137 v 0 3.1156003 -3.1156003 L 12.355013,7.785851 c 0.424255,-0.6477565 1.065087,-0.9721295 1.912609,-0.9721295 0.731816,0 1.321227,0.256136 1.771195,0.755551 0.437115,0.4994155 0.653691,1.1738735 0.653691,2.0233739 v 4.1565206"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://libre.video/video-channels/iconet_foundation/videos" target="_blank"> |
||||
<svg class="icon icon-tabler icon-tabler-brand-peertube" width="44" height="44" fill="none" stroke="#2c3e50" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |
||||
<path d="m7.11 19.12v-14.25l11.92 7.13-5.96 3.56v-7.12l-5.96 3.56 5.96 3.56-5.96 3.56"></path> |
||||
</svg> |
||||
</a> |
||||
</div> |
||||
|
||||
<div class="vertical d-none d-md-inline "></div> |
||||
|
||||
<div class="row col-12 justify-content-center col-md-auto justify-content-md-start "> |
||||
<a href="https://twitter.com/IconetFd" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-twitter" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://www.instagram.com/iconetfoundation/" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<rect x="4" y="4" width="16" height="16" rx="4"></rect> |
||||
<circle cx="12" cy="12" r="3"></circle> |
||||
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501"></line> |
||||
</svg> |
||||
</a> |
||||
<a href="https://www.youtube.com/channel/UCZtTx-5Bcuh3K_iKoK9Jsqg" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-youtube" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<rect x="3" y="5" width="18" height="14" rx="4"></rect> |
||||
<path d="M10 9l5 3l-5 3z"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://www.linkedin.com/company/80083656" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<rect x="4" y="4" width="16" height="16" rx="2"></rect> |
||||
<line x1="8" y1="11" x2="8" y2="16"></line> |
||||
<line x1="8" y1="8" x2="8" y2="8.01"></line> |
||||
<line x1="12" y1="16" x2="12" y2="11"></line> |
||||
<path d="M16 16v-3a2 2 0 0 0 -4 0"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://reddit.com/r/iconet" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-reddit" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z"></path> |
||||
<path d="M12 8l1 -5l6 1"></path> |
||||
<circle cx="19" cy="4" r="1"></circle> |
||||
<circle cx="9" cy="13" r=".5" fill="currentColor"></circle> |
||||
<circle cx="15" cy="13" r=".5" fill="currentColor"></circle> |
||||
<path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5"></path> |
||||
</svg> |
||||
</a> |
||||
<a href="https://www.facebook.com/iconetFoundation" target="_blank"> |
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path> |
||||
</svg> |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
<a class="nav-link nav-item text-center" href="https://iconet-foundation.org/about">iconet Foundation gUG (haftungsbeschränkt)</a> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<img src="./index_files/matomo.php" class="d-none border-0" width="0" height="0" alt="" fh8bp79gv=""> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html> |
||||
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 17 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 19 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 618 B |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 720 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 293 KiB After Width: | Height: | Size: 293 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,108 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="styles.css"> |
||||
<title>2. Tübinger Tag der digitalen Freiheit</title> |
||||
</head> |
||||
<body> |
||||
<div id="content"> |
||||
<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" /> |
||||
<div class="box" id="event"> |
||||
<h2>Info</h2> |
||||
<p>Das Event steht kurz bevor! |
||||
Das Programm und die teilnehmenden Assemblies können hier eingesehen werden: |
||||
<a target="_blank" href="https://cfp.tuebix.org/tdf/schedule/">https://cfp.tuebix.org/tdf/schedule/</a> |
||||
</p> |
||||
<p class="big">Wenn Elfen Helfen</p> |
||||
<p>Dieses tolle Event funktioniert nur mit und dank eurer Hilfe. Tragt euch gern selbstständig ein, wenn ihr eine Schicht übernehmen mögt. |
||||
<a target="_blank" href="https://pad.cttue.de/TDF23-Elfen">https://pad.cttue.de/TDF23-Elfen</a><p> |
||||
|
||||
<p class="big">Fahrplan</p><p> |
||||
Es gibt verschiedene wichtige Zeiten rund ums Event: |
||||
<p class="big">Freitag 16.6, ab 18:00 Uhr:</p> <p> Aufbau Assemblies - Herzliche Einladung schon früh dazu zu kommen.</p> |
||||
<p class="big">Samstag 17.6., 12:45 Uhr:</p> <p>Eröffnung - Überblick und Bericht der Veranstaltenden.</p> |
||||
<p class="big">Samstag 17.6., ab 21:00 Uhr:</p> <p>Abendprogramm - Konzerte, Spaß, Tschunk und Code.</p> |
||||
<p class="big">Sonntag 18.6., ab 14:00 Uhr:</p><p> Abbau - Schön wars, gerne helfen!</p> |
||||
</div> |
||||
|
||||
<div class="box" id="event"> |
||||
<h2>Das Event</h2> |
||||
<p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Community Event. Das Programm kommt durch die Arbeit von verschiedenen netzpolitisch oder anders kreativ aktiven Personen, Initiativen und Organisationen zusammen.</p> |
||||
<p>Das vielfältige Programm umfasst themenspezifische Talks mit einer Dauer von bis zu 30 Minuten, ebenso wie interessante Workshop-Angebote und Ausstellungsstücke. Außerdem sind im hinteren Bereich verschiedene Assemblies aufgebaut, wo man gemeinsam vor Ort aktiv werden oder sein persönliches Projekt vorstellen kann.</p> |
||||
<p>Möchtest du selbst etwas zum Programms beitragen? Hier gehts zum <a href="https://cfp.tuebix.org/tdf/cfp">Call for Participation</a></p> |
||||
</div> |
||||
<div class="box" id="dates"> |
||||
<h2>Termine</h2> |
||||
<p class="label">Veranstaltungstermin:</p> |
||||
<p class="big">Samstag, 17. Juni 2023</p> |
||||
<p class="label">Uhrzeit:</p> |
||||
<p class="big">13.00 bis 21.00 Uhr: Vorträge, Workshops, Assemblies</p> |
||||
<p class="big">21.00 Uhr bis Open End: Bands, Djs, Assemblies</p> |
||||
<p class="label">Einsendeschluss für Programmbeiträge, <br/>Workshops, Vorträge, Assemblies:</p> |
||||
<p class="big">Freitag, 26. Mai 2023</p> |
||||
</div> |
||||
<div class="box right-align" id="assemblies"> |
||||
<h2>Assemblies</h2> |
||||
<p>Bringe dein Projekt mit und erlebe den einzigartigen Charme, der entsteht, wenn Menschen gemeinsam an Projekten arbeiten! Wer bereits CCC Events besucht hat, weiß genau, wovon die Rede ist. Wir stellen freie und passende Flächen zur Verfügung, damit ihr euer Assembly vor Ort umsetzen könnt. </p> |
||||
<p>Was ist ein Assembly? Der Begriff hat viele Bedeutung wie „Konstuktion“, aber auch „Versammlung“. Es kann ein übergroßes interaktives Kunstobjekt sein, oder eine kreative Erfindung die in die Hosentasche passt. Es kann aber auch ein Gruppe vor Leuten sein, die sich vor Ort treffen und ihrer Leidenschaft nach gehen.</p> |
||||
</div> |
||||
<div class="box" id="shedhalle"> |
||||
<h2>Die Shedhalle</h2> |
||||
<p>Die Veranstaltung findet auf dem Shedhallen-Gelände statt. Da die eigentlich Shedhalle momentan als Mensa genutzt wird, unterhält der Shedhallen-Verein zur Zeit andere Räume des ehemaligen Schlachthofs, in denen wir uns treffen.</p> |
||||
<p>Mehr Informationen über den Ort und den Shedhalle Tübingen e.V. findest du unter <a href="https://shedhalle.de/de">shedhalle.de</a>.</p> |
||||
</div> |
||||
<div class="box" id="ctt"> |
||||
<h2>Organisator</h2> |
||||
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen (CTT) initiiert und veranstaltet. Der Chaostreff ist ein eingetragener 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="costs"> |
||||
<h2>Kosten</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> |
||||
<h2 class="right-align">Anreise</h2> |
||||
<p class="right-align">Der Veranstaltungsort ist vom Hauptbahnhof in ca. 15 Geh-Minuten und von der nächsten Bushaltestelle, am Lothar-Meyer-Bau, in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger Stadtbus kostenfrei.</p> |
||||
</div> |
||||
<div class="box"> |
||||
<h2>TDF 2022 RÜckblick</h2> |
||||
<p>Der erste Tübinger Tag der digitalen Freiheit war ein voller Erfolg. Hier einige Impressionen:</p> |
||||
<ul> |
||||
<li><a href="https://pixelfed.de/ctt" target="_blank">Bildimpressionen auf dem Pixelfed des Chaostreff.</a></li> |
||||
<li><a href="https://iconet-foundation.org/blog/tdf" target="_blank">Rückblick in einem iconet Blogbeitrag.</a></li> |
||||
<li><a href="https://iconet-foundation.org/digitale-freiheit" target="_blank">Programm vom letzten Jahr.</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="box"> |
||||
<h2>Sponsoren</h2> |
||||
<div class="flex"> |
||||
<div class="box-sub" id="sponsor-daasi"> |
||||
<a href="https://daasi.de" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
<div class="box-sub" id="sponsor-no-budget"> |
||||
<a href="https://www.plattform-nobudget.de/" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
<div class="box-sub" id="sponsor-pagina"> |
||||
<a href="https://pagina.gmbh/" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
<div class="box-sub" id="sponsor-tuebingen"> |
||||
<a href="https://www.tuebingen.de/" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="box"> |
||||
<h2>Veranstaltet durch</h2> |
||||
<div class="flex"> |
||||
<div class="box-sub" id="veranstalter-ctt"> |
||||
<a href="https://cttue.de" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
<div class="box-sub" id="veranstalter-shedhalle"> |
||||
<a href="https://shedhalle.de" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
<div class="box-sub" id="veranstalter-kims"> |
||||
<a href="https://ki-maker.space/" target="_blank" class="verlinkung"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,208 @@ |
||||
|
||||
|
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Regular'; |
||||
src: url('font/TitilliumWeb-Regular.ttf'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Bold'; |
||||
src: url('font/TitilliumWeb-Bold.ttf'); |
||||
} |
||||
|
||||
|
||||
body { |
||||
background: #40264c; |
||||
background-image: url("image/neon-scene.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center top; |
||||
margin: 0; |
||||
} |
||||
|
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
} |
||||
|
||||
#event { |
||||
background-image: url("image/event.png"); |
||||
padding-right: 15%; |
||||
} |
||||
|
||||
#dates { |
||||
background-image: url("image/dates.png"); |
||||
} |
||||
|
||||
#ctt { |
||||
background-image: url("image/CCTLogo.webp"); |
||||
background-blend-mode: multiply; |
||||
padding-right: 25%; |
||||
background-size: auto 80%; |
||||
} |
||||
|
||||
#shedhalle { |
||||
background-image: url("image/shedhalle.png"); |
||||
padding-right: 15%; |
||||
} |
||||
|
||||
#assemblies { |
||||
background-image: url("image/assemblies.png"); |
||||
background-position: left; |
||||
} |
||||
|
||||
#costs { |
||||
background-image: url("image/costs.png"); |
||||
background-position: bottom; |
||||
background-size: 100% auto; |
||||
} |
||||
|
||||
#banner { |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: auto; |
||||
mix-blend-mode: lighten; |
||||
} |
||||
|
||||
.right-align { |
||||
text-align: right; |
||||
} |
||||
|
||||
p, |
||||
h2 { |
||||
color: #ffff00; |
||||
} |
||||
|
||||
a { |
||||
color: #ffffaa; |
||||
} |
||||
|
||||
p, |
||||
a { |
||||
font-family: "TitilliumWeb-Regular"; |
||||
font-size: 1.2em; |
||||
} |
||||
|
||||
h2 { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
text-transform: uppercase; |
||||
font-size: 3em; |
||||
margin-top: 0em; |
||||
margin-block-end: 0em; |
||||
} |
||||
|
||||
.box { |
||||
background: #352040; |
||||
margin-bottom: 2em; |
||||
padding: 1em 2em 0.7em; |
||||
border-style: solid; |
||||
border-color: #1473cc; |
||||
border-width: 1px; |
||||
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5), |
||||
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5); |
||||
background-blend-mode: soft-light; |
||||
background-size: auto 100%; |
||||
background-repeat: no-repeat; |
||||
background-position: right; |
||||
text-shadow: 0px 0px 5px #352040, |
||||
0px 0px 10px #352040, |
||||
0px 0px 15px #352040, |
||||
0px 0px 20px #352040, |
||||
0px 0px 25px #352040, |
||||
0px 0px 30px #352040; |
||||
} |
||||
|
||||
.big { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
font-size: 1.5em; |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label-sub { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
ul { |
||||
list-style: none; |
||||
} |
||||
|
||||
.flex { |
||||
height: 200px; |
||||
display: flex; |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
.box-sub { |
||||
display: flex; |
||||
flex: 33.33%; |
||||
padding: 10%; |
||||
background: #352040; |
||||
padding: 1em 2em 0.7em; |
||||
background-blend-mode: soft-light; |
||||
background-repeat: no-repeat; |
||||
background-blend-mode: normal; |
||||
} |
||||
|
||||
#sponsor-pagina { |
||||
margin-right: 20px; |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/pagina_logo.png"); |
||||
} |
||||
|
||||
#sponsor-daasi { |
||||
margin-top: 50px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/daasi_logo.png"); |
||||
} |
||||
|
||||
#sponsor-tuebingen { |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/tuebingen_logo.png"); |
||||
} |
||||
|
||||
#sponsor-no-budget { |
||||
margin-right: 20px; |
||||
margin-top: 50px; |
||||
max-width: 300px; |
||||
max-height: 150px; |
||||
background-image: url("image/no_budget_logo.svg"); |
||||
} |
||||
|
||||
#veranstalter-ctt { |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/CCTLogo.webp"); |
||||
background-size: auto 100%; |
||||
} |
||||
|
||||
#veranstalter-shedhalle { |
||||
margin-top: 2em; |
||||
height: 136px; |
||||
width: 38px; |
||||
background-image: url("image/shedhalle_logo.png"); |
||||
} |
||||
|
||||
#veranstalter-kims { |
||||
margin-top: 2em; |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/kims_logo.png"); |
||||
} |
||||
|
||||
.verlinkung { |
||||
display: block; |
||||
height: 100%; |
||||
width: 100%; |
||||
text-decoration: none; |
||||
} |
||||
@ -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-0.2.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.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Legal Notice</h2> |
||||
<p> |
||||
<strong>Address</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Wöhrdstr. 25<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,140 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="../styles-0.2.css"> |
||||
<title>3. Tübingen Day of Digital Freedom</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="../index.html"><img src="../image/de.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<a href="index.html" class="nav-button inactive">Main Page</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="https://tdf3.schedule.cttue.de/tdf3/schedule/" class="nav-button">Schedule</a> |
||||
<a href="recap.html" class="nav-button">Recap</a> |
||||
</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.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="event"> |
||||
<h2>July 6, 2024</h2> |
||||
<p class="big">Saturday 1:00 PM to Sunday 1:00 PM</p> |
||||
<p>The Tübingen Day of Digital Freedom is 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> |
||||
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||
<p>You can look forward to 42 sessions by 28 speakers in 4 rooms covering the following topics:</p> |
||||
<div style="display: grid; grid-template-columns: 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>Sustainability & Climate Justice</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="button-container"> |
||||
<a href="https://tdf3.schedule.cttue.de/tdf3/schedule/" class="button">Schedule</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Location</h2> |
||||
<p>The Day of Digital Freedom will take place this year 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 6th and 7th floors.</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">View |
||||
Larger Map</a></small> |
||||
</div> |
||||
|
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>Be part of the event by contributing your own part. Click on "Participate" to learn more… |
||||
</p> |
||||
<div class="button-container"> |
||||
<a href="participate.html" class="button">Participate</a> |
||||
</div> |
||||
</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 (CTT). The |
||||
ChaosTreff is a registered 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>Sponsors</h2> |
||||
<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> |
||||
<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 |
||||
tdf@cttue.de</p> |
||||
<div class="image-bar"> |
||||
<img src="../image/AVAT_logo.png" alt="AVAT Logo"> |
||||
<img src="../image/daasi_logo.png" alt="DAASI Logo"> |
||||
<img src="../image/tuebingen_logo.png" alt="Tübingen Logo"> |
||||
<img src="../image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo"> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue