CTT
/
tdf-webseite
forked from cal/tdf-2023-webseite
13
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

New box 'Connect'. Activate 'Register' button. Change colors.

Browse Source
main
Martin Braun 5 hours ago
parent df4f994cf6
commit afe324ed3b
14 changed files with 126 additions and 92 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      en/imprint.html
  2. 92
      en/index.html
  3. 2
      en/join.html
  4. 2
      en/program.html
  5. 2
      en/recap.html
  6. 2
      en/venue.html
  7. BIN
      image/head-web.webp
  8. 2
      imprint.html
  9. 100
      index.html
  10. 2
      join.html
  11. 2
      program.html
  12. 2
      recap.html
  13. 6
      styles-5.4.css
  14. 2
      venue.html

2
en/imprint.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

92
en/index.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>
@ -45,7 +45,7 @@
</h1> </h1>
<!-- Box Event --> <!-- Box Event -->
<div class="box" id="start"> <div class="box">
<h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2> <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 <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, and many other topics around digital freedom, data protection, net politics, and technology, there will be talks,
@ -59,51 +59,69 @@
<p class="big">All Creatures Welcome!</p> <p class="big">All Creatures Welcome!</p>
</div> </div>
<!-- Schedule -->
<div class="box" id="times">
<h2>Schedule <small>(preliminary)</small></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 --> <!-- Two columns boxes -->
<div class="box-grid"> <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 --> <!-- Kids-Space -->
<div class="box" id="kids-space"> <div class="box" id="kids-space">
<h2><em>NEW</em> Kids-Space</h2> <h2><em>NEW</em> Kids-Space</h2>
<p>At TDF5, there will be a Kids-Space for the first time. Children between 5 and 10 years old can play, <p>At TDF5, there will be a Kids-Space. Children between 5 and 10 years old can play
craft, and explore together. The exact times of the Kids-Space will be announced in the schedule. and craft together. Opening hours will be announced in the schedule.
A supervisor will be present during these times.</p> A supervisor will be present during these times.</p>
</div> </div>
<!-- Schedule -->
<div class="box" id="times">
<h2>Schedule <small>(preliminary)</small></h2>
<div class="times-days">
<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>
<!-- Program --> <!-- Program -->
<div class="box" id="program"> <div class="box" id="program">
<p>TDF5 offers over 50 talks and workshops in 4 rooms from various topic areas. Submit <p>TDF5 offers over 50 talks and workshops from various topic areas. Submit
your own contributions.</p> your own contributions.</p>
<div class="button-container"> <div class="button-container">
<a href="program.html" class="button">Program</a> <a href="program.html" class="button">Program</a>
@ -133,7 +151,7 @@
<p>You can register for TDF. Registration is voluntary and free, but you can support the <p>You can register for TDF. Registration is voluntary and free, but you can support the
event with a donation.</p> event with a donation.</p>
<div class="button-container"> <div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Register</a> <a href="https://pretix.cttue.de/cttue/tdf5" class="button">Register</a>
</div> </div>
</div> </div>

2
en/join.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/program.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/recap.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/venue.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.3.css"> <link rel="stylesheet" type="text/css" href="../styles-5.4.css">
<script src="../venue.js"></script> <script src="../venue.js"></script>
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

BIN
image/head-web.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 298 KiB

After

Width:  |  Height:  |  Size: 327 KiB

2
imprint.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

100
index.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -33,7 +33,6 @@
</nav> </nav>
<!-- Animated title --> <!-- Animated title -->
<!-- <div class="box title-box"> -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch" <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 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" class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
@ -47,7 +46,7 @@
class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch" class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:26">T</span> style="--i:26">T</span>
</h1> </h1>
<!-- </div> -->
<!-- Box Event --> <!-- Box Event -->
<div class="box"> <div class="box">
@ -65,53 +64,69 @@
<p class="big">All Creatures Welcome!</p> <p class="big">All Creatures Welcome!</p>
</div> </div>
<!-- Schedule -->
<div class="box" id="times">
<h2>Zeitplan <small>(vorläufig)</small></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 --> <!-- Two columns boxes -->
<div class="box-grid"> <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 --> <!-- Kids-Space -->
<div class="box" id="kids-space"> <div class="box" id="kids-space">
<h2><em>NEU</em> Kids-Space</h1> <h2><em>NEU</em> Kids-Space</h2>
<p>Auf den fünften TDF gibt es erstmals einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren <p>Auf den fünften TDF gibt es einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren
gemeinsam spielen, basteln und entdecken. Die genauen Zeiten des Kids-Space werden im Fahrplan bekannt gemeinsam spielen und basteln. Die Öffnungszeiten werden im Fahrplan bekannt
gegeben. Es wird in dieser Zeit eine Aufsichtsperson anwesend sein.</p> gegeben. Es wird in dieser Zeit eine Aufsichtsperson anwesend sein.</p>
</div> </div>
<!-- Zeitenplan -->
<div class="box" id="times">
<h2>Zeitplan <small>(vorläufig)</small></h2>
<div class="times-days">
<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>
<!-- Program --> <!-- Program -->
<div class="box" id="program"> <div class="box" id="program">
<p>Die TDF5 bieten über 50 Vorträge und Workshops in 4 Räumen aus verschiedenen Themenbereichen. Reiche <p>Die TDF5 bieten über 50 Vorträge und Workshops aus verschiedenen Themenbereichen. Reiche
deine eigenen Beiträge ein.</p> deine eigenen Beiträge ein.</p>
<div class="button-container"> <div class="button-container">
<a href="program.html" class="button">Programm</a> <a href="program.html" class="button">Programm</a>
@ -142,7 +157,7 @@
<p>Du kannst dich zu den TDF anmelden. Die Anmeldung ist freiwillig und kostenlos, aber du kannst die <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> Veranstaltung mit einer Spende unterstützen.</p>
<div class="button-container"> <div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Anmelden</a> <a href="https://pretix.cttue.de/cttue/tdf5" class="button">Anmelden</a>
</div> </div>
</div> </div>
@ -163,7 +178,8 @@
<a href="http://cttue.de/" class="button">Chaostreff</a> <a href="http://cttue.de/" class="button">Chaostreff</a>
</div> </div>
</div> </div>
</div>
</div> <!-- End of two columns boxes -->
<!-- Sponsor --> <!-- Sponsor -->
<div class="box" id="sponsor"> <div class="box" id="sponsor">

2
join.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

2
program.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

2
recap.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

6
styles-5.3.css → styles-5.4.css
Unescape View File

@ -11,11 +11,11 @@
:root { :root {
/* Colors */ /* Colors */
--plum: #26175e; --plum: #17395e;
--sage: #f0fff1; --sage: #f0fff1;
--box: #f0fff1; --box: #f0fff1;
--text: #26175e; --text: #17395e;
--button: #52ffdc; --button: #52ffdc;
--active: #2b8b8d; --active: #2b8b8d;
--link: #3203dd; --link: #3203dd;
@ -143,7 +143,7 @@ h2 small {
.times-days { .times-days {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 1.5em; column-gap: 1.5em;
row-gap: 0; row-gap: 0;
} }

2
venue.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.3.css"> <link rel="stylesheet" type="text/css" href="styles-5.4.css">
<script src="venue.js"></script> <script src="venue.js"></script>
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

Write Preview
Loading…
Cancel
Save