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 4 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. 46
      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. 52
      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>
<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>

46
en/index.html
Unescape View File

@ -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,21 +59,17 @@
<p class="big">All Creatures Welcome!</p>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- 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.
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>Thursday</h3>
<ul>
<li>12:00 Setup</li>
</ul>
</div>
<div>
<h3>Friday</h3>
<ul>
@ -101,9 +97,31 @@
</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>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>

2
en/join.html
Unescape View File

@ -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>

2
en/program.html
Unescape View File

@ -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>

2
en/recap.html
Unescape View File

@ -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>

2
en/venue.html
Unescape View File

@ -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>

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>
<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>

52
index.html
Unescape View File

@ -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,22 +64,17 @@
<p class="big">All Creatures Welcome!</p>
</div>
<!-- Two columns boxes -->
<div class="box-grid">
<!-- 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
gegeben. Es wird in dieser Zeit eine Aufsichtsperson anwesend sein.</p>
</div>
<!-- Zeitenplan -->
<!-- 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>
@ -108,10 +102,31 @@
</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 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">

2
join.html
Unescape View File

@ -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>

2
program.html
Unescape View File

@ -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>

2
recap.html
Unescape View File

@ -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>

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

@ -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;
}

2
venue.html
Unescape View File

@ -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>

Write Preview
Loading…
Cancel
Save