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

41
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.1.css">
<link rel="stylesheet" type="text/css" href="../styles-5.2.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
@ -62,6 +62,45 @@
<!-- 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>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

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.1.css">
<link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css">
<link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css">
<link rel="stylesheet" type="text/css" href="../styles-5.2.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.1.css">
<link rel="stylesheet" type="text/css" href="../styles-5.2.css">
<script src="../venue.js"></script>
<title>5th Tübingen Digital Freedom Days</title>
</head>

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

80
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.1.css">
<link rel="stylesheet" type="text/css" href="styles-5.2.css">
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
@ -34,7 +34,7 @@
<!-- 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
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
@ -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
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">
</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
class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:26">T</span>
</h1>
</h1>
<!-- </div> -->
<!-- Box Event -->
@ -68,9 +68,50 @@
<!-- 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 -->
<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>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>
<div class="button-container">
<a href="program.html" class="button">Programm</a>
@ -79,7 +120,8 @@
<!-- 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>
<div class="button-container">
<a href="join.html" class="button">Mitmachen</a>
@ -97,7 +139,7 @@
<!-- 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>
<div class="button-container">
<a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Anmelden</a>
@ -127,14 +169,22 @@
<div class="box" id="sponsor">
<h3>Unsere Unterstützer</h3>
<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://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img src="logo/logo-coworkgroupde.jpg" alt="Cowork 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://eszet.com" target="_blank" rel="noopener noreferrer"><img src="logo/logo-eszet.png" 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>
<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://coworkgroup.de" target="_blank" rel="noopener noreferrer"><img
src="logo/logo-coworkgroupde.jpg" alt="Cowork 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://eszet.com" target="_blank" rel="noopener noreferrer"><img src="logo/logo-eszet.png"
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>
<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>

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

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

@ -41,14 +41,14 @@
**/
:root {
--plum: #483f6b;
--sage: #d6f3d8;
--box: #f2fff3;
--text: #4f4577;
--button: #bcf8db;
--active: #6fd4a3;
--link: #7761cd;
--plum: #26175e;
--sage: #f0fff1;
--box: #f0fff1;
--text: #26175e;
--button: #52ffdc;
--active: #2b8b8d ;
--link: #3203dd;
--shadow-rgb: 125, 112, 122;
--box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3);
@ -130,10 +130,41 @@ h2 {
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,
.big {
font-family: "TitilliumWeb-Bold";
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 {
@ -149,6 +180,8 @@ a:hover {
ul {
list-style-type: none;
padding-left: 0;
margin-block-start: 0;
margin-block-end: 0;
}
ul li {
@ -250,6 +283,7 @@ b {
.button:hover {
background-color: var(--active);
color: white;
text-decoration: none;
}
@ -352,6 +386,7 @@ b {
background-color: var(--active);
cursor: not-allowed;
pointer-events: none;
color: white;
}
#languages {

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

Write Preview
Loading…
Cancel
Save