forked from codingmarco/tdf-2023-webseite
Compare commits
81 Commits
| Author | SHA1 | Date |
|---|---|---|
Martin Braun
|
804ed4dd95 | 6 hours ago |
|
Martin Braun
|
4ab2d9d457 | 9 hours ago |
|
Martin Braun
|
d31de0ec25 | 2 days ago |
|
Martin Braun
|
e8235ca4b8 | 2 days ago |
|
Martin Braun
|
489655bd52 | 2 days ago |
|
Martin Braun
|
623ad28bd2 | 1 week ago |
|
Martin Braun
|
09e6ec69af | 1 week ago |
Martin Braun
|
fb41f04345 | 2 weeks ago |
|
Martin Braun
|
eefbebaa65 | 2 weeks ago |
|
Martin Braun
|
afe244027b | 2 weeks ago |
|
Martin Braun
|
b21c869c4f | 3 weeks ago |
Alexander Blöck
|
41482a60eb | 2 months ago |
|
Alexander Blöck
|
5a5a9a1049 | 2 months ago |
|
Alexander Blöck
|
6fb907b64e | 2 months ago |
|
Alexander Blöck
|
080048de8f | 3 months ago |
|
Alexander Blöck
|
dc09b093dc | 3 months ago |
|
Alexander Blöck
|
6af4a346f1 | 3 months ago |
 Pascal
|
9fa7e1ea3b | 4 months ago |
|
Pascal
|
01375cce57 | 4 months ago |
|
Pascal
|
9ba6399283 | 4 months ago |
|
Martin Braun
|
822fda85f7 | 4 months ago |
|
Martin Braun
|
278888c86b | 4 months ago |
Martin Braun
|
52c6d8a576 | 5 months ago |
|
Martin Braun
|
11fe07cb1b | 5 months ago |
|
Martin Braun
|
3ac2fd281f | 5 months ago |
|
Martin Braun
|
2c9dde8eca | 5 months ago |
|
Martin Braun
|
fb90c31283 | 6 months ago |
|
Martin Braun
|
b06741540f | 6 months ago |
|
Martin Braun
|
9c93db46bc | 6 months ago |
|
Martin Braun
|
369195be7e | 6 months ago |
|
Martin Braun
|
f39063d61f | 6 months ago |
|
Martin Braun
|
3810aa09f6 | 6 months ago |
|
Martin Braun
|
093af03896 | 7 months ago |
|
Martin Braun
|
0dc8a0ae14 | 7 months ago |
|
Martin Braun
|
37fbc8ac2b | 7 months ago |
|
Martin Braun
|
1dfbcfc7c1 | 7 months ago |
|
Martin Braun
|
d28a8caf10 | 7 months ago |
|
Martin Braun
|
38a4dceb72 | 7 months ago |
|
Martin Braun
|
80f79ddf31 | 7 months ago |
Martin Braun
|
6873c553ac | 8 months ago |
|
Martin Braun
|
1bf965ed6c | 8 months ago |
|
Martin Braun
|
6b9c16f0c3 | 9 months ago |
|
Martin Braun
|
b2e9f913de | 1 year ago |
 Marvin
|
94ee97907a | 1 year ago |
12387712
|
c1a2253e3c | 1 year ago |
|
Pascal
|
b597e4e86d | 1 year ago |
|
12387712
|
aa2c9e31ac | 1 year ago |
|
Martin Braun
|
667a07789d | 1 year ago |
|
Martin Braun
|
8957e600a2 | 1 year ago |
|
Martin Braun
|
f3c087556d | 1 year ago |
|
Martin Braun
|
e4abe38beb | 1 year ago |
|
Martin Braun
|
8a09a86061 | 1 year ago |
|
Martin Braun
|
7c99b10a8f | 1 year ago |
|
Martin Braun
|
744ea60db6 | 1 year ago |
|
Martin Braun
|
68d4478230 | 1 year ago |
|
Martin Braun
|
9a1c6d80dc | 1 year ago |
|
Martin Braun
|
7d72809e2c | 1 year ago |
|
Martin Braun
|
e786969dc8 | 1 year ago |
|
Martin Braun
|
3f2089e648 | 1 year ago |
|
Martin Braun
|
88bba8502f | 1 year ago |
|
Martin Braun
|
eeef177a3d | 1 year ago |
|
Martin Braun
|
aa1dfc3ec8 | 1 year ago |
|
Pascal
|
d030ffad37 | 1 year ago |
|
Pascal
|
ea86e05dd3 | 1 year ago |
|
Pascal
|
8d925b984c | 1 year ago |
|
Pascal
|
fe7e20c28c | 1 year ago |
|
Pascal
|
a09d4e27f4 | 1 year ago |
|
Pascal
|
680af34ec8 | 1 year ago |
|
Pascal
|
bf16c1ae2d | 1 year ago |
|
Pascal
|
d54a1863ee | 1 year ago |
|
Pascal
|
a68c501f0b | 1 year ago |
|
Pascal
|
565b7498e8 | 1 year ago |
|
Pascal
|
a4f4aaa794 | 1 year ago |
|
Martin Braun
|
001e58afcc | 1 year ago |
|
Pascal
|
c1a145a7bf | 1 year ago |
|
Pascal
|
a959c938a1 | 1 year ago |
|
Pascal
|
542e56cc2b | 1 year ago |
|
Martin Braun
|
545d80fdc5 | 1 year ago |
|
Pascal
|
b086bb6fc8 | 1 year ago |
|
Pascal
|
2577333f0c | 1 year ago |
|
Pascal
|
1151075b80 | 2 years ago |
@ -0,0 +1,55 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="../image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="../imprint.html"><img src="../image/de.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Legal Notice</h2> |
||||
<p> |
||||
<strong>Address</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Online: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Contact</strong> |
||||
</p> |
||||
<p> |
||||
For general inquiries, we recommend sending an email to mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. is registered in the association register of the Stuttgart District Court under |
||||
association number VR 726042. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,222 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübingen Days of Digital Freedom</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="../index.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
<div class="box" id="event"> |
||||
<h2>July 26/27, 2025</h2> |
||||
<p>The Tübingen Days of Digital Freedom are an open Chaos community event. The event is not only aimed |
||||
at |
||||
nerds, but also at everyone interested in a life of freedom and |
||||
self-determination. To this end, we want to give you the tools for self-empowerment in the form of |
||||
workshops and presentations. But you are also welcome to come just to hang-out, have conversations |
||||
with others, and take a look at the blinky things. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="../tdf3/en/recap.html" class="button">Recap of the TDF 2024</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Schedule</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Saturday, July 26, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry for Assembly Area</li> |
||||
<li><b>11:00:</b> Entry for everyone</li> |
||||
<li><b>12:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>13:00:</b> Opening</li> |
||||
<li><b>14:00 – 23:00:</b> Program</li> |
||||
<li><b>23:00 – 9:00:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sunday, July 27, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry and breakfast</li> |
||||
<li><b>10:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>11:00 – 17:00:</b> Program</li> |
||||
<li><b>from 17:00:</b> Dismantling</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Program</h2> |
||||
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||
<p>You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Creativity & Beauty</li> |
||||
<li>Ethics, Politics & Society</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitality & Competence</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Diversity & Mindfulness</li> |
||||
<li>Sustainability & Climate</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="button">Schedule</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>The Day of Digital Freedom is made possible through your participation. There are many ways you can |
||||
contribute to the success of the event. On the following page, you can learn more about it:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elf System</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Register</h2> |
||||
<p>You can register for the Tübingen Days of Digital Freedom to help us with planning and to stay up to |
||||
date. Registration is voluntary and free of charge. However, you can make a donation to support the |
||||
event.</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Register</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Location</h2> |
||||
<p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p> |
||||
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> |
||||
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train |
||||
station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p> |
||||
<p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Site Plan</a> |
||||
</div> |
||||
<iframe id="map" width="800" height="500" |
||||
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||
style="border: 1px solid black"></iframe><br /><small><a |
||||
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">View |
||||
Larger Map</a></small> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Organizers</h2> |
||||
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT). |
||||
The |
||||
ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V. |
||||
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and |
||||
social |
||||
issues.</p> |
||||
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Supporters</h2> |
||||
<p /> |
||||
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This |
||||
makes the offer freely accessible to the public.</p> |
||||
<p>In order to make this possible, sponsors have supported us in the past years. This year we are also |
||||
looking forward to work with supporters to make this event possible. |
||||
</p> |
||||
<h3>Our Supporters</h3> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be |
||||
suitable for this? Write to us at |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Previous Events</h2> |
||||
<p>The Day of Digital Freedom has been held annually since 2022. Here are the pages |
||||
for the previous events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/en" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,155 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübingen Days of Digital Freedom - Site Plan</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button inactive">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="../site-plan.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="site-plan-intro"> |
||||
<h2>Where is what?</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;"> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-2" class="location-link" data-target="back-office">Back Office</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar in Foyer</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="kaffee">Coffee</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="diamant">Diamant</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elf Grove</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="foyer">Foyer</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="hackspace">Hackspace</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Info Desk</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Stage 1</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Stage 2</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffles</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-eg"> |
||||
<img src="../image/Etagen_EG.png" alt="Floor plan ground floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div> |
||||
<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div> |
||||
<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div> |
||||
<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div> |
||||
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-2"> |
||||
<img src="../image/Etagen_2. OG.png" alt="Floor plan 2nd floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div> |
||||
<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div> |
||||
<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div> |
||||
<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-6"> |
||||
<img src="../image/Etagen_6. OG.png" alt="Floor plan 6th floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div> |
||||
<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div> |
||||
<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="diamant" style="top: 54%; left: 33%;"></div> |
||||
<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-7"> |
||||
<img src="../image/Etagen_7. OG.png" alt="Floor plan 7th floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
document.addEventListener('DOMContentLoaded', function() { |
||||
const locationLinks = document.querySelectorAll('.location-link'); |
||||
const markers = document.querySelectorAll('.location-marker'); |
||||
|
||||
locationLinks.forEach(link => { |
||||
link.addEventListener('click', function(e) { |
||||
e.preventDefault(); |
||||
|
||||
// Alle Marker ausblenden |
||||
markers.forEach(marker => { |
||||
marker.classList.remove('active'); |
||||
}); |
||||
|
||||
// Ziel-Location finden und Marker anzeigen |
||||
const targetLocation = this.getAttribute('data-target'); |
||||
const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`); |
||||
|
||||
if (targetMarker) { |
||||
targetMarker.classList.add('active'); |
||||
|
||||
// Zur entsprechenden Etage scrollen |
||||
const targetFloor = this.getAttribute('href'); |
||||
const targetElement = document.querySelector(targetFloor); |
||||
if (targetElement) { |
||||
targetElement.scrollIntoView({ behavior: 'smooth' }); |
||||
} |
||||
|
||||
// Marker nach 10 Sekunden ausblenden |
||||
setTimeout(() => { |
||||
targetMarker.classList.remove('active'); |
||||
}, 10000); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 424 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 794 KiB |
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 99 B |
|
After Width: | Height: | Size: 288 B |
|
After Width: | Height: | Size: 7.1 MiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 430 KiB |
|
Before Width: | Height: | Size: 720 KiB After Width: | Height: | Size: 980 KiB |
|
After Width: | Height: | Size: 953 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 328 KiB |
|
After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 991 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
@ -0,0 +1,55 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="en/imprint.html"><img src="image/gb.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Impressum</h2> |
||||
<p> |
||||
<strong>Anschrift</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Im Web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Kontakt</strong> |
||||
</p> |
||||
<p> |
||||
Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR |
||||
726042 eingetragen. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,90 +1,221 @@ |
||||
<!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>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> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübinger Tage der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a> |
||||
</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> |
||||
<a href="en/index.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="event"> |
||||
<h2>26./27. Juli 2025</h2> |
||||
<p>Die Tübinger Tage der digitalen Freiheit sind ein offenes Chaos-Community-Event. |
||||
Das Event richtet sich bei weitem nicht nur an Nerds, sondern an alle, die an einem Leben in |
||||
Freiheit und Selbstbestimmung interessiert sind. Dazu möchten wir mit Werkzeugen zur |
||||
Selbstbefähigung in Form von Workshops und Vorträgen anreizen. Man darf aber auch gerne zum Chillen, |
||||
Gespräche und Blinkereien genießen vorbeikommen. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="tdf3/recap.html" class="button">Rückblick auf den TDF 2024</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Zeitplan</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Samstag, 26. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li> |
||||
<li><b>11:00 Uhr:</b> Einlass für alle</li> |
||||
<li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>13:00:</b> Eröffnung</li> |
||||
<li><b>14:00 – 23:00 Uhr:</b> Programm</li> |
||||
<li><b>23:00 – 9:00 Uhr:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sonntag, 27. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass und Frühstück</li> |
||||
<li><b>10:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>11:00 – 17:00 Uhr:</b> Programm</li> |
||||
<li><b>ab 17:00 Uhr:</b> Abbau</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="box"> |
||||
<h2>Programm</h2> |
||||
<p>Es erwarten euch ca. 50 Vorträge und Workshops in 4 Sälen aus folgenden Themenbereichen:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Kreativität & Schönheit</li> |
||||
<li>Ethik, Politik & Gesellschaft</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitalität & Mündigkeit</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Vielfalt & Achtsamkeit</li> |
||||
<li>Nachhaltigkeit & Klima</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Vernetzung & Aktionen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="button">Fahrplan</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>macht mit!</h2> |
||||
<p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Es gibt viele Möglichkeiten, wie |
||||
du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber |
||||
erfahren:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elfensystem</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Anmelden</h2> |
||||
<p>Du kannst dich für die Tübinger Tage der digitalen Freiheit anmelden, um uns bei der Planung zu |
||||
helfen und um auf dem Laufenden zu bleiben. Die Anmeldung ist freiwillig und kostenlos. Du kannst |
||||
aber eine Spende geben, um die Veranstaltung zu unterstützen.</p> |
||||
</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Anmelden</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Ort</h2> |
||||
<p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p> |
||||
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> |
||||
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder |
||||
von den |
||||
Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.</p> |
||||
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Lageplan</a> |
||||
</div> |
||||
<iframe id="map" width="800" height="500" |
||||
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||
style="border: 1px solid black"></iframe><br /><small><a |
||||
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">Größere |
||||
Karte |
||||
anzeigen</a> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Veranstalter*innen</h2> |
||||
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und |
||||
veranstaltet. Der Chaostreff ist ein gemeinnütziger Verein und steht inhaltlich dem Chaos Computer |
||||
Club e. V. nahe. Die Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an |
||||
technischen, digitalen, kulturellen und gesellschaflichen Themen.</p> |
||||
<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Unterstützer*innen</h2> |
||||
<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. |
||||
Dadurch ist das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p> |
||||
<p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr |
||||
freuen wir uns auf Unterstützer*innen. </p> |
||||
<h3>Unsere Sponsoren</h3> |
||||
<p /> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in |
||||
Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Vorherige Events</h2> |
||||
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten |
||||
der vorhergenden Events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,178 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübinger Tage der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button inactive">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="en/participate.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Das Event</h2> |
||||
<p>Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum |
||||
vierten Mal |
||||
in Folge in Tübingen statt.</p> |
||||
<p>Auf dem Event treffen sich Freaks, Künstlerinnen, Utopistinnen und einfach nur wissensgierige |
||||
Menschen um |
||||
gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch über |
||||
Kreativität, |
||||
Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in großen Schritten |
||||
voranschreitende Klimakatastrophe. </p> |
||||
<p>Der Chaostreff Tübingen ist noch relativ jung und am Aufbau und Pflegen einer Community. Deren |
||||
geteilte Werte |
||||
sind es gemeinschaftlich und unkommerziell einen Raum zu schaffen, in dem man voneinander lernen, |
||||
sich |
||||
entfalten und organisieren kann. Dieser soll auch ein Forum zum Austausch nahestehnder Gruppierungen |
||||
und |
||||
Individuen dienen.</p> |
||||
<p>Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und <a |
||||
href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich |
||||
dazu |
||||
eingeladen.</p> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Termine</h2> |
||||
|
||||
<h3>Vorbereitung</h3> |
||||
<ul> |
||||
|
||||
<li>Regelmäßige Meetings des Orga-Teams (meist Donnerstags). Mehr Infos dazu unter <a |
||||
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li> |
||||
<li>Sonntag 30. März 2025 15:00 Uhr - „Kickoff Event“ – Treffen für alle, die sich beteiligen |
||||
möchten.</li> |
||||
</ul> |
||||
|
||||
<h3>Event</h3> |
||||
<ul> |
||||
|
||||
<li>Freitag 25. Juli 2025 - ab 12:00 Uhr Aufbau </li> |
||||
<li>Samstag 26. Juli 2025 - TDF Tag 1</li> |
||||
<li>Sonntag 27. Juli 2025 - TDF Tag 2, ab 17:00 Uhr Abbau. </li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Vorträge & Workshops</h2> |
||||
<p>Der Call for Participation ist geschlossen. Wenn du noch einen wichtigen Beitrag einreichen möchtest, |
||||
kannst |
||||
kannst du eine E-Mail an <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> schreiben. |
||||
</p> |
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="box" id="assemblies"> |
||||
<h2>Assemblies</h2> |
||||
<p>Komm mit deiner Gruppe, deinem Verein oder 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> |
||||
<p>Wenn du eine Assembly organisieren möchtest, kontaktiere uns bitte unter <a |
||||
href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Elfen</h2> |
||||
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen.</p> |
||||
<p>Es werden hinter und auch vor den Kulissen einige helfende Hände benötigt. </p> |
||||
<p>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> |
||||
<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 & Sofas. Hierzu bitte unbedingt vorher bei <a |
||||
href="mailto:tdf@cttue.de">tdf@cttue.de</a> anmelden.</p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,156 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübinger Tage der digitalen Freiheit - Lageplan</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button inactive">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="en/site-plan.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="site-plan-intro"> |
||||
<h2>Wo ist was?</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;"> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-2" class="location-link" data-target="back-office">Back Office</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar im Foyer</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Bühne 1</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Bühne 2</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="diamant">Diamant</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">Hackspace</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Infodesk</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="kaffee">Kaffee</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="kasse">Kasse</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-6" class="location-link" data-target="projekte">Projekte</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li> |
||||
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffeln</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-eg"> |
||||
<img src="image/Etagen_EG.png" alt="Grundriss Erdgeschoss" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div> |
||||
<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div> |
||||
<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div> |
||||
<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div> |
||||
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-2"> |
||||
<img src="image/Etagen_2. OG.png" alt="Grundriss 2. Obergeschoss" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div> |
||||
<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div> |
||||
<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div> |
||||
<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-6"> |
||||
<img src="image/Etagen_6. OG.png" alt="Grundriss 6. Obergeschoss" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div> |
||||
<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div> |
||||
<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="diamant" style="top: 54%; left: 33%;"></div> |
||||
<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-7"> |
||||
<img src="image/Etagen_7. OG.png" alt="Grundriss 7. Obergeschoss" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
document.addEventListener('DOMContentLoaded', function() { |
||||
const locationLinks = document.querySelectorAll('.location-link'); |
||||
const markers = document.querySelectorAll('.location-marker'); |
||||
|
||||
locationLinks.forEach(link => { |
||||
link.addEventListener('click', function(e) { |
||||
e.preventDefault(); |
||||
|
||||
// Alle Marker ausblenden |
||||
markers.forEach(marker => { |
||||
marker.classList.remove('active'); |
||||
}); |
||||
|
||||
// Ziel-Location finden und Marker anzeigen |
||||
const targetLocation = this.getAttribute('data-target'); |
||||
const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`); |
||||
|
||||
if (targetMarker) { |
||||
targetMarker.classList.add('active'); |
||||
|
||||
// Zur entsprechenden Etage scrollen |
||||
const targetFloor = this.getAttribute('href'); |
||||
const targetElement = document.querySelector(targetFloor); |
||||
if (targetElement) { |
||||
targetElement.scrollIntoView({ behavior: 'smooth' }); |
||||
} |
||||
|
||||
// Marker nach 10 Sekunden ausblenden |
||||
setTimeout(() => { |
||||
targetMarker.classList.remove('active'); |
||||
}, 10000); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 469 KiB |
@ -0,0 +1,61 @@ |
||||
/* Box sizing rules */ |
||||
*, |
||||
*::before, |
||||
*::after { |
||||
box-sizing: border-box; |
||||
} |
||||
/* Remove default padding */ |
||||
ul[class], |
||||
ol[class] { |
||||
padding: 0; |
||||
} |
||||
/* Remove default margin */ |
||||
body, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
p, |
||||
ul[class], |
||||
ol[class], |
||||
li, |
||||
figure, |
||||
figcaption, |
||||
blockquote, |
||||
dl, |
||||
dd { |
||||
margin: 0; |
||||
} |
||||
/* Set core body defaults */ |
||||
body { |
||||
min-height: 100vh; |
||||
scroll-behavior: smooth; |
||||
text-rendering: optimizeSpeed; |
||||
line-height: 1.5; |
||||
} |
||||
/* Remove list styles on ul, ol elements with a class attribute */ |
||||
ul[class], |
||||
ol[class] { |
||||
list-style: none; |
||||
} |
||||
/* A elements that don't have a class get default styles */ |
||||
a:not([class]) { |
||||
text-decoration-skip-ink: auto; |
||||
} |
||||
/* Make images easier to work with */ |
||||
img { |
||||
max-width: 100%; |
||||
display: block; |
||||
} |
||||
/* Natural flow and rhythm in articles by default */ |
||||
article > * + * { |
||||
margin-top: 1em; |
||||
} |
||||
/* Inherit fonts for inputs and buttons */ |
||||
input, |
||||
button, |
||||
textarea, |
||||
select { |
||||
font: inherit; |
||||
} |
||||
|
||||
@ -0,0 +1,245 @@ |
||||
* { |
||||
box-sizing: border-box; |
||||
} |
||||
html { |
||||
font-family: "IBM Plex Mono", "Sometype Mono", "Office Code Pro", "Cousine", |
||||
"Courier New", "Courier", monospace; |
||||
font-size: 1.3vw; |
||||
background: #2d95ab; |
||||
background-image: url("/style/bg.png"); |
||||
min-height: 100%; |
||||
background-repeat: no-repeat; |
||||
background-attachment: fixed; |
||||
background-size: cover; |
||||
color: #FFFFFF; |
||||
} |
||||
body { |
||||
width: 80%; |
||||
min-height: 100%; |
||||
margin: 0% auto; |
||||
} |
||||
header { |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
header img { |
||||
width: 50%; |
||||
margin: 1%; |
||||
border: none; |
||||
} |
||||
nav { |
||||
width: 100%; |
||||
text-align: center; |
||||
z-index: 1; |
||||
background: #000000; |
||||
color: #FFFFFF; |
||||
text-wrap: balance; |
||||
position: sticky; |
||||
top: 0px; |
||||
padding:0.2rem; |
||||
} |
||||
main { |
||||
width: 100%; |
||||
} |
||||
article { |
||||
padding: 1rem; |
||||
background: rgba(0, 0, 0, 0.7); |
||||
} |
||||
footer { |
||||
width: 100%; |
||||
text-align: center; |
||||
background: #000000; |
||||
color: #FFFFFF; |
||||
} |
||||
div.cont{ |
||||
white-space: break-spaces; |
||||
} |
||||
div.h-box { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
div.h-2items,li.pagefind-ui__result { |
||||
width: 48%; |
||||
display: inline-block; |
||||
margin: 2.5% 1%; |
||||
text-align: center; |
||||
border: solid 1px; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
} |
||||
div.box{ |
||||
border: solid 1px; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
margin: 1%; |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
img{ |
||||
max-height:15rem; max-width:15rem; |
||||
} |
||||
} |
||||
h1 { |
||||
text-align: center; |
||||
color: yellow; |
||||
} |
||||
h2{ |
||||
color: yellow; |
||||
font-weight: bold; |
||||
font-size: unset; |
||||
} |
||||
img { |
||||
display: inline; |
||||
} |
||||
p.desc{ |
||||
text-align: center; |
||||
} |
||||
p.bar, a.pagefind-ui__result-link{ |
||||
display: block; |
||||
text-align: center; |
||||
background: darkblue; |
||||
font-size: smaller; |
||||
margin: 0px 1px; |
||||
} |
||||
small{ |
||||
text-align: center; |
||||
display: block; |
||||
} |
||||
a { |
||||
color: #FFFFFF; |
||||
} |
||||
nav a { |
||||
text-decoration: none; |
||||
} |
||||
a:hover { |
||||
color: #808080; |
||||
} |
||||
a.current { |
||||
color: #808080; |
||||
} |
||||
a.btn{ |
||||
border: 1px solid; |
||||
border-radius: 0.2rem; |
||||
padding: 0.25rem; |
||||
margin: 0.25rem; |
||||
text-decoration: none; |
||||
} |
||||
a.btn:hover{ |
||||
color: #808080; |
||||
} |
||||
@media (max-width: 1250px) { |
||||
html { |
||||
font-size: 16px; |
||||
} |
||||
body, nav { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@media (max-width: 600px) { |
||||
html { |
||||
font-size: 16px; |
||||
} |
||||
html,body,nav { |
||||
max-width: 100%; |
||||
min-width: 100%; |
||||
width: 100%; |
||||
} |
||||
div.h-2items,li.pagefind-ui__result { |
||||
width: 98%; |
||||
} |
||||
} |
||||
@media print { |
||||
* { |
||||
box-sizing: border-box; |
||||
color: #000000 !important; |
||||
background: #FFFFFF !important; |
||||
} |
||||
a { |
||||
text-decoration: underline !important |
||||
} |
||||
} |
||||
form.pagefind-ui__form{ |
||||
text-align: center; |
||||
white-space: initial; |
||||
} |
||||
img.pagefind-ui__result-image{ |
||||
display: none; |
||||
} |
||||
div.tt{ |
||||
position: relative; |
||||
height: 7600px; |
||||
div{ |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
position: absolute; |
||||
width: 20%; |
||||
border: solid 1px; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
background: rgba(0, 0, 0, 0.5); |
||||
} |
||||
div.loc1{ |
||||
left:0%; |
||||
} |
||||
div.loc2{ |
||||
left:20%; |
||||
} |
||||
div.loc3{ |
||||
left:40%; |
||||
} |
||||
div.loc6{ |
||||
left:80%; |
||||
} |
||||
div.loc7{ |
||||
left:60%; |
||||
} |
||||
div.loc8{ |
||||
display:none; |
||||
} |
||||
|
||||
#marker{ |
||||
display:none; |
||||
color: red; |
||||
padding-top: 20px; |
||||
background:none; |
||||
background-image: url("/style/fire.gif"); |
||||
background-repeat: repeat-x; |
||||
background-position-y: bottom; |
||||
font-size: 2rem; |
||||
width: 100%; |
||||
height: 3.5rem; |
||||
max-height: 3.5rem; |
||||
border: none; |
||||
border-bottom: solid 3px; |
||||
opacity: 0.7; |
||||
} |
||||
} |
||||
#status{ |
||||
position: fixed; |
||||
top: 5%; |
||||
left:5%; |
||||
width:90%; |
||||
height: 90%; |
||||
background: black; |
||||
border: solid 5px; |
||||
margin: 1%; |
||||
padding: 0% 0.5% 0.5% 0.5%; |
||||
display: none; |
||||
overflow: hidden; |
||||
white-space: break-spaces; |
||||
font-size: 1.5rem; |
||||
z-index:888; |
||||
img{ |
||||
max-height:15rem; |
||||
margin: 0.5%; |
||||
} |
||||
} |
||||
#touchBlocker{ |
||||
position: fixed; |
||||
top:0%; |
||||
left:0%; |
||||
width:100%; |
||||
height:100%; |
||||
z-index:999; |
||||
} |
||||
canvas{ |
||||
background: unset !important; |
||||
} |
||||
.invisible{ |
||||
display: none; |
||||
} |
||||
|
After Width: | Height: | Size: 73 KiB |
@ -0,0 +1,492 @@ |
||||
@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: #93799C; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.background { |
||||
background-image: url("image/neon-scene.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center top; |
||||
background-attachment: fixed; |
||||
background-size: auto; /* Standard für Fenster bis 1920px */ |
||||
min-height: 100vh; /* Mindesthöhe für vollständige Abdeckung */ |
||||
padding-top: 20px; |
||||
margin: 0; |
||||
} |
||||
|
||||
/* Für Fenster breiter als 1920px das Bild dynamisch an die Breite anpassen */ |
||||
@media (min-width: 1921px) { |
||||
.background { |
||||
background-size: 100% auto; /* Bild passt sich der vollen Fensterbreite an */ |
||||
} |
||||
} |
||||
|
||||
#map { |
||||
background-image: url("image/map.png"); |
||||
} |
||||
|
||||
.banner { |
||||
vertical-align: middle; |
||||
position: absolute; |
||||
top: 20px; |
||||
left: 0; |
||||
bottom: 0; |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
#banner-1 { |
||||
mix-blend-mode: screen; |
||||
} |
||||
|
||||
#banner-2 { |
||||
mix-blend-mode: hard-light; |
||||
} |
||||
|
||||
#banner-3 { |
||||
mix-blend-mode: normal; |
||||
} |
||||
|
||||
.box { |
||||
background: #401E13; |
||||
margin-bottom: 2em; |
||||
padding: 1em 2em 0.7em 1em; |
||||
border-style: solid; |
||||
border-color: #FF668C; |
||||
border-width: 2px; |
||||
box-shadow: 0px 0px 10px 0px rgba(255, 0, 255, 0.5), |
||||
inset 0px 0px 10px 0px rgba(255, 0, 255, 0.5); |
||||
background-blend-mode: soft-light; |
||||
background-size: auto 100%; |
||||
background-repeat: no-repeat; |
||||
background-position: right; |
||||
background-blend-mode: luminosity; |
||||
text-shadow: 0px 0px 5px #1C0A04, |
||||
0px 0px 10px #1C0A04, |
||||
0px 0px 15px #1C0A04, |
||||
0px 0px 20px #1C0A04, |
||||
0px 0px 25px #1C0A04, |
||||
0px 0px 30px #1C0A04; |
||||
} |
||||
|
||||
#participate { |
||||
background-image: url("image/participate.png"); |
||||
} |
||||
|
||||
#location { |
||||
background-image: url("image/westspitze.png"); |
||||
} |
||||
|
||||
#register { |
||||
background-image: url("image/infodesk.png"); |
||||
} |
||||
|
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
} |
||||
|
||||
#event { |
||||
background-image: url("image/network.png"); |
||||
} |
||||
|
||||
#assemblies { |
||||
background-image: url("image/assemblies.png"); |
||||
} |
||||
|
||||
#sponsor { |
||||
background-image: url("image/sponsor.png"); |
||||
} |
||||
|
||||
#ctt { |
||||
background-image: url("image/pesthoenchen.png"); |
||||
} |
||||
|
||||
.center { |
||||
display: flex; |
||||
justify-content: center; /* Horizontale Zentrierung */ |
||||
} |
||||
|
||||
#imprint { |
||||
font-size: 1em; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
#costs { |
||||
background-image: url("image/costs.png"); |
||||
background-position: bottom; |
||||
background-size: 100% auto; |
||||
} |
||||
|
||||
.banner-box { |
||||
position: relative; |
||||
height: 400px; |
||||
} |
||||
|
||||
|
||||
.right-align { |
||||
text-align: right; |
||||
} |
||||
|
||||
p, |
||||
h2, h3, li { |
||||
color: #ced7f2; |
||||
} |
||||
|
||||
a { |
||||
color: #e5ebff; |
||||
} |
||||
|
||||
p, |
||||
a, |
||||
li { |
||||
font-family: "TitilliumWeb-Regular"; |
||||
font-size: 1.2em; |
||||
} |
||||
|
||||
li { |
||||
font-size: "TitilliumWeb-Regular"; |
||||
font-size: 1.0em; |
||||
} |
||||
|
||||
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: #e5ebff; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
h2 { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
text-transform: uppercase; |
||||
font-size: 3em; |
||||
margin-top: 0em; |
||||
margin-block-end: 0em; |
||||
} |
||||
|
||||
b { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
} |
||||
|
||||
h3, |
||||
.big { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
font-size: 1.5em; |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label-sub { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
|
||||
.button-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100%; |
||||
} |
||||
|
||||
.buttons-wrapper { |
||||
display: flex; /* Elemente horizontal anordnen */ |
||||
justify-content: center; /* Zentrieren der Buttons */ |
||||
align-items: center; /* Vertikal ausrichten */ |
||||
gap: 20px; /* Abstand zwischen Buttons */ |
||||
margin: 20px auto; /* Zentrieren des gesamten Wrappers */ |
||||
} |
||||
|
||||
.button { |
||||
display: inline-block; |
||||
padding: 20px 40px; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: #ced7f2; |
||||
border: none; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease; |
||||
border-radius: 0; |
||||
margin: 0 auto; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
#languages { |
||||
position: fixed; |
||||
top: 19px; |
||||
right: 10%; |
||||
transform: translateY(-50%); |
||||
background-color: #401E13; |
||||
padding: 10px; |
||||
padding-bottom: 3px; |
||||
z-index: 9999; |
||||
} |
||||
|
||||
.image-bar { |
||||
display: flex; |
||||
width: 100%; |
||||
justify-content: space-around; |
||||
align-items: center; |
||||
background-color: #f0f0f0; |
||||
padding: 10px; |
||||
} |
||||
.image-bar img { |
||||
max-height: 100px; |
||||
margin: 0 10px; |
||||
} |
||||
|
||||
#sponsor .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 .sponsor-logos li { |
||||
list-style: none !important; |
||||
flex: 0 0 calc(33.333% - 10em); |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
#sponsor .sponsor-logos img { |
||||
height: 60px; |
||||
} |
||||
|
||||
/* Lageplan Styles */ |
||||
.floor-plan { |
||||
padding: 0; /* Kein Padding, damit Bild die Box vollständig ausfüllt */ |
||||
overflow: hidden; /* Verhindert Überlauf */ |
||||
position: relative; /* Für absolute Positionierung der Markierungen */ |
||||
} |
||||
|
||||
.floor-plan-image { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: block; |
||||
margin: 0; |
||||
object-fit: cover; /* Bild füllt die gesamte Box aus */ |
||||
object-position: center; /* Zentriert das Bild */ |
||||
} |
||||
|
||||
/* Location Links */ |
||||
.location-link { |
||||
text-decoration: none; |
||||
color: #e5ebff; |
||||
transition: color 0.3s ease; |
||||
} |
||||
|
||||
.location-link:hover { |
||||
color: #FF668C; |
||||
} |
||||
|
||||
/* Pulsierender Ring für Locations */ |
||||
.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; |
||||
} |
||||
} |
||||
|
||||
|
||||
/* Content-Container */ |
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
position: relative; /* Ermöglicht die Positionierung der Navigation innerhalb */ |
||||
} |
||||
|
||||
/* Navigationsleiste */ |
||||
.navigationbar { |
||||
position: fixed; /* Fixiert die Navigation relativ zum Fenster */ |
||||
top: 0; |
||||
left: 50%; /* Zentrierung relativ zur Mitte des Containers */ |
||||
transform: translateX(-50%); /* Verschiebt die Navigation zurück zur Container-Mitte */ |
||||
display: flex; |
||||
justify-content: flex-start; /* Schaltflächen links ausrichten */ |
||||
align-items: center; |
||||
width: 100%; /* Passt sich der Breite des Containers an */ |
||||
max-width: 1000px; /* Begrenzt die Breite der Navigation */ |
||||
z-index: 1000; /* Stellt sicher, dass sie über anderen Elementen liegt */ |
||||
padding: 0; /* Kein Padding für die Leiste selbst */ |
||||
background-color: transparent; /* Kein Hintergrund */ |
||||
} |
||||
|
||||
/* Navigation-Buttons */ |
||||
.nav-button { |
||||
display: inline-block; |
||||
padding: 5px 10px; |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: #ced7f2; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease, color 0.3s ease; |
||||
text-align: center; |
||||
margin: 0 5px; |
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Intensiverer Schatten */ |
||||
} |
||||
/* Hover-Effekt für die Buttons */ |
||||
.nav-button:hover { |
||||
transform: scale(1.1); /* Leichtes Vergrößern beim Hover */ |
||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Intensiverer Schatten */ |
||||
} |
||||
|
||||
/* Inaktive Schaltfläche */ |
||||
.nav-button.inactive { |
||||
background-color: #93799C; /* Angepasst an das Hauptfarbschema */ |
||||
cursor: not-allowed; /* Ändert den Cursor zu einem Verbotssymbol */ |
||||
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */ |
||||
} |
||||
|
||||
/* Kein Hover-Effekt für inaktive Buttons - deaktiviert durch pointer-events: none */ |
||||
@ -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 |
|
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 |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 720 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue