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

New Colors, Kids-Space, Timetable

Browse Source
main
Martin Braun 18 hours ago
parent fbca8af40a
commit 7d1c5bf469
13 changed files with 158 additions and 34 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. 41
      en/index.html
  3. 2
      en/join.html
  4. 2
      en/program.html
  5. 2
      en/recap.html
  6. 2
      en/venue.html
  7. 2
      imprint.html
  8. 80
      index.html
  9. 2
      join.html
  10. 2
      program.html
  11. 2
      recap.html
  12. 51
      styles-5.2.css
  13. 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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

41
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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>
@ -62,6 +62,45 @@
<!-- Two columns boxes --> <!-- Two columns boxes -->
<div class="box-grid"> <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>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 in 4 rooms from various topic areas. Submit

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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css"> <link rel="stylesheet" type="text/css" href="../styles-5.2.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>

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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

80
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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -34,7 +34,7 @@
<!-- Animated title --> <!-- Animated title -->
<!-- <div class="box title-box"> --> <!-- <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"
style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span
@ -42,11 +42,11 @@
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" style="--i:13">T</span><span 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" 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"> 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" </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 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" 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> --> <!-- </div> -->
<!-- Box Event --> <!-- Box Event -->
@ -68,9 +68,50 @@
<!-- Two columns boxes --> <!-- Two columns boxes -->
<div class="box-grid"> <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 -->
<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>Der TDF5 bietet über 50 Vorträge und Workshops in 4 Räumen aus verschiedenen Themenbereichen. Reiche <p>Die TDF5 bieten über 50 Vorträge und Workshops in 4 Räumen 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>
@ -79,7 +120,8 @@
<!-- Join --> <!-- Join -->
<div class="box" id="join"> <div class="box" id="join">
<p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum Gelingen <p>Die Tage der digitalen Freiheit wird möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum
Gelingen
der Veranstaltung beitragen kannst.</p> der Veranstaltung beitragen kannst.</p>
<div class="button-container"> <div class="button-container">
<a href="join.html" class="button">Mitmachen</a> <a href="join.html" class="button">Mitmachen</a>
@ -97,7 +139,7 @@
<!-- Register --> <!-- Register -->
<div class="box" id="register"> <div class="box" id="register">
<p>Du kannst dich zum 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 disabled">Anmelden</a>
@ -127,14 +169,22 @@
<div class="box" id="sponsor"> <div class="box" id="sponsor">
<h3>Unsere Unterstützer</h3> <h3>Unsere Unterstützer</h3>
<div class="sponsor-logos"> <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://active-group.de" target="_blank" rel="noopener noreferrer"><img
<a href="https://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-coworkgroupde.jpg" alt="Cowork Group"></a> src="logo/logo-active-group.png" alt="Active 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://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img
<a href="https://eszet.com" target="_blank" rel="noopener noreferrer"><img src="logo/logo-eszet.png" alt="eszet"></a> src="logo/logo-coworkgroupde.jpg" alt="Cowork Group"></a>
<a href="https://itdesign.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-itdesign.png" alt="itdesign"></a> <a href="https://daasi.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-daasi.png"
<a href="https://puzzle-itc.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-puzzle.png" alt="Puzzle ITC"></a> alt="DAASI International"></a>
<a href="https://sodgeit.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-sodge.png" alt="SODGE"></a> <a href="https://eszet.com" target="_blank" rel="noopener noreferrer"><img src="logo/logo-eszet.png"
<a href="https://syss.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-syss.png" alt="SySS"></a> 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> </div>
<p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in <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> Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>

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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

51
styles-5.1.css → styles-5.2.css
Unescape View File

@ -41,14 +41,14 @@
**/ **/
:root { :root {
--plum: #483f6b; --plum: #26175e;
--sage: #d6f3d8; --sage: #f0fff1;
--box: #f2fff3; --box: #f0fff1;
--text: #4f4577; --text: #26175e;
--button: #bcf8db; --button: #52ffdc;
--active: #6fd4a3; --active: #2b8b8d ;
--link: #7761cd; --link: #3203dd;
--shadow-rgb: 125, 112, 122; --shadow-rgb: 125, 112, 122;
--box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3); --box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3);
@ -130,10 +130,41 @@ h2 {
line-height: 1; line-height: 1;
} }
h2 small {
font-size: 0.6em;
}
.times-days {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.5em;
row-gap: 0;
}
h3, h3,
.big { .big {
font-family: "TitilliumWeb-Bold"; font-family: "TitilliumWeb-Bold";
font-size: 1.5em; font-size: 1.5em;
margin-block-end: 0;
}
h2 em {
display: inline-block;
font-style: normal;
background-color: #cc673f;
color: #fff;
font-size: 0.45em;
font-family: "TitilliumWeb-Bold";
letter-spacing: 0.05em;
padding: 0.15em 0.4em 0.1em;
border-radius: 0.25em;
vertical-align: middle;
transform: rotate(-5deg);
transform-origin: center center;
line-height: 1.2;
position: relative;
top: -0.15em;
margin-right: 0.3em;
} }
a { a {
@ -149,6 +180,8 @@ a:hover {
ul { ul {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
margin-block-start: 0;
margin-block-end: 0;
} }
ul li { ul li {
@ -250,6 +283,7 @@ b {
.button:hover { .button:hover {
background-color: var(--active); background-color: var(--active);
color: white;
text-decoration: none; text-decoration: none;
} }
@ -352,6 +386,7 @@ b {
background-color: var(--active); background-color: var(--active);
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;
color: white;
} }
#languages { #languages {

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.1.css"> <link rel="stylesheet" type="text/css" href="styles-5.2.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