Compare commits

..

1 Commits

Author SHA1 Message Date
Pascal a0450409b6 eleventy init for tdf website 7 months ago
  1. 63
      .eleventy.js
  2. 3
      .gitignore
  3. 2
      .prettierignore
  4. 14
      .prettierrc
  5. 21
      LICENSE
  6. 16
      README.md
  7. 21
      THIRD_PARTY_LICENSES.md
  8. 44
      css/styles-4.7.css
  9. 83
      en/imprint.html
  10. 228
      en/index.html
  11. 158
      en/join.html
  12. 145
      en/recap.html
  13. 139
      en/venue.html
  14. BIN
      font/aglet-mono-variable.woff2
  15. BIN
      font/fa-solid-900.woff2
  16. BIN
      font/p22-cusp-square.woff2
  17. BIN
      image/Banner_Westspitze.png
  18. 0
      image/CCTLogo.webp
  19. 0
      image/Etagen_2. OG.png
  20. 0
      image/Etagen_6. OG.png
  21. 0
      image/Etagen_7. OG.png
  22. 0
      image/Etagen_EG.png
  23. 0
      image/assemblies.png
  24. 0
      image/banner-1.png
  25. 0
      image/banner-2.png
  26. 0
      image/banner-3.3.png
  27. 0
      image/banner-3_en.png
  28. 278
      image/floorplan_E6.svg
  29. 148
      image/floorplan_E7.svg
  30. 424
      image/floorplan_EG.svg
  31. BIN
      image/head-web.webp
  32. 0
      image/infodesk.png
  33. 0
      image/kims_logo.png
  34. 0
      image/logo-active-group.png
  35. 0
      image/logo-daasi.png
  36. 0
      image/logo-itdesign.png
  37. 0
      image/logo-puzzle.png
  38. 0
      image/logo-syss.png
  39. 0
      image/map.png
  40. BIN
      image/map.webp
  41. 0
      image/neon-scene.png
  42. 0
      image/network.png
  43. 0
      image/no_budget_logo.svg
  44. 0
      image/participate.png
  45. 0
      image/pesthoenchen.png
  46. BIN
      image/poster.png
  47. 0
      image/shedhalle_logo.png
  48. 0
      image/sponsor.png
  49. 0
      image/tdf-web-wide.png
  50. BIN
      image/tdf4_00001.JPG
  51. BIN
      image/tdf4_00002.JPG
  52. BIN
      image/tdf4_00003.JPG
  53. BIN
      image/tdf4_00004.JPG
  54. BIN
      image/tdf4_00005.JPG
  55. BIN
      image/tdf4_00006.JPG
  56. BIN
      image/tdf4_00007.JPG
  57. BIN
      image/tdf4_00008.JPG
  58. BIN
      image/tdf4_00009.JPG
  59. BIN
      image/tdf4_00010.JPG
  60. BIN
      image/tdf4_00011.JPG
  61. BIN
      image/tdf4_00012.JPG
  62. 0
      image/tuebingen_logo.png
  63. 0
      image/westspitze.png
  64. 86
      imprint.html
  65. 234
      index.html
  66. 164
      join.html
  67. BIN
      logo/logo-coworkgroupde.jpg
  68. BIN
      logo/logo-daasi.png
  69. BIN
      logo/logo-eszet.png
  70. BIN
      logo/logo-puzzle.png
  71. BIN
      logo/logo-sodge.png
  72. 4
      netlify.toml
  73. 1877
      package-lock.json
  74. 33
      package.json
  75. 0
      public/style/bg.png
  76. 0
      public/style/logo.png
  77. 0
      public/style/reset.css
  78. 0
      public/style/style.css
  79. 0
      public/style/ufo.png
  80. 0
      public/tdf1/index.html
  81. 0
      public/tdf1/index_files/11317(1).png
  82. 0
      public/tdf1/index_files/11317(2).png
  83. 0
      public/tdf1/index_files/11317(3).png
  84. 0
      public/tdf1/index_files/11317(4).png
  85. 0
      public/tdf1/index_files/11317(5).png
  86. 0
      public/tdf1/index_files/11317.png
  87. 0
      public/tdf1/index_files/11318(1).png
  88. 0
      public/tdf1/index_files/11318(2).png
  89. 0
      public/tdf1/index_files/11318(3).png
  90. 0
      public/tdf1/index_files/11318(4).png
  91. 0
      public/tdf1/index_files/11318(5).png
  92. 0
      public/tdf1/index_files/11318.png
  93. 0
      public/tdf1/index_files/11319(1).png
  94. 0
      public/tdf1/index_files/11319(2).png
  95. 0
      public/tdf1/index_files/11319(3).png
  96. 0
      public/tdf1/index_files/11319(4).png
  97. 0
      public/tdf1/index_files/11319(5).png
  98. 0
      public/tdf1/index_files/11319.png
  99. 0
      public/tdf1/index_files/BMBF_de.png
  100. 0
      public/tdf1/index_files/CCTLogo.webp
  101. Some files were not shown because too many files have changed in this diff Show More

@ -0,0 +1,63 @@
const i18n = require('eleventy-plugin-i18n');
const translations = require('./src/_data/i18n');
module.exports = function (eleventyConfig) {
// Plugins
eleventyConfig.addPlugin(i18n, {
defaultLanguage: 'de',
localesDirectory: 'src',
// optional: customize the URL structure
urlPrefix: locale => (locale === 'de' ? '' : `/${locale}`),
translations,
fallbackLocales: {
'*': 'de'
}
});
// TEMP demo of what could be an i18n-aware plural package?
eleventyConfig.addFilter('pluralize', function (term, count = 1) {
// Poorman's pluralize for now...
return count === 1 ? term : `${term}s`;
});
eleventyConfig.addFilter('localizedPermalink', (slug, locale) => {
const newPath = locale === 'de' ? `${slug.slice(3)}.html` : `${slug}.html`;
return `${newPath}`;
});
// these folders will be copied into webroot
// e.g. /image => /_site/image
eleventyConfig.addPassthroughCopy('image');
eleventyConfig.addPassthroughCopy('css');
eleventyConfig.addPassthroughCopy('font');
// contents of public folder will be copied into webroot
// e.g. /public/something.html => /_site/something.html
eleventyConfig.addPassthroughCopy({ "public": "." });
// Browsersync
// Redirect from root to default language root during --serve
// Can also be handled by netlify.toml?
eleventyConfig.setBrowserSyncConfig({
callbacks: {
ready: function (err, bs) {
bs.addMiddleware('*', (req, res) => {
if (req.url === '/') {
res.writeHead(302, {
location: '/en/'
});
res.end();
}
});
}
}
});
// Configuration
return {
dir: {
input: 'src'
},
markdownTemplateEngine: 'njk'
};
};

3
.gitignore vendored

@ -22,6 +22,9 @@ Icon
.Trashes
.VolumeIcon.icns
.com.apple.timemachine.donotpresent
.netlify
_site
node_modules
# Directories potentially created on remote AFP share
.AppleDB

@ -0,0 +1,2 @@
node_modules
_site

@ -0,0 +1,14 @@
{
"singleQuote": true,
"trailingComma": "none",
"arrowParens": "avoid",
"overrides": [
{
"files": "*.css",
"options": {
"printWidth": 140,
"singleQuote": false
}
}
]
}

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2025 Chaostreff Tübingen e. V.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

@ -0,0 +1,16 @@
# TDF Eleventy
Based on the demo site [`eleventy-plugin-i18n-demo`](https://github.com/adamduncan/eleventy-plugin-i18n-demo).
# Setup
Install
`npm install`
Run local webserver
`npx @11ty/eleventy --serve`
Note:
the index.js containing translations won't automatically be updated, you may need to restart the webserver for it to reflect the changes

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2020 Adam Duncan
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

@ -489,46 +489,4 @@ h3,
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */
}
.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);
}.fas { font-family: "Font Awesome 6 Free"}@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(font/fa-solid-900.woff2) format("woff2")}
/* Kein Hover-Effekt für inaktive Buttons - deaktiviert durch pointer-events: none */

@ -1,83 +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.5.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html" class="active">Home</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span
class="ch" style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch"
style="--i:3">I</span><span class="ch" style="--i:4">T</span><span class="ch"
style="--i:5">A</span><span class="ch" style="--i:6">L</span><span class="ch sp"
style="--i:7"> </span><span class="ch" style="--i:8">F</span><span class="ch"
style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch"
style="--i:13">O</span><span class="ch" style="--i:14">M</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">D</span><span class="ch"
style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span class="ch"
style="--i:19">S</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,228 +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.5.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html" class="active">Home</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">I</span><span
class="ch" style="--i:4">T</span><span class="ch" style="--i:5">A</span><span class="ch"
style="--i:6">L</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">F</span><span
class="ch" style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch" style="--i:13">O</span><span
class="ch" style="--i:14">M</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">D</span><span class="ch" style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span
class="ch" style="--i:19">S</span>
</h1>
<!-- Box Event -->
<div class="box">
<h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2>
<p>The fifth Tübingen Digital Freedom Days (#TDF5) stand under the motto "Freiräume verschlüsseln" (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>
<!-- Schedule -->
<div class="box" id="times">
<h2>Schedule</h2>
<div class="times-days">
<div>
<h3>Thursday</h3>
<ul>
<li>12:00 Setup</li>
</ul>
</div>
<div>
<h3>Friday</h3>
<ul>
<li>13:00 Doors open</li>
<li>15:00 Opening</li>
<li>19:30 Dinner</li>
</ul>
</div>
<div>
<h3>Saturday</h3>
<ul>
<li>09:00 Doors open</li>
<li>11:00 First Talk</li>
<li>18:30 Dinner</li>
</ul>
</div>
<div>
<h3>Sunday</h3>
<ul>
<li>09:00 Doors open</li>
<li>11:00 First Talk</li>
<li>16:30 Closing</li>
</ul>
</div>
</div>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- Connect -->
<div class="box" id="connect">
<h2>Connect</h2>
<p>Here's how to get in touch:</p>
<ul>
<li>Mastodon (us to you): <a href="https://chaos.social/@ctt" target="_blank"
rel="noopener noreferrer">@ctt@chaos.social</a></li>
<li>Matrix (you to each other): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank"
rel="noopener noreferrer">#ctttdf:matrix.org</a></li>
<li>Email (you to us): <a href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
</ul>
</div>
<!-- Kids-Space -->
<div class="box" id="kids-space">
<h2><em>NEW</em> Kids-Space</h2>
<p>At TDF5, there will be a Kids-Space. Children between 5 and 10 years old can play and craft together.
Opening hours will be announced in the schedule. A supervisor will be present during these times.</p>
</div>
<!-- Program -->
<div class="box" id="program">
<p>The TDF offers over 50 talks and workshops from various topic areas. Some content is in English.</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5/schedule" class="button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
</div>
</div>
<!-- Hackertours -->
<div class="box" id="program">
<p>For the first time, we are offering excursions as so-called Hackertours. These include a guided tour through the Landestheater Tübingen and a punting tours.</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></a>
</div>
</div>
<!-- Join -->
<div class="box" id="join">
<p>The Digital Freedom Days 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 – on the ground
floor, floors 6 and 7, and in the FabLab Neckar-Alb.</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" target="_blank"
rel="noopener noreferrer">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 Digital Freedom Days 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" target="_blank" rel="noopener noreferrer">Chaostreff</a>
</div>
</div>
</div>
<!-- Sponsor -->
<div class="box" id="sponsor">
<h3>Our Supporters</h3>
<div class="sponsor-logos">
<a href="https://active-group.de" target="_blank" rel="noopener noreferrer"><img
src="../logo/logo-active-group.png" alt="Active Group"></a>
<a href="https://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img
src="../logo/logo-coworkgroupde.jpg" alt="Cowork Group"></a>
<a href="https://daasi.de" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-daasi.png"
alt="DAASI International"></a>
<a href="https://eszet.com" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-eszet.png"
alt="eszet"></a>
<a href="https://itdesign.de" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-itdesign.png"
alt="itdesign"></a>
<a href="https://puzzle-itc.de" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-puzzle.png"
alt="Puzzle ITC"></a>
<a href="https://sodgeit.de" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-sodge.png"
alt="SODGE"></a>
<a href="https://syss.de" target="_blank" rel="noopener noreferrer"><img src="../logo/logo-syss.png"
alt="SySS"></a>
</div>
<p>Would you like to support TDF financially or in other ways, or know someone who might?
Write to us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</body>
</html>

@ -1,158 +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.5.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">I</span><span
class="ch" style="--i:4">T</span><span class="ch" style="--i:5">A</span><span class="ch"
style="--i:6">L</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">F</span><span
class="ch" style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch" style="--i:13">O</span><span
class="ch" style="--i:14">M</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">D</span><span class="ch" style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span
class="ch" style="--i:19">S</span>
</h1>
<!-- Das Event -->
<div class="box">
<h2>The Event</h2>
<p>The Digital Freedom Days 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 Digital Freedom Days 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>Talks and Workshops</h2>
<p>The Call for Participation is closed. If you still have suggestions or questions about talks or workshops,
feel free to reach us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.
</p>
<p>The schedule that has already been set can be found at <a href="https://cfp.cttue.de/tdf5/schedule"
target="_blank" rel="noopener noreferrer">cfp.cttue.de/tdf5/schedule</a>.
</p>
</div>
<!-- Call for Arts -->
<div class="box">
<h2>Performances and Installations</h2>
<p>The Call for Arts is closed. If you still have suggestions or questions about performances or installations,
feel free to reach us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</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:tdf@cttue.de">tdf@cttue.de</a>.</p>
</div>
<!-- Elfen -->
<div class="box">
<h2>Elves</h2>
<p>Beyond the content, the event also thrives on the help of kind and helpful elves. 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 Elfenhain.</p>
<p>The elf system can be found at <a href="https://elfen.cttue.de" target="_blank"
rel="noopener noreferrer">elfen.cttue.de</a>. There you can register as
an elf 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>Elf catering</li>
</ul>
<h3>Teardown</h3>
<ul>
<li>Transportation services</li>
<li>Furniture arrangement</li>
<li>Cleaning</li>
</ul>
</div>
</div>
</div>
<!-- Übernachten -->
<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>
</div>
</body>
</html>

@ -1,145 +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.5.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">I</span><span
class="ch" style="--i:4">T</span><span class="ch" style="--i:5">A</span><span class="ch"
style="--i:6">L</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">F</span><span
class="ch" style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch" style="--i:13">O</span><span
class="ch" style="--i:14">M</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">D</span><span class="ch" style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span
class="ch" style="--i:19">S</span>
</h1>
<div class="box">
<h2>Previous Events</h2>
<p>The Digital Freedom Days 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 Digital Freedom Days 2025</h2>
<p>On July 26/27, 2025, the 4th Digital Freedom Days 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>.
</p>
<div class="button-container">
<a href="https://media.ccc.de/c/tdf2025" class="button" target="_blank" rel="noopener noreferrer">To the
videos…</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</body>
</html>

@ -1,139 +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.5.css">
<script src="../venue.js"></script>
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Program <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span class="ch"
style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">I</span><span
class="ch" style="--i:4">T</span><span class="ch" style="--i:5">A</span><span class="ch"
style="--i:6">L</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">F</span><span
class="ch" style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch" style="--i:13">O</span><span
class="ch" style="--i:14">M</span><span class="ch sp" style="--i:15"> </span><span class="ch"
style="--i:16">D</span><span class="ch" style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span
class="ch" style="--i:19">S</span>
</h1>
<!-- Box Venue -->
<div class="box" id="location">
<h2>Location</h2>
<p>The Digital Freedom Days 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 ground floor, floors 6 and 7, and in the FabLab Neckar-Alb around the corner.</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>
<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">Bar</a></li>
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cash</a></li>
<li><a href="#floor-eg" class="location-link" data-target="chaospost">Chaospost</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="elfenhain">Elfenhain</a></li>
<li><a href="#floor-eg" class="location-link" data-target="ewiges-fruehstueck">Eternal Breakfast</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#floor-eg" class="location-link" data-target="hackcenter">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="kids-space">Kids Space</a></li>
<li><a href="#floor-eg" class="location-link" data-target="vortraege-1">Lectures in BOOL</a></li>
<li><a href="#floor-6" class="location-link" data-target="vortraege-2">Lectures in ENUM</a></li>
<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#floor-eg" class="location-link" data-target="spuelkueche">Scullery</a></li>
<li><a href="#floor-eg" class="location-link" data-target="siggi-11">Siggi 11</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-eg" class="location-link" data-target="workshops">Workshops</a></li>
</ul>
</div>
</div>
</div>
<div class="box floor-plan" id="floor-eg">
<img src="../image/floorplan_EG.svg" alt="Ground floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="bar" style="top: 40%; left: 34%;"></div>
<div class="location-marker" data-location="chaospost" style="top: 34%; left: 28%;"></div>
<div class="location-marker" data-location="infodesk" style="top: 30%; left: 35%;"></div>
<div class="location-marker" data-location="kasse" style="top: 34%; left: 28%;"></div>
<div class="location-marker" data-location="ewiges-fruehstueck" style="top: 34%; left: 28%;"></div>
<div class="location-marker" data-location="siggi-11" style="top: 34%; left: 28%;"></div>
<div class="location-marker" data-location="hackcenter" style="top: 27%; left: 52%;"></div>
<div class="location-marker" data-location="vortraege-1" style="top: 19%; left: 72%;"></div>
<div class="location-marker" data-location="elfenhain" style="top: 27%; left: 88%;"></div>
<div class="location-marker" data-location="spuelkueche" style="top: 44%; left: 58%;"></div>
<div class="location-marker" data-location="workshops" style="top: 89%; left: 19%;"></div>
</div>
<div class="box floor-plan" id="floor-6">
<img src="../image/floorplan_E6.svg" alt="6th floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="vortraege-2" style="top: 78%; left: 23%;"></div>
<div class="location-marker" data-location="kids-space" style="top: 88%; left: 44%;"></div>
<div class="location-marker" data-location="projekte" style="top: 84%; left: 77%;"></div>
<div class="location-marker" data-location="kaffee" style="top: 57%; left: 85%;"></div>
<div class="location-marker" data-location="waffeln" style="top: 49%; left: 84%;"></div>
</div>
<div class="box floor-plan" id="floor-7">
<img src="../image/floorplan_E7.svg" alt="7th floor plan" class="floor-plan-image" />
<div class="location-marker" data-location="skybar" style="top: 78%; left: 48%;"></div>
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 58 KiB

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before

Width:  |  Height:  |  Size: 424 KiB

After

Width:  |  Height:  |  Size: 424 KiB

Before

Width:  |  Height:  |  Size: 165 KiB

After

Width:  |  Height:  |  Size: 165 KiB

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 92 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 74 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 327 KiB

Before

Width:  |  Height:  |  Size: 7.1 MiB

After

Width:  |  Height:  |  Size: 7.1 MiB

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before

Width:  |  Height:  |  Size: 430 KiB

After

Width:  |  Height:  |  Size: 430 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Before

Width:  |  Height:  |  Size: 980 KiB

After

Width:  |  Height:  |  Size: 980 KiB

Before

Width:  |  Height:  |  Size: 953 KiB

After

Width:  |  Height:  |  Size: 953 KiB

Before

Width:  |  Height:  |  Size: 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: 1.1 MiB

After

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

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

@ -1,86 +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.5.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" class="active">Hauptseite</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Programm <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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,234 +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.5.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" class="active">Hauptseite</a>
<a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Programm <span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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">
<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 bieten die 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 class="big">All Creatures Welcome!</p>
</div>
<!-- Schedule -->
<div class="box" id="times">
<h2>Zeitplan</h2>
<div class="times-days">
<div>
<h3>Donnerstag</h3>
<ul>
<li>12:00 Aufbau</li>
</ul>
</div>
<div>
<h3>Freitag</h3>
<ul>
<li>13:00 Einlass</li>
<li>15:00 Opening</li>
<li>19:30 Essen</li>
</ul>
</div>
<div>
<h3>Samstag</h3>
<ul>
<li>09:00 Einlass</li>
<li>11:00 Erster Talk</li>
<li>18:30 Essen</li>
</ul>
</div>
<div>
<h3>Sonntag</h3>
<ul>
<li>09:00 Einlass</li>
<li>11:00 Erster Talk</li>
<li>16:30 Closing</li>
</ul>
</div>
</div>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- Connect -->
<div class="box" id="connect">
<h2>Connect</h2>
<p>Hier kannst du Kontakt treten:</p>
<ul>
<li>Mastodon (wir an euch): <a href="https://chaos.social/@ctt" target="_blank"
rel="noopener noreferrer">@ctt@chaos.social</a></li>
<li>Matrix (ihr an euch): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank"
rel="noopener noreferrer">#ctttdf:matrix.org</a></li>
<li>Email (ihr an uns): <a href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
</ul>
</div>
<!-- Kids-Space -->
<div class="box" id="kids-space">
<h2><em>NEU</em> Kids-Space</h2>
<p>Auf den fünften TDF gibt es einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren gemeinsam spielen
und basteln. Die Öffnungszeiten werden im Fahrplan bekannt gegeben. Es wird in dieser Zeit eine
Aufsichtsperson anwesend sein.</p>
</div>
<!-- Program -->
<div class="box" id="program">
<p>Die TDF bieten über 50 Vorträge und Workshops aus verschiedenen Themenbereichen. Die Inhalte sind teilweise
in englischer Sprache.</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5/schedule" class="button" target="_blank"
rel="noopener noreferrer">Programm <span class="fas">&#xf35d;</span></a>
</div>
</div>
<!-- Hackertours -->
<div class="box" id="program">
<p>Erstmals bieten wir Ausflüge im Rahmen sog. Hackertours an. Es finden eine Führung durch das Landestheater Tübingen (LTT) sowie zwei Stocherkahntouren statt.</p>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></a>
</div>
</div>
<!-- Join -->
<div class="box" id="join">
<p>Die Tage der digitalen Freiheit werden 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 –
im Erdgeschoss, den Etagen 6 und 7 sowie im FabLab Neckar-Alb.</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 zu den 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" target="_blank"
rel="noopener noreferrer">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" target="_blank" rel="noopener noreferrer">Chaostreff</a>
</div>
</div>
</div> <!-- End of two columns boxes -->
<!-- Sponsor -->
<div class="box" id="sponsor">
<h3>Unsere Unterstützer</h3>
<div class="sponsor-logos">
<a href="https://active-group.de" target="_blank" rel="noopener noreferrer"><img
src="logo/logo-active-group.png" alt="Active Group"></a>
<a href="https://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img
src="logo/logo-coworkgroupde.jpg" alt="Cowork Group"></a>
<a href="https://daasi.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-daasi.png"
alt="DAASI International"></a>
<a href="https://eszet.com" target="_blank" rel="noopener noreferrer"><img src="logo/logo-eszet.png"
alt="eszet"></a>
<a href="https://itdesign.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-itdesign.png"
alt="itdesign"></a>
<a href="https://puzzle-itc.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-puzzle.png"
alt="Puzzle ITC"></a>
<a href="https://sodgeit.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-sodge.png"
alt="SODGE"></a>
<a href="https://syss.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-syss.png"
alt="SySS"></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>
</body>
</html>

@ -1,164 +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.5.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="https://cfp.cttue.de/tdf5/schedule" class="nav-button" target="_blank"
rel="noopener noreferrer">Programm
<span class="fas">&#xf35d;</span></a>
<a href="https://elfen.cttue.de" class="nav-button" target="_blank"
rel="noopener noreferrer">Elfensystem <span class="fas">&#xf35d;</span></a>
<a href="https://pretix.cttue.de/cttue/tdf5-hackertours/" class="nav-button" target="_blank"
rel="noopener noreferrer">Hackertours <span class="fas">&#xf35d;</span></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>
<!-- Vorträge und Workshops -->
<div class="box">
<h2>Vorträge und Workshops</h2>
<p>Der Call for Participation ist beendet. Wenn du noch Vorschläge oder Fragen zu Vorträge oder Workshops hast,
kannst du dich gerne unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> an uns wenden.
</p>
<p>Das schon feststehende Programm findest du unter <a href="https://cfp.cttue.de/tdf5/schedule" target="_blank"
rel="noopener noreferrer">cfp.cttue.de/tdf5/schedule</a>.
</p>
</div>
<!-- Call for Arts -->
<div class="box">
<h2>Performances und Installationen</h2>
<p>Der Call for Arts ist beendet. Wenn du noch Vorschläge oder Fragen zu Performances oder Installationen hast,
kannst du dich gerne unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> an uns wenden.
</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:tdf@cttue.de">tdf@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" target="_blank"
rel="noopener noreferrer">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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

@ -0,0 +1,4 @@
[[redirects]]
from = "/"
to = "/en"
status = 301

1877
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -0,0 +1,33 @@
{
"name": "eleventy-plugin-i18n-demo",
"version": "0.1.0",
"description": "Demo site for eleventy-plugin-i18n",
"main": "index.js",
"scripts": {
"start": "npm run serve",
"serve": "cross-env ELEVENTY_ENV=development npx eleventy --serve",
"build": "cross-env ELEVENTY_ENV=production npx eleventy",
"debug": "cross-env DEBUG=* npx eleventy"
},
"keywords": [],
"repository": {
"type": "git",
"url": "git+https://github.com/adamduncan/eleventy-plugin-i18n-demo.git"
},
"author": "Adam Duncan <mail@adamduncandesigns.com> (https://adamduncandesigns.com)",
"bugs": {
"url": "https://github.com/adamduncan/eleventy-plugin-i18n-demo/issues"
},
"homepage": "https://github.com/adamduncan/eleventy-plugin-i18n-demo#readme",
"license": "MIT",
"devDependencies": {
"@11ty/eleventy": "^3.1.2",
"cross-env": "^7.0.2",
"lodash.get": "^4.4.2",
"prettier": "^2.0.5",
"templite": "^1.1.0"
},
"dependencies": {
"eleventy-plugin-i18n": "^0.1.3"
}
}

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 972 KiB

Before

Width:  |  Height:  |  Size: 469 KiB

After

Width:  |  Height:  |  Size: 469 KiB

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 73 KiB

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

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

Loading…
Cancel
Save