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

main
Martin Braun 4 hours ago
parent df4f994cf6
commit afe324ed3b
  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

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
@ -45,7 +45,7 @@
</h1>
<!-- Box Event -->
<div class="box" id="start">
<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,
@ -59,51 +59,69 @@
<p class="big">All Creatures Welcome!</p>
</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 -->
<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 for the first time. 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.
<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>
<!-- 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 -->
<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>
<div class="button-container">
<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
event with a donation.</p>
<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>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
<title>5th Tübingen Digital Freedom Days</title>
</head>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 298 KiB

After

Width:  |  Height:  |  Size: 327 KiB

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
@ -33,7 +33,6 @@
</nav>
<!-- 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"
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"
@ -47,7 +46,7 @@
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> -->
<!-- Box Event -->
<div class="box">
@ -65,53 +64,69 @@
<p class="big">All Creatures Welcome!</p>
</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 -->
<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</h1>
<p>Auf den fünften TDF gibt es erstmals 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
<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>
<!-- 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 -->
<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>
<div class="button-container">
<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
Veranstaltung mit einer Spende unterstützen.</p>
<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>
@ -163,7 +178,8 @@
<a href="http://cttue.de/" class="button">Chaostreff</a>
</div>
</div>
</div>
</div> <!-- End of two columns boxes -->
<!-- Sponsor -->
<div class="box" id="sponsor">

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

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

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>

Loading…
Cancel
Save