Compare commits

..

No commits in common. 'main' and 'main' have entirely different histories.
main ... main

  1. 1
      .gitignore
  2. 80
      en/imprint.html
  3. 242
      en/index.html
  4. 177
      en/join.html
  5. 21
      en/participate.html
  6. 87
      en/program.html
  7. 144
      en/recap.html
  8. 143
      en/venue.html
  9. BIN
      font/aglet-mono-variable.woff2
  10. BIN
      font/p22-cusp-square.woff2
  11. 0
      image/AVAT_logo.png
  12. 0
      image/CCTLogo.webp
  13. BIN
      image/Etagen_2. OG.png
  14. BIN
      image/Etagen_6. OG.png
  15. BIN
      image/Etagen_7. OG.png
  16. BIN
      image/Etagen_EG.png
  17. 0
      image/assemblies.png
  18. 0
      image/banner-1.png
  19. 0
      image/banner-2.png
  20. 0
      image/banner-3.png
  21. 0
      image/coworkgroupde_logo.jpg
  22. 0
      image/daasi_logo.png
  23. BIN
      image/head.png
  24. 0
      image/kims_logo.png
  25. BIN
      image/logo-coworkgroupde.jpg
  26. 0
      image/neon-scene.png
  27. 0
      image/network.png
  28. 0
      image/no_budget_logo.svg
  29. 0
      image/participate.png
  30. 0
      image/pesthoenchen.png
  31. BIN
      image/poster.png
  32. 0
      image/shedhalle_logo.png
  33. 0
      image/sponsor.png
  34. 0
      image/tdf-web-wide.png
  35. BIN
      image/tdf4_00001.JPG
  36. BIN
      image/tdf4_00002.JPG
  37. BIN
      image/tdf4_00003.JPG
  38. BIN
      image/tdf4_00004.JPG
  39. BIN
      image/tdf4_00005.JPG
  40. BIN
      image/tdf4_00006.JPG
  41. BIN
      image/tdf4_00007.JPG
  42. BIN
      image/tdf4_00008.JPG
  43. BIN
      image/tdf4_00009.JPG
  44. BIN
      image/tdf4_00010.JPG
  45. BIN
      image/tdf4_00011.JPG
  46. BIN
      image/tdf4_00012.JPG
  47. 0
      image/tuebingen_logo.png
  48. 82
      imprint.html
  49. 251
      index.html
  50. 58
      infobeamer/index.html
  51. 184
      join.html
  52. 73
      participate.html
  53. 90
      program.html
  54. 147
      recap.html
  55. 0
      style/bg.png
  56. 0
      style/fire.gif
  57. 0
      style/logo.png
  58. 0
      style/reset.css
  59. 0
      style/style.css
  60. 0
      style/ufo.png
  61. 135
      styles-0.1.css
  62. 517
      styles-5.0.css
  63. 602
      tdf1/index.html
  64. BIN
      tdf1/index_files/11317(1).png
  65. BIN
      tdf1/index_files/11317(2).png
  66. BIN
      tdf1/index_files/11317(3).png
  67. BIN
      tdf1/index_files/11317(4).png
  68. BIN
      tdf1/index_files/11317(5).png
  69. BIN
      tdf1/index_files/11317.png
  70. BIN
      tdf1/index_files/11318(1).png
  71. BIN
      tdf1/index_files/11318(2).png
  72. BIN
      tdf1/index_files/11318(3).png
  73. BIN
      tdf1/index_files/11318(4).png
  74. BIN
      tdf1/index_files/11318(5).png
  75. BIN
      tdf1/index_files/11318.png
  76. BIN
      tdf1/index_files/11319(1).png
  77. BIN
      tdf1/index_files/11319(2).png
  78. BIN
      tdf1/index_files/11319(3).png
  79. BIN
      tdf1/index_files/11319(4).png
  80. BIN
      tdf1/index_files/11319(5).png
  81. BIN
      tdf1/index_files/11319.png
  82. BIN
      tdf1/index_files/BMBF_de.png
  83. BIN
      tdf1/index_files/amnesty.webp
  84. 7
      tdf1/index_files/app.css
  85. 2
      tdf1/index_files/app.js
  86. BIN
      tdf1/index_files/crypto.png
  87. BIN
      tdf1/index_files/daasi.webp
  88. 1
      tdf1/index_files/embed-31abec0e3f0382e4d60ae9f3056d454f04784e6907e8229bf615fb3dc2c74374.css
  89. 36
      tdf1/index_files/embed-5878c36753678fb0ad8598a649abf089144996f7a60c6992a16ebf41349273f8.js
  90. 13
      tdf1/index_files/embed.html
  91. BIN
      tdf1/index_files/fablab.webp
  92. BIN
      tdf1/index_files/franz.webp
  93. 86
      tdf1/index_files/glassroom.svg
  94. BIN
      tdf1/index_files/iconet.webp
  95. BIN
      tdf1/index_files/kimaker.webp
  96. BIN
      tdf1/index_files/logo.png
  97. BIN
      tdf1/index_files/marker-icon-3d253116ec4ba0e1f22a01cdf1ff7f120fa4d89a6cd0933d68f12951d19809b4.png
  98. BIN
      tdf1/index_files/marker-shadow-a2d94406ba198f61f68a71ed8f9f9c701122c0c33b775d990edceae4aece567f.png
  99. BIN
      tdf1/index_files/matomo.php
  100. BIN
      tdf1/index_files/oikos.jpg
  101. Some files were not shown because too many files have changed in this diff Show More

1
.gitignore vendored

@ -36,4 +36,3 @@ Temporary Items
# End of https://www.toptal.com/developers/gitignore/api/macos
*.psd

@ -1,80 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5th Tübingen Days of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html">Recap</a>
</div>
<div>
<a href="../imprint.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
</h1>
<div class="box" id="imprint">
<h2>Imprint</h2>
<h3>Address</h3>
<p>
Chaostreff Tübingen e.V.<br />
Bei den Pferdeställen 8<br />
72072 Tübingen<br />
</p>
<p>
On the web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de"
rel="ugc nofollow noopener">https://cttue.de</a>
</p>
<h3>Contact</h3>
<p>
For general contact we recommend an email to mail(at)cttue.de
</p>
<p>
Chaostreff Tübingen e.V. is registered in the association register of the district court of Stuttgart under the association number VR
726042.
</p>
</div>
<p>&nbsp;</p>
</div>
</div>
</body>
</html>

@ -1,144 +1,124 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5th Tübingen Days of Digital Freedom</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../styles-0.1.css">
<title>3. Tübinger Day of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="languages"><a href="../index.html"><img src="../image/de.png"></a></div>
<div class="background">
<div id="content">
<div class="banner-box">
<img class="banner" id="banner-1" src="../image/banner-1.png" />
<img class="banner" id="banner-2" src="../image/banner-2.png" />
<img class="banner" id="banner-3" src="../image/banner-3.png" />
</div>
<div class="box" id="event">
<h2>July 6, 2024</h2>
<p class="big">Saturday 1:00 PM to Sunday 1:00 PM</p>
<p>The Tübingen Day of Digital Freedom is an open Chaos community event.
The event is not only aimed at nerds, but also at everyone interested in a life of freedom and
self-determination.
To this end, we want to give you the tools for self-empowerment in the form of workshops and
presentations.
But you are also welcome to come just to hang-out, have conversations with others, and take a look
at the blinky things.
</p>
<p class="big">All Creatures Welcome.</p>
</div>
<div class="box">
<h2>Program</h2>
<p><b>Please note:</b> Most talks and workshops will be held in German.</p>
<p>You can look forward to 42 sessions by 28 speakers in 4 rooms covering the following topics:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
<div>
<ul>
<li>Creativity & Beauty</li>
<li>Ethics, Politics & Society</li>
</ul>
</div>
<div>
<ul>
<li>Hardware & Code</li>
<li>Digitality & Competence</li>
</ul>
</div>
<div>
<ul>
<li>Sustainability & Climate Justice</li>
<li>Networking & Actions</li>
</ul>
</div>
</div>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf3/schedule/" class="button">See the full schedule…</a>
</div>
</div>
<div class="box">
<h2>Location</h2>
<p>The Day of Digital Freedom will take place this year at the Westspitze Tübingen.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train
station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
<p>We will meet in the rooms and areas of the ground floor and the 6th and 7th floors.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View
Larger Map</a></small>
</div>
<div class="box" id="participate">
<h2>Participate!</h2>
<p>Be part of the event by contributing your own part. Click on "Participate" to learn more…
</p>
<div class="button-container">
<a href="participate.html" class="button">Participate</a>
</div>
</div>
<div class="box" id="ctt">
<h2>Organizers</h2>
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen (CTT). The
ChaosTreff is a registered association and is closely related to the Chaos Computer Club e.V.
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and
social
issues.</p>
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p>
</div>
<div class="box" id="sponsor">
<h2>Sponsors</h2>
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This
makes
the offer freely accessible to the public.</p>
<p>In order to make this possible, sponsors have supported us in the past years. This year
we are also looking forward to work with supporters to make this event possible.
</p>
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be
suitable for this? Write to us at
tdf@cttue.de</p>
<div class="image-bar">
<img src="../image/AVAT_logo.png" alt="AVAT Logo">
<img src="../image/daasi_logo.png" alt="DAASI Logo">
<img src="../image/tuebingen_logo.png" alt="Tübingen Logo">
<img src="../image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo">
</div>
</div>
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html" class="active">Home</a>
<a href="program.html">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html">Recap</a>
</div>
<div>
<a href="../index.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch" style="--i:3">S</span><span
class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">O</span><span class="ch"
style="--i:6">F</span><span class="ch sp" style="--i:7"> </span><span class="ch"
style="--i:8">D</span><span class="ch" style="--i:9">I</span><span class="ch"
style="--i:10">G</span><span class="ch" style="--i:11">I</span><span class="ch" style="--i:12">T</span><span
class="ch" style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
</h1>
<!-- Box Event -->
<div class="box" id="start">
<h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2>
<p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüssen" (Encrypt Free Spaces). On this
and many other topics around digital freedom, data protection, net politics, and technology, there will be talks,
workshops, and discussions. Beyond that, TDF offers space for networking, exchange, and creativity.
</p>
<p>The event is aimed not only at people from "the chaos" (members and friends of the Chaos
Computer Club) but everyone interested in a life of freedom and self-determination in the digital society.
Admission is free. To make this possible, we appreciate donations and sponsors.
</p>
</p>
<p class="big">All Creatures Welcome!</p>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- Program -->
<div class="box" id="program">
<p>The CfP for TDF5 will be published soon. We look forward to numerous exciting talks and
workshops.</p>
<div class="button-container">
<a href="program.html" class="button">Program</a>
</div>
</div>
<!-- Join -->
<div class="box" id="join">
<p>The Days of Digital Freedom are made possible by your participation. Learn more about how you can contribute
to the success of the event.</p>
<div class="button-container">
<a href="join.html" class="button">Participate</a>
</div>
</div>
<!-- Venue -->
<div class="box" id="venue">
<p>We meet at Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen
in the rooms and spaces of the ground floor and floors 2, 6, and 7.</p>
<div class="button-container">
<a href="venue.html" class="button">Venue</a>
</div>
</div>
<!-- Register -->
<div class="box" id="register">
<p>You can register for TDF. Registration is voluntary and free, but you can support the
event with a donation.</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Register</a>
</div>
</div>
<!-- Recap -->
<div class="box" id="recap">
<p>Want to know what previous TDFs were like? In the recap you'll find reports, photos, and videos
from past events:</p>
<div class="button-container">
<a href="recap.html" class="button">Recap</a>
</div>
</div>
<!-- CTT -->
<div class="box" id="ctt">
<p>The Tübingen Days of Digital Freedom are organized by Chaostreff Tübingen e.V. (CTT). More info
on our website:</p>
<div class="button-container">
<a href="http://cttue.de/" class="button">Chaostreff</a>
</div>
</div>
</div>
<!-- Sponsor -->
<div class="box" id="sponsor">
<h3>Our Sponsors</h3>
<div class="sponsor-logos">
<a href="https://www.coworkgroup.de/" target="_blank">
<img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
</a>
</div>
<p>Would you like to support TDF financially or in other ways, or know someone who might?
Write to us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
<p>&nbsp;</p>
</div>
</div>
</body>
</html>

@ -1,177 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5th Tübingen Days of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html">Program</a>
<a href="join.html" class="active">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html">Recap</a>
</div>
<div>
<a href="../join.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp" style="--i:7">
</span><span class="ch" style="--i:8">D</span><span class="ch" style="--i:9">I</span><span class="ch"
style="--i:10">G</span><span class="ch" style="--i:11">I</span><span class="ch"
style="--i:12">T</span><span class="ch" style="--i:13">A</span><span class="ch"
style="--i:14">L</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">F</span><span class="ch" style="--i:17">R</span><span class="ch"
style="--i:18">E</span><span class="ch" style="--i:19">E</span><span class="ch"
style="--i:20">D</span><span class="ch" style="--i:21">O</span><span class="ch"
style="--i:22">M</span>
</h1>
<!-- Das Event -->
<div class="box">
<h2>The Event</h2>
<p>The Days of Digital Freedom is an event organized from the Chaos community and takes place for the
fifth time in a row in Tübingen.</p>
<p>At the event, freaks, artists, utopians, and simply curious
people meet to learn from and with each other. We are all connected by the open exchange
about creativity, beauty, our society, technology and its impact on us and the
rapidly advancing climate catastrophe.</p>
<p>The Days of Digital Freedom exist to realize this utopia. If you share our values and
<a href="https://www.ccc.de/hackerethik">ethics</a> and want to help, you are cordially
invited.
</p>
</div>
<!-- Termine -->
<div class="box">
<h2>Dates</h2>
<h3>Preparation</h3>
<ul>
<li>Regular meetings of the organization team (usually Mondays). More info at <a
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
<li>Organization introductory event – tba (probably early February)</li>
</ul>
<h3>Event</h3>
<ul>
<li>Thursday, May 15, 2026 (Ascension Day) - Setup</li>
<li>Friday, May 16, 2026 - Setup and TDF Day 1</li>
<li>Saturday, May 17, 2026 - TDF Day 2</li>
<li>Sunday, May 18, 2026 - TDF Day 3, teardown from 5:00 PM</li>
</ul>
</div>
<!-- Vorträge und Workshops -->
<div class="box">
<h2>Talks and Workshops</h2>
<p>The Call for Participation will open early 2026. More under
<a href="program.html">Program</a>.
</p>
</div>
<!-- Hackcenter und Projekte -->
<div class="box">
<h2>Hackcenter and Projects</h2>
<p>As in previous years, there will be a hackcenter and a project room where groups and
individuals can show and present their own projects and gather. If you are interested
in being there with your group or project, please contact us at
<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>.
</p>
</div>
<!-- Call for Arts -->
<div class="box">
<h2>Call for Arts</h2>
<p>You are an artist, musician, performer, or have another creative idea that you would like to present
at the Days of Digital Freedom? The Call for Arts will open early 2026. Send us an email if you want
to be notified as soon as the Call for Arts is live:
<a href="mailto:arts@cttue.de">arts@cttue.de</a>.
</p>
</div>
<!-- Angels -->
<div class="box">
<h2>Angels</h2>
<p>Beyond the content, the event also thrives on the help of kind and helpful angels. Many helping hands
are needed both behind and in front of the scenes. Tasks are divided into 2-hour shifts,
and all helpers get free mineral water and snacks at the angel haven.</p>
<p>The angel system can be found at <a href="https://elfen.cttue.de">elfen.cttue.de</a>.
There you can register as an angel and sign up for shifts.
</p>
<p>You can help the organization team with the following tasks:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div>
<h3>Setup</h3>
<ul>
<li>Transportation services</li>
<li>Decoration</li>
<li>Furniture arrangement</li>
<li>Signage</li>
</ul>
<h3>Talks</h3>
<ul>
<li>"Herald" / Moderation</li>
<li>Camera and sound</li>
</ul>
</div>
<div>
<h3>Catering</h3>
<ul>
<li>Beverage sales (evening Tschunk etc.)</li>
<li>WOC (Waffle Operation Center)</li>
<li>Breakfast</li>
<li>Angel catering</li>
</ul>
<h3>Teardown</h3>
<ul>
<li>Transportation services</li>
<li>Furniture arrangement</li>
<li>Cleaning</li>
</ul>
</div>
</div>
</div>
<!-- Accommodation -->
<div class="box">
<h2>Accommodation</h2>
<p>For visitors from outside, we want to offer the possibility to stay overnight on Friday and Saturday
nights on camp beds and sofas. For this, please register in advance at
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.
</p>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</body>
</html>

@ -3,8 +3,8 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../styles-0.2.css">
<title>3. Tübingen Day of Digital Freedom</title>
<link rel="stylesheet" type="text/css" href="../styles-0.1.css">
<title>3. Tübinger Day of Digital Freedom</title>
</head>
<body>
@ -12,19 +12,11 @@
<div class="background">
<div id="content">
<nav class="navigationbar">
<a href="index.html" class="nav-button">Main Page</a>
<a href="participate.html" class="nav-button inactive">Participate</a>
<a href="https://tdf3.schedule.cttue.de/tdf3/schedule/" class="nav-button">Schedule</a>
<a href="recap.html" class="nav-button">Recap</a>
</nav>
<div class="banner-box">
<img class="banner" id="banner-1" src="../image/banner-1.png" />
<img class="banner" id="banner-2" src="../image/banner-2.png" />
<img class="banner" id="banner-3" src="../image/banner-3.png" />
</div>
<div class="box">
<h2>The Event</h2>
<p>The Day of Digital Freedom is an event organized by the Chaos community and takes place for the third
@ -170,14 +162,7 @@
</div>
</div>
<div class="center">
<a href="imprint.html" id="imprint">Legal Notice</a>
</div>
<p>&nbsp;</p>
</div>
</body>
</html>
</html>

@ -1,87 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5th Tübingen Days of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html" class="active">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html">Recap</a>
</div>
<div>
<a href="../program.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch" style="--i:3">S</span><span
class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">O</span><span class="ch"
style="--i:6">F</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">D</span><span
class="ch" style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch" style="--i:13">A</span><span
class="ch" style="--i:14">L</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">F</span><span class="ch" style="--i:17">R</span><span class="ch" style="--i:18">E</span><span
class="ch" style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
</h1>
<!-- Box Program -->
<div class="box">
<p>Over 50 talks and workshops in 4 rooms await you from these topic areas:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div>
<ul>
<li>Creativity & Beauty</li>
<li>Ethics, Politics & Society</li>
<li>Hardware & Code</li>
<li>Digitality & Competence</li>
</ul>
</div>
<div>
<ul>
<li>Diversity & Mindfulness</li>
<li>Sustainability & Climate</li>
<li>Science & Technology</li>
<li>Networking & Actions</li>
</ul>
</div>
</div>
<p>The Call for Participation will open early 2026. Send us an email if you want to be notified as soon as the
Call for Participation is live: <a href="mailto:program@cttue.de">program@cttue.de</a>.</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</body>
</html>

@ -1,144 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5th Tübingen Days of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html" class="active">Recap</a>
</div>
<div>
<a href="../recap.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
</h1>
<div class="box">
<h2>Previous Events</h2>
<p>The Days of Digital Freedom have been held annually since 2022. Here you can find the pages
of previous events.
</p>
<div class="buttons-wrapper">
<div class="button-container">
<a href="../tdf1/index.html" class="button">TDF1 | 2022</a>
</div>
<div class="button-container">
<a href="../tdf2/index.html" class="button">TDF2 | 2023</a>
</div>
<div class="button-container">
<a href="../tdf3/en/index.html" class="button">TDF3 | 2024</a>
</div>
<div class="button-container">
<a href="../tdf4/en/index.html" class="button">TDF4 | 2025</a>
</div>
</div>
</div>
<div class="box">
<h2>4th Days of Digital Freedom 2025</h2>
<p>On July 26/27, 2025, the 4th Days of Digital Freedom took place at the Westspitze in Tübingen. The
event was organized by
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a>. Thanks to the support of many <a
href="join.html">helping hands</a> and financial
supporters, a fabulous event could take place. On four floors with two presentation stages, two
workshop rooms and a hackspace,
over 300 visitors were able to experience a <a href="https://cfp.cttue.de/tdf4/schedule/">diverse
program</a>.
</p>
</div>
<div class="box">
<h2>Impressions</h2>
<div class="gallery">
<img src="../image/tdf4_00001.JPG" alt="Image 1" onclick="openLightbox('../image/tdf4_00001.JPG')">
<img src="../image/tdf4_00002.JPG" alt="Image 2" onclick="openLightbox('../image/tdf4_00002.JPG')">
<img src="../image/tdf4_00003.JPG" alt="Image 3" onclick="openLightbox('../image/tdf4_00003.JPG')">
<img src="../image/tdf4_00004.JPG" alt="Image 4" onclick="openLightbox('../image/tdf4_00004.JPG')">
<img src="../image/tdf4_00005.JPG" alt="Image 5" onclick="openLightbox('../image/tdf4_00005.JPG')">
<img src="../image/tdf4_00006.JPG" alt="Image 6" onclick="openLightbox('../image/tdf4_00006.JPG')">
<img src="../image/tdf4_00007.JPG" alt="Image 7" onclick="openLightbox('../image/tdf4_00007.JPG')">
<img src="../image/tdf4_00008.JPG" alt="Image 8" onclick="openLightbox('../image/tdf4_00008.JPG')">
<img src="../image/tdf4_00009.JPG" alt="Image 9" onclick="openLightbox('../image/tdf4_00009.JPG')">
<img src="../image/tdf4_00010.JPG" alt="Image 10" onclick="openLightbox('../image/tdf4_00010.JPG')">
<img src="../image/tdf4_00011.JPG" alt="Image 11" onclick="openLightbox('../image/tdf4_00011.JPG')">
<img src="../image/tdf4_00012.JPG" alt="Image 12" onclick="openLightbox('../image/tdf4_00012.JPG')">
</div>
</div>
<!-- Lightbox Container -->
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<img id="lightbox-img" src="" alt="Enlarged image">
</div>
<script>
function openLightbox(imageSrc) {
const lightbox = document.getElementById('lightbox');
const lightboxImg = document.getElementById('lightbox-img');
lightboxImg.src = imageSrc; // Set the clicked image as the source
lightbox.style.display = 'flex'; // Show the lightbox
}
function closeLightbox() {
const lightbox = document.getElementById('lightbox');
lightbox.style.display = 'none'; // Hide the lightbox
}
</script>
<div class="box" id="radio">
<h2>Videos</h2>
<p>Thanks to the help of <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the presentations
have been recorded and
published. You can find the videos on <a
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> and on <a
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
<div class="button-container">
<a href="https://media.ccc.de/c/tdf2025" class="button">To the videos…</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</body>
</html>

@ -1,143 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<script src="../venue.js"></script>
<title>5th Tübingen Days of Digital Freedom</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html" class="active">Venue</a>
<a href="recap.html">Recap</a>
</div>
<div>
<a href="../venue.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
style="--i:21">O</span><span class="ch" style="--i:22">M</span>
</h1>
<!-- Box Venue -->
<div class="box" id="location">
<h2>Location</h2>
<p>The Days of Digital Freedom take place at Westspitze Tübingen.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>The building can be reached on foot from the city center in about 15 minutes, from the main train station in about 10 minutes, or
from the
bus stops "Blaue Brücke" and "Landestheater".</p>
<p>We meet in the rooms and spaces of the ground floor and floors 2, 6, and 7.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Show
larger
map</a>
</div>
<div class="box">
<h2>What's Where?</h2>
<p>This is the floor plan of TDF 2025. Changes are possible.</p>
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;">
<div>
<ul>
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar in Foyer</a></li>
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Stage 1</a></li>
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Stage 2</a></li>
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elfenhain</a></li>
<li><a href="#floor-eg" class="location-link" data-target="foyer">Foyer</a></li>
<li><a href="#floor-eg" class="location-link" data-target="hackspace">Hackcenter</a></li>
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Infodesk</a></li>
<li><a href="#floor-6" class="location-link" data-target="kaffee">Coffee</a></li>
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</a></li>
<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li>
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li>
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffles</a></li>
<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li>
<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li>
</ul>
</div>
</div>
</div>
<div class="box floor-plan" id="floor-eg">
<img src="../image/Etagen_EG.png" alt="Ground floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div>
<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div>
<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div>
<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div>
<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div>
<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div>
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div>
</div>
<div class="box floor-plan" id="floor-2">
<img src="../image/Etagen_2. OG.png" alt="2nd floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div>
<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div>
<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div>
<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div>
</div>
<div class="box floor-plan" id="floor-6">
<img src="../image/Etagen_6. OG.png" alt="6th floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div>
<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div>
<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div>
<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div>
<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div>
</div>
<div class="box floor-plan" id="floor-7">
<img src="../image/Etagen_7. OG.png" alt="7th floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div>
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before

Width:  |  Height:  |  Size: 251 KiB

After

Width:  |  Height:  |  Size: 251 KiB

Before

Width:  |  Height:  |  Size: 165 KiB

After

Width:  |  Height:  |  Size: 165 KiB

Before

Width:  |  Height:  |  Size: 143 KiB

After

Width:  |  Height:  |  Size: 143 KiB

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 MiB

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 972 KiB

Before

Width:  |  Height:  |  Size: 953 KiB

After

Width:  |  Height:  |  Size: 953 KiB

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

Before

Width:  |  Height:  |  Size: 3.7 MiB

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 991 KiB

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

Before

Width:  |  Height:  |  Size: 293 KiB

After

Width:  |  Height:  |  Size: 293 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 254 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 264 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

@ -1,82 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a>
<a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
</div>
<div>
<a href="en/imprint.html"><img src="image/gb.png"> EN</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
style="--i:17">N</span><span class="ch sp" style="--i:18">
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span>
</h1>
<div class="box" id="imprint">
<h2>Impressum</h2>
<h3>Anschrift</h3>
<p>
Chaostreff Tübingen e.V.<br />
Bei den Pferdeställen 8<br />
72072 Tübingen<br />
</p>
<p>
Im Web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de"
rel="ugc nofollow noopener">https://cttue.de</a>
</p>
<h3>Kontakt</h3>
<p>
Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de
</p>
<p>
Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR
726042 eingetragen.
</p>
</div>
<p>&nbsp;</p>
</div>
</div>
</body>
</html>

@ -1,146 +1,125 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles-0.1.css">
<title>3. Tübinger Tag der digitalen Freiheit</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html" class="active">Hauptseite</a>
<a href="program.html">Programm</a>
<a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
</div>
<div>
<a href="en/index.html"><img src="image/gb.png"> EN</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">E</span><span
class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span
class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" style="--i:13">T</span><span
class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:26">T</span>
</h1>
<!-- Box Event -->
<div class="box" id="start">
<h2>15.17. Mai 2026<br />Westspitze Tübingen</h2>
<p>Die fünften Tübinger Tage der digitalen Freiheit (#TDF5) stehen unter dem Motto „Freiräume verschlüsseln". Zu
diesem
und vielen anderen Themen rund um digitale Freiheit, Datenschutz, Netzpolitik und Technik gibt es Vorträge,
Workshops und Diskussionen. Darüber hinaus bietet der TDF Raum für Vernetzung, Austausch und Kreativität.
</p>
<p>Die Veranstaltung richtet sich nicht nur an Menschen aus „dem Chaos“ (Mitglieder und Freunde des Chaos
Computer Clubs) sondern alle die an einem Leben in Freiheit und Selbstbestimmung in der digitalen Gesellschaft
interessiert sind. Der Eintritt ist frei. Damit dies möglich ist freuen wir uns über Spenden und Sponsoren.
</p>
</p>
<p class="big">All Creatures Welcome!</p>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- Program -->
<div class="box" id="program">
<p>Der CfP zum TDF5 wird in Kürze veröffentlicht. Wir freuen uns auf zahlreichespannende Vorträge und
Workshops.</p>
<div class="button-container">
<a href="program.html" class="button">Programm</a>
</div>
</div>
<!-- Join -->
<div class="box" id="join">
<p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum Gelingen
der Veranstaltung beitragen kannst.</p>
<div class="button-container">
<a href="join.html" class="button">Mitmachen</a>
</div>
</div>
<!-- Venue -->
<div class="box" id="venue">
<p>Wir treffen uns in der Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen
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="venue.html" class="button">Lageplan</a>
</div>
</div>
<!-- Register -->
<div class="box" id="register">
<p>Du kannst dich zum TDF anmelden. Die Anmeldung ist freiwillig und kostenlos, aber du kannst die
Veranstaltung mit einer Spende unterstützen.</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Anmelden</a>
</div>
</div>
<!-- Recap -->
<div class="box" id="recap">
<p>Du möchtest wissen, wie es auf den vorherigen TDFs war? Im Rückblick findest du Berichte, Fotos und Videos
von den vergangenen Veranstaltungen.</p>
<div class="button-container">
<a href="recap.html" class="button">Rückblick</a>
</div>
</div>
<!-- CTT -->
<div class="box" id="ctt">
<p>Die Tübinger Tage der digitalen Freiheit werden vom Chaostreff Tübingen e.V. (CTT) veranstaltet. Mehr Infos
auf unserer Website:</p>
<div class="button-container">
<a href="http://cttue.de/" class="button">Chaostreff</a>
</div>
</div>
</div>
<!-- Sponsor -->
<div class="box" id="sponsor">
<h3>Unsere Sponsoren</h3>
<div class="sponsor-logos">
<a href="https://www.coworkgroup.de/" target="_blank">
<img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
</a>
</div>
<p>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>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Impressum</a>
</div>
</div>
</div>
<div id="languages"><a href="en/index.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.png" />
</div>
<div class="box" id="event">
<h2>6. Juli 2024</h2>
<p class="big">Samstag 13:00 Uhr bis Sonntag 13:00 Uhr</p>
<p>Der Tübinger Tag der digitalen Freiheit ist 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>
<div class="box">
<h2>Programm</h2>
<p>Es erwarten euch 42 Sessions von 28 Vortragenden in 4 Räumen aus folgenden Themenbereichen:</p>
<div style="display: grid; grid-template-columns: 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>Nachhaltigkeit & Klimagerechtigkeit</li>
<li>Vernetzung & Aktionen</li>
</ul>
</div>
</div>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf3/schedule/" class="button">Zum vollständigen Fahrplan…</a>
</div>
</div>
<div class="box">
<h2>Ort</h2>
<p>Der Tag der digitalen Freiheit findet dieses Jahr 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 6 und 7.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere Karte
anzeigen</a>
</div>
<div class="box" id="participate">
<h2>macht mit!</h2>
<p>Werde teil der Verantaltung, indem du deinen eingenen Teil dazu beiträgst. Klicke auf „Mitmachen“ und erfahre
mehr…
</p>
<div class="button-container">
<a href="participate.html" class="button">Mitmachen</a>
</div>
</div>
<div class="box" id="ctt">
<h2>Veranstalter*innen</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="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>
<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
tdf@cttue.de</p>
<div class="image-bar">
<img src="image/AVAT_logo.png" alt="AVAT Logo">
<img src="image/daasi_logo.png" alt="DAASI Logo">
<img src="image/tuebingen_logo.png" alt="Tübingen Logo">
<img src="image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo">
</div>
</div>
</div>
<p>&nbsp;</p>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

@ -1,184 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a>
<a href="join.html" class="active">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
</div>
<div>
<a href="en/join.html"><img src="image/gb.png"> EN</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
style="--i:17">N</span><span class="ch sp" style="--i:18">
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span>
</h1>
<!-- Das Event -->
<div class="box">
<h2>Das Event</h2>
<p>Die Tage der digitalen Freiheit werden organisiert aus der Chaos-Community und finden zum fünften Mal
in Folge in Tübingen statt.</p>
<p>Hier treffen sich Freaks, Künstler:innen, Utopist:innen und einfach nur wissensgierige
Menschen um gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch
über Kreativität, Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in
großen Schritten voranschreitende Klimakatastrophe.</p>
<p>Die Tage der digitalen Freiheit sind dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und
<a href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich
dazu eingeladen.
</p>
</div>
<!-- Termine -->
<div class="box">
<h2>Termine</h2>
<h3>Vorbereitung</h3>
<ul>
<li>Regelmäßige Meetings des Orga-Teams (meist Montags). Für mehr Infos Mail an <a
href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
<li>Orga-Einführungsveranstaltung – tba (Vermutlich Anfang Februar)</li>
</ul>
<h3>Veranstaltung</h3>
<ul>
<li>Donnerstag 15. Mai 2026 (Christi Himmelfahrt) - Aufbau </li>
<li>Freitag 16. Mai 2026 - Aufbau und TDF Tag 1</li>
<li>Samstag 17. Mai 2026 - TDF Tag 2</li>
<li>Sonntag 18. Mai 2026 - TDF Tag 3, ab 17:00 Uhr Abbau. </li>
</ul>
</div>
<!-- Vorträge und Workshops -->
<div class="box">
<h2>Vorträge und Workshops</h2>
<p>Der Call for Participation wird Anfang 2026 geöffnet. Mehr unter
<a href="program.html">Programm</a>.
</p>
</div>
<!-- Call for Arts -->
<div class="box">
<h2>Call for Arts</h2>
<p>Du bist Künstler:in, Musiker:in, Performer:in oder hast eine andere kreative Idee, die du auf den
Tagen der digitalen Freiheit präsentieren möchtest? Der Call for Arts wird Anfang 2026 geöffnet.
Schick uns eine E-Mail, wenn du benachrichtigt werden möchtest, sobald der Call for Arts live ist:
<a href="mailto:arts@cttue.de">arts@cttue.de</a>.
</p>
</div>
<!-- Hackcenter und Projekte -->
<div class="box">
<h2>Hackcenter und Projekte</h2>
<p>Wie im vergangen Jahr wird es einen Hackcenter und einen Projekteraum geben, in denen Gruppen und
Einzelpersonen eigene Projekte zeigen und sich vorstellen und versammeln können. Wenn du
Interesse
hast, mit deiner Gruppe oder Projekt dabei zu sein, melde dich bitte unter
<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>.
</p>
</div>
<!-- Elfen -->
<div class="box">
<h2>Elfen</h2>
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen. Es werden
hinter
und auch vor den Kulissen einige helfende Hände benötigt. Die Aufgaben sind in 2 Stunden
Schichten
unterteilt und für alle Helfenden gibts im Elfenhain
umsonst Mineralwasser und Snacks.</p>
<p>Das Elfensystem ist unter <a href="https://elfen.cttue.de">elfen.cttue.de</a> zu finden.
Dort kannst du dich als Elfe registrieren und dich für die Schichten eintragen.
</p>
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div>
<h3>Aufbau</h3>
<ul>
<li>Fahrdienste</li>
<li>Deko</li>
<li>Möbelierung</li>
<li>Beschilderung</li>
</ul>
<h3>Vorträge</h3>
<ul>
<li>„Herald“ / Moderation</li>
<li>Kamera und Ton</li>
</ul>
</div>
<div>
<h3>Verpflegung</h3>
<ul>
<li>Getränkeverkauf (abends Tschunk etc.)</li>
<li>WOC (Waffel Operation Center)</li>
<li>Frühstück</li>
<li>Elfenverpflegung</li>
</ul>
<h3>Abbau</h3>
<ul>
<li>Fahrdienst</li>
<li>Möbelierung</li>
<li>Putzen</li>
</ul>
</div>
</div>
</div>
<!-- Übernachten -->
<div class="box">
<h2>Übernachtung</h2>
<p>Für extern Angereiste wollen wir die Möglichkeit anbieten Freitag und Samstag Nacht zu
übernachten
auf Feldbetten und Sofas. Hierzu bitte unbedingt vorher bei
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> anmelden.
</p>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Impressum</a>
</div>
</div>
</div>
</body>
</html>

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles-0.2.css">
<link rel="stylesheet" type="text/css" href="styles-0.1.css">
<title>3. Tübinger Tag der digitalen Freiheit</title>
</head>
@ -14,13 +14,6 @@
<div id="content">
<nav class="navigationbar">
<a href="index.html" class="nav-button">Hauptseite</a>
<a href="participate.html" class="nav-button inactive">Mitmachen</a>
<a href="https://tdf3.schedule.cttue.de/tdf3/schedule/" class="nav-button">Fahrplan</a>
<a href="recap.html" class="nav-button">Rückblick</a>
</nav>
<div class="banner-box">
<img class="banner" id="banner-1" src="image/banner-1.png" />
<img class="banner" id="banner-2" src="image/banner-2.png" />
@ -29,25 +22,18 @@
<div class="box">
<h2>Das Event</h2>
<p>Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum
dritten Mal
<p>Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum dritten 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,
<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
<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
href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich dazu
eingeladen.</p>
<div class="button-container">
<a href="index.html" class="button">Zur Hauptseite</a>
@ -78,38 +64,32 @@
<div class="box">
<h2>Vorträge &amp; Workshops</h2>
<p>Die Frist für die Einreichung von Vorträgen und Workshops ist leider vorbei.
Aber du kannst dich trotzdem noch einbringen, z.B. mit der Anmeldung eines Assemblies oder
oder indem du dich als Elfe meldest und bei dem Event mithilfst. Du kannst auch gerne noch
Vorschläge für Vorträge oder Lightning Talks per Mail an uns schicken. Es gibt noch freie Zeiten
am Sonntagvormittag, oder du kannst nachrücken, falls ein Vortragender absagen muss.
</p>
<p>Alle nachträglichen Einreichungen und Fragen bitte an
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a>
</p>
Aber du kannst dich trotzdem noch einbringen, z.B. mit der Anmeldung eines Assemblies oder
oder indem du dich als Elfe meldest und bei dem Event mithilfst. Du kannst auch gerne noch
Vorschläge für Vorträge oder Lightning Talks per Mail an uns schicken. Es gibt noch freie Zeiten
am Sonntagvormittag, oder du kannst nachrücken, falls ein Vortragender absagen muss.
</p>
<p>Alle nachträglichen Einreichungen und Fragen bitte an
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a></p>
</div>
<div class="box" 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
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>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">
<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 bis 4 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain
umsonst Mineralwasser und Snacks.</p>
<p>Die Aufgaben sind in 2 bis 4 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain umsonst Mineralwasser und Snacks.</p>
<div class="button-container">
<a href="https://elfen.cttue.de/" class="button">Zum Elfen-System</a>
@ -172,17 +152,10 @@
<div class="box">
<h2>Übernachtung</h2>
<p>Für extern Angereiste wollen wir im Elfenhain die Möglichkeit anbieten Freitag und Samstag Nacht zu
übernachten auf Feldbetten &amp; Sofas. Hierzu bitte unbedingt vorher bei Mailto:tdf@cttue.de
anmelden.</p>
übernachten auf Feldbetten &amp; Sofas. Hierzu bitte unbedingt vorher bei Mailto:tdf@cttue.de anmelden.</p>
</div>
<div class="center">
<a href="imprint.html" id="imprint">Impressum</a>
</div>
<p>&nbsp;</p>
</body>
</html>

@ -1,90 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Hauptseite</a>
<a href="program.html" class="active">Programm</a>
<a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
</div>
<div>
<a href="en/program.html"><img src="image/gb.png"> EN</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">E</span><span
class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span
class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" style="--i:13">T</span><span
class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:26">T</span>
</h1>
<!-- Box Program -->
<div class="box">
<p>Es erwarten euch über 50 Vorträge und Workshops in 4 Räumen aus diesen Themenbereichen:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div>
<ul>
<li>Kreativität & Schönheit</li>
<li>Ethik, Politik & Gesellschaft</li>
<li>Hardware & Code</li>
<li>Digitalität & Mündigkeit</li>
</ul>
</div>
<div>
<ul>
<li>Vielfalt & Achtsamkeit</li>
<li>Nachhaltigkeit & Klima</li>
<li>Science & Technology</li>
<li>Vernetzung & Aktionen</li>
</ul>
</div>
</div>
<p>Der Call for Participation wird Anfang 2026 geöffnet. Schick uns eine E-Mail, wenn du benachrichtigt werden
möchtest, sobald der Call for Participation live ist: <a href="mailto:program@cttue.de">program@cttue.de</a>.
</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Impressum</a>
</div>
</div>
</div>
</body>
</html>

@ -1,147 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a>
<a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html" class="active">Rückblick</a>
</div>
<div>
<a href="en/recap.html"><img src="image/gb.png"> EN</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
style="--i:17">N</span><span class="ch sp" style="--i:18">
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span>
</h1>
<div class="box">
<h2>Frühere Events</h2>
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
der vorhergenden Events.
</p>
<div class="buttons-wrapper">
<div class="button-container">
<a href="tdf1/index.html" class="button">TDF1 | 2022</a>
</div>
<div class="button-container">
<a href="tdf2/index.html" class="button">TDF2 | 2023</a>
</div>
<div class="button-container">
<a href="tdf3/index.html" class="button">TDF3 | 2024</a>
</div>
<div class="button-container">
<a href="tdf4/index.html" class="button">TDF4 | 2025</a>
</div>
</div>
</div>
<div class="box">
<h2>4. Tage der digitalen Freiheit 2025</h2>
<p>Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage der digitalen Freiheit statt. Dazu
lud der
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a> ein. Dank der Unterstützung vieler <a
href="participate.html">(h)elfender Hände</a> und finanzieller
Unterstützer konnte ein famoses Event stattfinden. Auf vier Etagen mit zwei Vortragsbühnen, zwei
Workshop-Räumen und einem Hackspace
haben über 300 Besucher ein <a href="https://cfp.cttue.de/tdf4/schedule/">vielfältiges
Programm</a>
erleben können.
</p>
</div>
<div class="box">
<h2>Impressionen</h2>
<div class="gallery">
<img src="image/tdf4_00001.JPG" alt="Bild 1" onclick="openLightbox('image/tdf4_00001.JPG')">
<img src="image/tdf4_00002.JPG" alt="Bild 2" onclick="openLightbox('image/tdf4_00002.JPG')">
<img src="image/tdf4_00003.JPG" alt="Bild 3" onclick="openLightbox('image/tdf4_00003.JPG')">
<img src="image/tdf4_00004.JPG" alt="Bild 4" onclick="openLightbox('image/tdf4_00004.JPG')">
<img src="image/tdf4_00005.JPG" alt="Bild 5" onclick="openLightbox('image/tdf4_00005.JPG')">
<img src="image/tdf4_00006.JPG" alt="Bild 6" onclick="openLightbox('image/tdf4_00006.JPG')">
<img src="image/tdf4_00007.JPG" alt="Bild 7" onclick="openLightbox('image/tdf4_00007.JPG')">
<img src="image/tdf4_00008.JPG" alt="Bild 8" onclick="openLightbox('image/tdf4_00008.JPG')">
<img src="image/tdf4_00009.JPG" alt="Bild 9" onclick="openLightbox('image/tdf4_00009.JPG')">
<img src="image/tdf4_00010.JPG" alt="Bild 10" onclick="openLightbox('image/tdf4_00010.JPG')">
<img src="image/tdf4_00011.JPG" alt="Bild 11" onclick="openLightbox('image/tdf4_00011.JPG')">
<img src="image/tdf4_00012.JPG" alt="Bild 12" onclick="openLightbox('image/tdf4_00012.JPG')">
</div>
</div>
<!-- Lightbox Container -->
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<img id="lightbox-img" src="" alt="Vergrößertes Bild">
</div>
<script>
function openLightbox(imageSrc) {
const lightbox = document.getElementById('lightbox');
const lightboxImg = document.getElementById('lightbox-img');
lightboxImg.src = imageSrc; // Set the clicked image as the source
lightbox.style.display = 'flex'; // Show the lightbox
}
function closeLightbox() {
const lightbox = document.getElementById('lightbox');
lightbox.style.display = 'none'; // Hide the lightbox
}
</script>
<div class="box" id="radio">
<h2>Videos</h2>
<p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge
aufgezeichnet und
veröffentlicht worden. Ihr findet die Videos auf <a
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <a
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
<div class="button-container">
<a href="https://media.ccc.de/c/tdf2025" class="button">Zu den Videos…</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Impressum</a>
</div>
</div>
</div>
</body>
</html>

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 972 KiB

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Before

Width:  |  Height:  |  Size: 469 KiB

After

Width:  |  Height:  |  Size: 469 KiB

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 73 KiB

@ -8,7 +8,6 @@
src: url('font/TitilliumWeb-Bold.ttf');
}
body {
background: #2D95AB;
padding: 0;
@ -40,7 +39,6 @@ body {
height: auto;
}
#banner-1 {
mix-blend-mode: screen;
}
@ -101,21 +99,6 @@ body {
background-image: url("image/pesthoenchen.png");
}
#radio {
background-image: url("image/radio.png");
}
.center {
display: flex;
justify-content: center; /* Horizontale Zentrierung */
}
#imprint {
font-size: 1em;
text-decoration: none;
}
@ -328,122 +311,4 @@ h3,
.image-bar img {
max-height: 100px;
margin: 0 10px;
}
.background {
background-image: url("image/neon-scene.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
padding-top: 20px;
margin: 0;
}
#content {
max-width: 1000px;
margin: 0 auto;
padding: 0 75px;
}
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px 0;
}
.gallery img {
width: 100%;
height: auto;
border-radius: 10px; /* Abgerundete Ecken für mehr Eleganz */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
transition: transform 0.3s, box-shadow 0.3s; /* Animation bei Hover */
}
.gallery img:hover {
transform: scale(1.10); /* Leichtes Vergrößern beim Hover */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Intensiverer Schatten */
}
/* Lightbox Styling */
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8); /* Dunkler Hintergrund */
justify-content: center;
align-items: center;
z-index: 1000;
cursor: pointer;
}
.lightbox img {
max-width: 90%; /* Breite bis zu 1200px */
max-height: 90%;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
/* 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: #ffff00;
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: #ffffaa; /* Grauer Hintergrund für Inaktivität */
cursor: not-allowed; /* Ändert den Cursor zu einem Verbotssymbol */
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */
}
/* Kein Hover-Effekt für inaktive Buttons */
.nav-button.inactive:hover {
}

@ -1,517 +0,0 @@
/**
* Tage der digitalen Freiheit
* Handcrafted with by x~alotl
*/
/**
* Font Faces
*/
@font-face {
font-family: 'TitilliumWeb-Regular';
src: url('font/TitilliumWeb-Regular.ttf');
}
@font-face {
font-family: 'TitilliumWeb-Bold';
src: url('font/TitilliumWeb-Bold.ttf');
}
@font-face {
font-family: "aglet-mono-variable";
src: url('font/aglet-mono-variable.woff2') format("woff");
font-display: auto;
font-weight: 200 900;
font-stretch: normal;
}
@font-face {
font-family: "p22-cusp-square";
src: url('font/p22-cusp-square.woff2');
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
/**
* Global Variables
**/
:root {
--light: #ecf2eb;
--shadow: #7d707a;
--electric: #d9fbff;
--highlight: #8ae6e1;
--link: #cc30a8;
--shadow-rgb: 125, 112, 122;
--box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3);
/* Animated Title Variables */
--wght-min: 200;
--wght-max: 900;
--dur: 2200ms;
--step: 70ms;
}
/**
* Base
**/
body {
background: #c6d0c8;
padding: 0;
margin: 0;
}
.background {
background-image: url("image/head.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: auto;
min-height: 100vh;
padding-top: 20px;
margin: 0;
}
/* Enhance background size for very large screens */
@media (min-width: 1921px) {
.background {
background-size: 100% auto;
}
}
/* The main content area is 1000px wide, unless the screen is smaller than 1150px */
#content {
max-width: 1000px;
margin: 0 auto;
padding: 0 75px;
position: relative;
/* Important for the animated title width calculation */
container-type: inline-size;
}
/**
* Text Styles
**/
p,
h2,
h3,
a,
li {
font-family: "TitilliumWeb-Regular";
font-size: 1.2em;
color: var(--shadow);
}
h2 {
font-family: "TitilliumWeb-Bold";
text-transform: uppercase;
font-size: 2.5em;
margin-top: 0.5em;
margin-block-end: 0em;
line-height: 1;
}
h3,
.big {
font-family: "TitilliumWeb-Bold";
font-size: 1.5em;
}
a {
color: var(--link);
text-decoration: none;
font-size: 1em;
}
a:hover {
text-decoration: underline;
}
ul {
list-style-type: none;
padding-left: 0;
}
ul li {
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
ul li:before {
content: "";
width: 8px;
height: 8px;
background-color: var(--shadow);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
b {
font-family: "TitilliumWeb-Bold";
}
/**
* Boxes
**/
.box {
background: var(--light);
margin-bottom: 2em;
padding: 0.5em 2em 1.4em 2em;
border: none;
box-shadow: var(--box-shadow);
}
.box-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
}
.box-grid .box {
margin-bottom: 0;
display: flex;
flex-direction: column;
}
.box-grid .box .button-container {
margin-top: auto;
}
@media (max-width: 800px) {
.box-grid {
grid-template-columns: 1fr;
}
}
#map {
background-image: url("image/map.png");
}
#sponsor {
margin-top: 2em;
}
#imprint {
margin-bottom: 4em;
text-align: center;
}
/**
* Button
**/
.button-container {
display: flex;
justify-content: center;
align-items: center;
}
.button {
display: inline-block;
padding: 20px 40px;
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #000;
background-color: var(--electric);
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
border-radius: 0;
margin: 0 auto;
box-shadow: var(--box-shadow);
}
.button:hover {
background-color: var(--highlight);
text-decoration: none;
}
.button.disabled {
background-color: #cccccc;
color: #666666;
cursor: not-allowed;
pointer-events: none;
}
.buttons-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin: 20px auto;
}
/**
* Sponsor Logos
**/
.sponsor-logos {
display: flex;
flex-wrap: wrap;
gap: 4em;
list-style: none;
padding: 2em;
margin: 0;
align-items: center;
justify-content: center;
background-color: #f8f8f8;
border-radius: 8px;
}
.sponsor-logos li {
list-style: none !important;
flex: 0 0 calc(33.333% - 10em);
display: flex;
justify-content: center;
align-items: center;
}
.sponsor-logos img {
height: 60px;
}
/**
* Navigation Bar
**/
.navigationbar {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1000px;
z-index: 1000;
padding: 0;
background-color: transparent;
}
.navigationbar>div {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.navigationbar img {
height: 16px;
vertical-align: middle;
}
.navigationbar a {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #000;
background-color: var(--electric);
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
text-align: center;
margin: 0 5px;
box-shadow: var(--box-shadow);
}
.navigationbar a:hover {
transform: scale(1.1);
box-shadow: 0 0 16px rgba(var(--shadow-rgb), 0.5);
}
.navigationbar a.active {
background-color: var(--highlight);
cursor: not-allowed;
pointer-events: none;
}
#languages {
position: fixed;
top: 19px;
right: 10%;
transform: translateY(-50%);
background-color: #401E13;
padding: 10px;
padding-bottom: 3px;
z-index: 9999;
}
/**
* Animated Title
**/
.title {
font-family: "aglet-mono-variable";
text-transform: uppercase;
font-size: 6cqw;
text-align: center;
white-space: nowrap;
color: var(--light);
text-shadow: 0 0 8px rgba(var(--shadow-rgb), 1);
width: 100%;
margin-top: 410px;
margin-bottom: 1cqw;
}
.title.en {
font-size: 7cqw;
}
/* Animates the weight of each character with the offset of their index */
.title .ch {
display: inline-block;
will-change: font-variation-settings;
font-variation-settings: "wght" var(--wght-min);
animation: wghtWave var(--dur) cubic-bezier(.45, 0, .1, 1) infinite alternate;
animation-delay: calc(var(--i) * var(--step));
}
/* Fix the width of spaces */
.title .sp {
width: 1ch;
}
@keyframes wghtWave {
from {
font-variation-settings: "wght" var(--wght-min);
}
to {
font-variation-settings: "wght" var(--wght-max);
}
}
@media (prefers-reduced-motion: reduce) {
.title .ch {
animation: none;
font-variation-settings: "wght" 600;
}
}
/**
* Images Gallery
**/
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px 0;
}
.gallery img {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s, box-shadow 0.3s;
}
.gallery img:hover {
transform: scale(1.10);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
cursor: pointer;
}
.lightbox img {
max-width: 90%;
max-height: 90%;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
/**
* Floor Plan
**/
.floor-plan {
padding: 0;
overflow: hidden;
position: relative;
}
.floor-plan-image {
width: 100%;
height: 100%;
display: block;
margin: 0;
object-fit: cover;
object-position: center;
}
.location-marker {
position: absolute;
width: 40px;
height: 40px;
border: 6px solid #00ff66;
border-radius: 50%;
background: rgba(0, 255, 102, 0.6);
display: none;
z-index: 10;
animation: pulse 2s infinite;
transform: translate(-50%, -50%);
box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
}
.location-marker.active {
display: block;
}
@keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
}
50% {
transform: translate(-50%, -50%) scale(1.3);
opacity: 0.8;
box-shadow: 0 0 30px #00ff66, 0 0 60px #00ff66, 0 0 90px #00ff66;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
}
}

@ -1,602 +0,0 @@
<!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 &amp; 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&amp;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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

@ -1,86 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="1330.1px" height="195.8px" viewBox="0 0 1330.1 195.8" style="enable-background:new 0 0 1330.1 195.8;"
xml:space="preserve">
<style type="text/css">
.st0{fill:#99999A;}
.st1{fill:#2D368F;}
.st2{fill:#03A550;}
.st3{fill:#EB2227;}
.st4{fill:#231F20;}
</style>
<g>
<g>
<g>
<g>
<g>
<g>
<path class="st0" d="M225.2,195.8H29.4V0h195.8V195.8z M31.9,193.2h190.7V2.5H31.9V193.2z"/>
</g>
<g>
<path class="st1" d="M237.8,181H16.7V14.7h221.1V181z M19.3,178.5h216V17.3h-216V178.5z"/>
</g>
<g>
<path class="st2" d="M247.6,166H6.9V29.8h240.7V166z M9.5,163.5l235.6,0V32.3l-235.6,0V163.5z"/>
</g>
<g>
<path class="st3" d="M254.5,151.8H0V44h254.5V151.8z M2.5,149.2H252V46.5H2.5V149.2z"/>
</g>
<rect x="29.4" y="13.7" class="st0" width="2.5" height="6.9"/>
<rect x="16.7" y="28.6" class="st1" width="2.5" height="6.9"/>
<rect x="16.7" y="161.3" class="st1" width="2.5" height="6.9"/>
<rect x="6.9" y="41.8" class="st2" width="2.5" height="6.9"/>
<rect x="6.9" y="148.3" class="st2" width="2.5" height="6.9"/>
<rect x="222.6" y="12.6" class="st0" width="2.5" height="6.9"/>
<polygon class="st0" points="225.2,183.2 222.6,183.2 222.6,176.3 225.2,176.4 "/>
<rect x="29.4" y="176.3" class="st0" width="2.5" height="6.9"/>
<rect x="235.3" y="27.6" class="st1" width="2.5" height="6.9"/>
<rect x="235.3" y="161.3" class="st1" width="2.5" height="6.9"/>
<polygon class="st2" points="247.6,48.7 245.1,48.7 245.1,41.9 247.6,41.8 "/>
<rect x="245.1" y="147.1" class="st2" width="2.5" height="6.9"/>
</g>
</g>
</g>
</g>
</g>
<g>
<path class="st4" d="M389.4,70.2v69.2h-12.2V70.2h-18.5V58.7h49.2v11.4H389.4z"/>
<path class="st4" d="M434.5,90.3h34.8V58.7h12.2v80.7h-12.2v-37.7h-34.8v37.7h-12.2V58.7h12.2V90.3z"/>
<path class="st4" d="M542.1,70.2h-32.3v19.4h31.4V101h-31.4v27h32.3v11.4h-44.5V58.7h44.5V70.2z"/>
<path class="st4" d="M630.4,97.4h33.3v2.7c0,6.1-0.7,11.4-2.1,16.1c-1.4,4.3-3.7,8.4-7.1,12.1c-7.5,8.4-17,12.6-28.6,12.6
c-11.3,0-21-4.1-29-12.2c-8-8.2-12.1-18-12.1-29.5c0-11.7,4.1-21.6,12.3-29.8c8.2-8.2,18.1-12.3,29.9-12.3c6.3,0,12.2,1.3,17.7,3.9
c5.2,2.6,10.4,6.8,15.4,12.5l-8.7,8.3c-6.6-8.8-14.7-13.2-24.2-13.2c-8.5,0-15.7,2.9-21.5,8.8c-5.8,5.8-8.7,13-8.7,21.7
c0,9,3.2,16.4,9.7,22.2c6,5.4,12.6,8.1,19.6,8.1c6,0,11.4-2,16.1-6.1c4.8-4.1,7.4-9,8-14.6h-20.1V97.4z"/>
<path class="st4" d="M694.5,58.7V128h23.7v11.4h-35.9V58.7H694.5z"/>
<path class="st4" d="M789.1,119.8h-34.5l-9,19.6h-13.1l39.9-85.7l38.5,85.7h-13.3L789.1,119.8z M784.1,108.4l-12-27.4l-12.5,27.4
H784.1z"/>
<path class="st4" d="M869.8,70.7l-9.9,5.9c-1.8-3.2-3.6-5.3-5.3-6.3c-1.7-1.1-4-1.7-6.7-1.7c-3.4,0-6.2,1-8.4,2.9
c-2.2,1.9-3.3,4.2-3.3,7.1c0,3.9,2.9,7.1,8.8,9.5l8,3.3c6.5,2.6,11.3,5.9,14.4,9.7c3,3.8,4.5,8.5,4.5,14c0,7.4-2.5,13.5-7.4,18.4
c-5,4.9-11.2,7.3-18.5,7.3c-7,0-12.8-2.1-17.3-6.2c-4.5-4.1-7.3-10-8.4-17.5l12.3-2.7c0.6,4.7,1.5,8,2.9,9.8
c2.5,3.5,6.2,5.2,11,5.2c3.8,0,6.9-1.3,9.5-3.8c2.5-2.5,3.8-5.8,3.8-9.7c0-1.6-0.2-3-0.7-4.3c-0.4-1.3-1.1-2.5-2-3.6
c-0.9-1.1-2.1-2.1-3.6-3.1c-1.5-1-3.2-1.9-5.2-2.7l-7.8-3.2c-11-4.7-16.6-11.5-16.6-20.5c0-6.1,2.3-11.1,6.9-15.2
c4.6-4.1,10.4-6.2,17.3-6.2C857.3,57.2,864.6,61.7,869.8,70.7z"/>
<path class="st4" d="M935.4,70.7l-9.9,5.9c-1.8-3.2-3.6-5.3-5.3-6.3c-1.7-1.1-4-1.7-6.7-1.7c-3.4,0-6.2,1-8.4,2.9
c-2.2,1.9-3.3,4.2-3.3,7.1c0,3.9,2.9,7.1,8.8,9.5l8,3.3c6.5,2.6,11.3,5.9,14.4,9.7c3,3.8,4.5,8.5,4.5,14c0,7.4-2.5,13.5-7.4,18.4
c-5,4.9-11.2,7.3-18.5,7.3c-7,0-12.8-2.1-17.3-6.2c-4.5-4.1-7.3-10-8.4-17.5l12.3-2.7c0.6,4.7,1.5,8,2.9,9.8
c2.5,3.5,6.2,5.2,11,5.2c3.8,0,6.9-1.3,9.5-3.8c2.5-2.5,3.8-5.8,3.8-9.7c0-1.6-0.2-3-0.7-4.3c-0.4-1.3-1.1-2.5-2-3.6
c-0.9-1.1-2.1-2.1-3.6-3.1c-1.5-1-3.2-1.9-5.2-2.7l-7.8-3.2c-11-4.7-16.6-11.5-16.6-20.5c0-6.1,2.3-11.1,6.9-15.2
c4.6-4.1,10.4-6.2,17.3-6.2C922.9,57.2,930.1,61.7,935.4,70.7z"/>
<path class="st4" d="M1012.5,105l25,34.4h-14.9l-23-33h-2.2v33h-12.2V58.7h14.3c10.7,0,18.4,2,23.1,6c5.2,4.5,7.8,10.3,7.8,17.7
c0,5.7-1.6,10.6-4.9,14.7C1022.2,101.2,1017.9,103.9,1012.5,105z M997.3,95.8h3.9c11.5,0,17.3-4.4,17.3-13.2
c0-8.3-5.6-12.4-16.8-12.4h-4.3V95.8z"/>
<path class="st4" d="M1047,98.7c0-11.4,4.2-21.1,12.5-29.3c8.3-8.2,18.3-12.2,29.9-12.2c11.5,0,21.4,4.1,29.6,12.3
c8.3,8.2,12.4,18.1,12.4,29.6c0,11.6-4.1,21.4-12.4,29.5c-8.3,8.1-18.4,12.2-30.1,12.2c-10.4,0-19.8-3.6-28.1-10.8
C1051.5,122.1,1047,111.6,1047,98.7z M1059.2,98.9c0,8.9,3,16.2,9,22c6,5.7,12.8,8.6,20.6,8.6c8.5,0,15.6-2.9,21.4-8.8
c5.8-5.9,8.7-13.1,8.7-21.6c0-8.6-2.9-15.8-8.6-21.6c-5.7-5.9-12.8-8.8-21.2-8.8c-8.4,0-15.5,2.9-21.3,8.8
C1062.1,83.2,1059.2,90.4,1059.2,98.9z"/>
<path class="st4" d="M1145.8,98.7c0-11.4,4.2-21.1,12.5-29.3c8.3-8.2,18.3-12.2,29.9-12.2c11.5,0,21.4,4.1,29.6,12.3
c8.3,8.2,12.4,18.1,12.4,29.6c0,11.6-4.1,21.4-12.4,29.5c-8.3,8.1-18.4,12.2-30.1,12.2c-10.4,0-19.8-3.6-28.1-10.8
C1150.3,122.1,1145.8,111.6,1145.8,98.7z M1158.1,98.9c0,8.9,3,16.2,9,22c6,5.7,12.8,8.6,20.6,8.6c8.5,0,15.6-2.9,21.4-8.8
c5.8-5.9,8.7-13.1,8.7-21.6c0-8.6-2.9-15.8-8.6-21.6c-5.7-5.9-12.8-8.8-21.2-8.8c-8.4,0-15.5,2.9-21.3,8.8
C1160.9,83.2,1158.1,90.4,1158.1,98.9z"/>
<path class="st4" d="M1241.5,139.4l17-86.7l27.7,62.7l28.7-62.7l15.3,86.7h-12.5l-7.8-48.7l-23.9,52.4l-23.2-52.5l-8.7,48.7H1241.5
z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save