@ -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' |
||||
}; |
||||
}; |
||||
@ -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. |
||||
@ -1,55 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="../image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="../imprint.html"><img src="../image/de.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Legal Notice</h2> |
||||
<p> |
||||
<strong>Address</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Online: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Contact</strong> |
||||
</p> |
||||
<p> |
||||
For general inquiries, we recommend sending an email to mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. is registered in the association register of the Stuttgart District Court under |
||||
association number VR 726042. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,222 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübingen Days of Digital Freedom</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="../index.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
<div class="box" id="event"> |
||||
<h2>July 26/27, 2025</h2> |
||||
<p>The Tübingen Days of Digital Freedom are an open Chaos community event. The event is not only aimed |
||||
at |
||||
nerds, but also at everyone interested in a life of freedom and |
||||
self-determination. To this end, we want to give you the tools for self-empowerment in the form of |
||||
workshops and presentations. But you are also welcome to come just to hang-out, have conversations |
||||
with others, and take a look at the blinky things. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="../tdf3/en/recap.html" class="button">Recap of the TDF 2024</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Schedule</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Saturday, July 26, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry for Assembly Area</li> |
||||
<li><b>11:00:</b> Entry for everyone</li> |
||||
<li><b>12:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>13:00:</b> Opening</li> |
||||
<li><b>14:00 – 23:00:</b> Program</li> |
||||
<li><b>23:00 – 9:00:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sunday, July 27, 2025</h3> |
||||
<ul> |
||||
<li><b>09:00:</b> Entry and breakfast</li> |
||||
<li><b>10:00:</b> Introduction Herald and TV Elves</li> |
||||
<li><b>11:00 – 17:00:</b> Program</li> |
||||
<li><b>from 17:00:</b> Dismantling</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Program</h2> |
||||
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||
<p>You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Creativity & Beauty</li> |
||||
<li>Ethics, Politics & Society</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitality & Competence</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Diversity & Mindfulness</li> |
||||
<li>Sustainability & Climate</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Networking & Actions</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="button">Schedule</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>The Day of Digital Freedom is made possible through your participation. There are many ways you can |
||||
contribute to the success of the event. On the following page, you can learn more about it:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elf System</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Register</h2> |
||||
<p>You can register for the Tübingen Days of Digital Freedom to help us with planning and to stay up to |
||||
date. Registration is voluntary and free of charge. However, you can make a donation to support the |
||||
event.</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Register</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Location</h2> |
||||
<p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p> |
||||
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> |
||||
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train |
||||
station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p> |
||||
<p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Site Plan</a> |
||||
</div> |
||||
<iframe id="map" width="800" height="500" |
||||
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||
style="border: 1px solid black"></iframe><br /><small><a |
||||
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">View |
||||
Larger Map</a></small> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Organizers</h2> |
||||
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT). |
||||
The |
||||
ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V. |
||||
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and |
||||
social |
||||
issues.</p> |
||||
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Supporters</h2> |
||||
<p /> |
||||
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This |
||||
makes the offer freely accessible to the public.</p> |
||||
<p>In order to make this possible, sponsors have supported us in the past years. This year we are also |
||||
looking forward to work with supporters to make this event possible. |
||||
</p> |
||||
<h3>Our Supporters</h3> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="../image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be |
||||
suitable for this? Write to us at |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Previous Events</h2> |
||||
<p>The Day of Digital Freedom has been held annually since 2022. Here are the pages |
||||
for the previous events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023 (german)</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/en" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,153 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="../styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübingen Days of Digital Freedom - Site Plan</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button">Home</a> |
||||
<a href="participate.html" class="nav-button">Participate</a> |
||||
<a href="site-plan.html" class="nav-button inactive">Site Plan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="../site-plan.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3_en.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="site-plan-intro"> |
||||
<h2>Where is what?</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;"> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-2" class="location-link" data-target="back-office">Back Office</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar in Foyer</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="kaffee">Coffee</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elf Grove</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="foyer">Foyer</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="hackspace">Hackspace</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="infodesk">Info Desk</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li> |
||||
<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Stage 1</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="buehne-2">Stage 2</a></li> |
||||
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffles</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li> |
||||
<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-eg"> |
||||
<img src="../image/Etagen_EG.png" alt="Floor plan ground floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div> |
||||
<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div> |
||||
<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div> |
||||
<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div> |
||||
<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div> |
||||
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-2"> |
||||
<img src="../image/Etagen_2. OG.png" alt="Floor plan 2nd floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div> |
||||
<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div> |
||||
<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div> |
||||
<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-6"> |
||||
<img src="../image/Etagen_6. OG.png" alt="Floor plan 6th floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div> |
||||
<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div> |
||||
<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div> |
||||
<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div> |
||||
</div> |
||||
|
||||
<div class="box floor-plan" id="floor-7"> |
||||
<img src="../image/Etagen_7. OG.png" alt="Floor plan 7th floor" class="floor-plan-image" /> |
||||
<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Legal Notice</a> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
document.addEventListener('DOMContentLoaded', function() { |
||||
const locationLinks = document.querySelectorAll('.location-link'); |
||||
const markers = document.querySelectorAll('.location-marker'); |
||||
|
||||
locationLinks.forEach(link => { |
||||
link.addEventListener('click', function(e) { |
||||
e.preventDefault(); |
||||
|
||||
// Alle Marker ausblenden |
||||
markers.forEach(marker => { |
||||
marker.classList.remove('active'); |
||||
}); |
||||
|
||||
// Ziel-Location finden und Marker anzeigen |
||||
const targetLocation = this.getAttribute('data-target'); |
||||
const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`); |
||||
|
||||
if (targetMarker) { |
||||
targetMarker.classList.add('active'); |
||||
|
||||
// Zur entsprechenden Etage scrollen |
||||
const targetFloor = this.getAttribute('href'); |
||||
const targetElement = document.querySelector(targetFloor); |
||||
if (targetElement) { |
||||
targetElement.scrollIntoView({ behavior: 'smooth' }); |
||||
} |
||||
|
||||
// Marker nach 10 Sekunden ausblenden |
||||
setTimeout(() => { |
||||
targetMarker.classList.remove('active'); |
||||
}, 10000); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,55 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png"/> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<title>Impressum</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="en/imprint.html"><img src="image/gb.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="imprint"> |
||||
<h2>Impressum</h2> |
||||
<p> |
||||
<strong>Anschrift</strong> |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V.<br /> |
||||
Bei den Pferdeställen 8<br /> |
||||
72072 Tübingen<br /> |
||||
</p> |
||||
<p> |
||||
Im Web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de" |
||||
rel="ugc nofollow noopener">https://cttue.de</a> |
||||
</p> |
||||
<p> |
||||
<strong>Kontakt</strong> |
||||
</p> |
||||
<p> |
||||
Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de |
||||
</p> |
||||
<p> |
||||
Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR |
||||
726042 eingetragen. |
||||
</p> |
||||
</div> |
||||
|
||||
<p> </p> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -1,221 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta property="og:image" content="image/poster.png" /> |
||||
<link rel="stylesheet" type="text/css" href="styles-4.7.css"> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||
<title>4. Tübinger Tage der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<nav class="navigationbar"> |
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> |
||||
<div> |
||||
<a href="index.html" class="nav-button inactive">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a> |
||||
</div> |
||||
<div> |
||||
<a href="en/index.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box" id="event"> |
||||
<h2>26./27. Juli 2025</h2> |
||||
<p>Die Tübinger Tage der digitalen Freiheit sind ein offenes Chaos-Community-Event. |
||||
Das Event richtet sich bei weitem nicht nur an Nerds, sondern an alle, die an einem Leben in |
||||
Freiheit und Selbstbestimmung interessiert sind. Dazu möchten wir mit Werkzeugen zur |
||||
Selbstbefähigung in Form von Workshops und Vorträgen anreizen. Man darf aber auch gerne zum Chillen, |
||||
Gespräche und Blinkereien genießen vorbeikommen. |
||||
</p> |
||||
<p class="big">All Creatures Welcome!</p> |
||||
<div class="button-container"> |
||||
<a href="tdf3/recap.html" class="button">Rückblick auf den TDF 2024</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Zeitplan</h2> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
||||
<div> |
||||
<h3>Samstag, 26. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li> |
||||
<li><b>11:00 Uhr:</b> Einlass für alle</li> |
||||
<li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>13:00:</b> Eröffnung</li> |
||||
<li><b>14:00 – 23:00 Uhr:</b> Programm</li> |
||||
<li><b>23:00 – 9:00 Uhr:</b> Nightshift</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<h3>Sonntag, 27. Juli 2025</h3> |
||||
<ul> |
||||
<li><b>09:00 Uhr:</b> Einlass und Frühstück</li> |
||||
<li><b>10:00 Uhr:</b> Einführung Herald und TV-Elfen</li> |
||||
<li><b>11:00 – 17:00 Uhr:</b> Programm</li> |
||||
<li><b>ab 17:00 Uhr:</b> Abbau</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="box"> |
||||
<h2>Programm</h2> |
||||
<p>Es erwarten euch ca. 50 Vorträge und Workshops in 4 Sälen aus folgenden Themenbereichen:</p> |
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;"> |
||||
<div> |
||||
<ul> |
||||
<li>Kreativität & Schönheit</li> |
||||
<li>Ethik, Politik & Gesellschaft</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Hardware & Code</li> |
||||
<li>Digitalität & Mündigkeit</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Vielfalt & Achtsamkeit</li> |
||||
<li>Nachhaltigkeit & Klima</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
<ul> |
||||
<li>Science & Technology</li> |
||||
<li>Vernetzung & Aktionen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="button">Fahrplan</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>macht mit!</h2> |
||||
<p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Es gibt viele Möglichkeiten, wie |
||||
du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber |
||||
erfahren:</p> |
||||
<div class="button-container"> |
||||
<a href="https://elfen.cttue.de/" class="button">Elfensystem</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="register"> |
||||
<h2>Anmelden</h2> |
||||
<p>Du kannst dich für die Tübinger Tage der digitalen Freiheit anmelden, um uns bei der Planung zu |
||||
helfen und um auf dem Laufenden zu bleiben. Die Anmeldung ist freiwillig und kostenlos. Du kannst |
||||
aber eine Spende geben, um die Veranstaltung zu unterstützen.</p> |
||||
</p> |
||||
<div class="button-container"> |
||||
<a href="https://pretix.cttue.de/cttue/tdf4" class="button">Anmelden</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="location"> |
||||
<h2>Ort</h2> |
||||
<p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p> |
||||
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> |
||||
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder |
||||
von den |
||||
Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.</p> |
||||
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p> |
||||
<div class="button-container"> |
||||
<a href="site-plan.html" class="button">Lageplan</a> |
||||
</div> |
||||
<iframe id="map" width="800" height="500" |
||||
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||
style="border: 1px solid black"></iframe><br /><small><a |
||||
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">Größere |
||||
Karte |
||||
anzeigen</a> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Veranstalter*innen</h2> |
||||
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und |
||||
veranstaltet. Der Chaostreff ist ein gemeinnütziger Verein und steht inhaltlich dem Chaos Computer |
||||
Club e. V. nahe. Die Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an |
||||
technischen, digitalen, kulturellen und gesellschaflichen Themen.</p> |
||||
<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Unterstützer*innen</h2> |
||||
<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. |
||||
Dadurch ist das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p> |
||||
<p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr |
||||
freuen wir uns auf Unterstützer*innen. </p> |
||||
<h3>Unsere Sponsoren</h3> |
||||
<p /> |
||||
<ul class="sponsor-logos"> |
||||
<li> |
||||
<img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-itdesign.png" alt="itdesign Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-active-group.png" alt="Active Group Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-daasi.png" alt="DAASI International Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-puzzle.png" alt="Puzzle ITC Logo"> |
||||
</li> |
||||
<li> |
||||
<img src="image/logo-syss.png" alt="SySS Logo" style="height: 80px;"> |
||||
</li> |
||||
</ul> |
||||
<p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in |
||||
Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="previous"> |
||||
<h2>Vorherige Events</h2> |
||||
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten |
||||
der vorhergenden Events. |
||||
</p> |
||||
<div class="buttons-wrapper"> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023</a> |
||||
</div> |
||||
<div class="button-container"> |
||||
<a href="https://tdf.cttue.de/tdf3/" class="button">TDF3 | 2024</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
</div> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,4 @@ |
||||
[[redirects]] |
||||
from = "/" |
||||
to = "/en" |
||||
status = 301 |
||||
@ -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 |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 618 B After Width: | Height: | Size: 618 B |
|
Before Width: | Height: | Size: 43 B After Width: | Height: | Size: 43 B |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 720 KiB After Width: | Height: | Size: 720 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 293 KiB After Width: | Height: | Size: 293 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 163 KiB After Width: | Height: | Size: 163 KiB |
|
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 178 KiB After Width: | Height: | Size: 178 KiB |
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 157 KiB |
|
Before Width: | Height: | Size: 179 KiB After Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 215 KiB |