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

Links to Previous Events

Browse Source
main
Martin Braun 1 month ago
parent 1dfbcfc7c1
commit 37fbc8ac2b
4 changed files with 49 additions and 319 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. 24
      en/index.html
  2. 22
      index.html
  3. 314
      styles-0.1.css
  4. 8
      styles-4.1.css

24
en/index.html
Unescape View File

@ -4,8 +4,8 @@
<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-4.0.css"> <link rel="stylesheet" type="text/css" href="../styles-4.1.css">
<title>3. Tübinger Day of Digital Freedom</title> <title>4. Tübingen Days of Digital Freedom</title>
</head> </head>
<body> <body>
@ -95,7 +95,7 @@
</div> </div>
<div class="box" id="sponsor"> <div class="box" id="sponsor">
<h2>Sponsors</h2> <h2>Supporters</h2>
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This <p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This
makes the offer freely accessible to the public.</p> makes the offer freely accessible to the public.</p>
<p>In order to make this possible, sponsors have supported us in the past years. This year we are also <p>In order to make this possible, sponsors have supported us in the past years. This year we are also
@ -107,6 +107,24 @@
</p> </p>
</div> </div>
<div class="box" id="previous">
<h2>Previous Events</h2>
<p>The Day of Digital Freedom has been held annually since 2022. Here are the pages
for the previous events.
</p>
<div class="buttons-wrapper">
<div class="button-container">
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022 (german)</a>
</div>
<div class="button-container">
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023 (german)</a>
</div>
<div class="button-container">
<a href="https://tdf.cttue.de/tdf3/en" class="button">TDF3 | 2024</a>
</div>
</div>
</div>
</div> </div>
<p>&nbsp;</p> <p>&nbsp;</p>
</div> </div>

22
index.html
Unescape View File

@ -4,8 +4,8 @@
<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-4.0.css"> <link rel="stylesheet" type="text/css" href="styles-4.1.css">
<title>3. Tübinger Tag der digitalen Freiheit</title> <title>4. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
<body> <body>
@ -112,6 +112,24 @@
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>
</div> </div>
<div class="box" id="previous">
<h2>Vorherige Events</h2>
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
der vorhergenden Events.
</p>
<div class="buttons-wrapper">
<div class="button-container">
<a href="https://tdf.cttue.de/tdf1/" class="button">TDF1 | 2022</a>
</div>
<div class="button-container">
<a href="https://tdf.cttue.de/tdf2/" class="button">TDF2 | 2023</a>
</div>
<div class="button-container">
<a href="https://tdf.cttue.de/tdf3/" class="button">TDF3 | 2024</a>
</div>
</div>
</div>
</div> </div>
<p>&nbsp;</p> <p>&nbsp;</p>

314
styles-0.1.css
Unescape View File

@ -1,314 +0,0 @@
@font-face {
font-family: 'TitilliumWeb-Regular';
src: url('font/TitilliumWeb-Regular.ttf');
}
@font-face {
font-family: 'TitilliumWeb-Bold';
src: url('font/TitilliumWeb-Bold.ttf');
}
body {
background: #2D95AB;
padding: 0;
margin: 0;
}
.background {
background-image: url("image/neon-scene.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
padding-top: 20px;
margin: 0;
}
#map {
background-image: url("image/map.png");
}
.banner {
vertical-align: middle;
position: absolute;
top: 20px;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#banner-1 {
mix-blend-mode: screen;
}
#banner-2 {
mix-blend-mode: hard-light;
}
#banner-3 {
mix-blend-mode: normal;
}
.box {
background: #024361;
margin-bottom: 2em;
padding: 1em 2em 0.7em 1em;
border-style: solid;
border-color: #8FDD75;
border-width: 2px;
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5),
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
background-blend-mode: soft-light;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right;
background-blend-mode: luminosity;
text-shadow: 0px 0px 5px #012E42,
0px 0px 10px #012E42,
0px 0px 15px #012E42,
0px 0px 20px #012E42,
0px 0px 25px #012E42,
0px 0px 30px #012E42;
}
#participate {
background-image: url("image/participate.png");
}
#content {
max-width: 1000px;
margin: 0 auto;
padding: 0 75px;
}
#event {
background-image: url("image/network.png");
}
#assemblies {
background-image: url("image/assemblies.png");
}
#sponsor {
background-image: url("image/sponsor.png");
}
#ctt {
background-image: url("image/pesthoenchen.png");
}
#costs {
background-image: url("image/costs.png");
background-position: bottom;
background-size: 100% auto;
}
.banner-box {
position: relative;
height: 400px;
}
.right-align {
text-align: right;
}
p,
h2, h3, li {
color: #ffff00;
}
a {
color: #ffffaa;
}
p,
a,
li {
font-family: "TitilliumWeb-Regular";
font-size: 1.2em;
}
li {
font-size: "TitilliumWeb-Regular";
font-size: 1.0em;
}
ul {
list-style-type: none;
padding-left: 0;
}
ul li {
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
ul li:before {
content: "";
width: 8px;
height: 8px;
background-color: #ffffaa;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
h2 {
font-family: "TitilliumWeb-Bold";
text-transform: uppercase;
font-size: 3em;
margin-top: 0em;
margin-block-end: 0em;
}
b {
font-family: "TitilliumWeb-Bold";
}
h3,
.big {
font-family: "TitilliumWeb-Bold";
font-size: 1.5em;
margin-top: 0;
margin-bottom: 0;
}
.label {
margin-bottom: 0;
}
.label-sub {
margin-top: 0;
}
.flex {
height: 200px;
display: flex;
margin-bottom: 1em;
}
.box-sub {
display: flex;
flex: 33.33%;
padding: 10%;
background: #352040;
padding: 1em 2em 0.7em;
background-blend-mode: soft-light;
background-repeat: no-repeat;
background-blend-mode: normal;
}
#sponsor-pagina {
margin-right: 20px;
margin-top: 35px;
max-width: 100px;
max-height: 150px;
background-image: url("image/pagina_logo.png");
}
#sponsor-daasi {
margin-top: 50px;
max-width: 100px;
max-height: 150px;
background-image: url("image/daasi_logo.png");
}
#sponsor-tuebingen {
margin-top: 35px;
max-width: 100px;
max-height: 150px;
background-image: url("image/tuebingen_logo.png");
}
#sponsor-no-budget {
margin-right: 20px;
margin-top: 50px;
max-width: 300px;
max-height: 150px;
background-image: url("image/no_budget_logo.svg");
}
#veranstalter-ctt {
width: 150px;
height: 150px;
background-image: url("image/CCTLogo.webp");
background-size: auto 100%;
}
#veranstalter-shedhalle {
margin-top: 2em;
height: 136px;
width: 38px;
background-image: url("image/shedhalle_logo.png");
}
#veranstalter-kims {
margin-top: 2em;
width: 150px;
height: 150px;
background-image: url("image/kims_logo.png");
}
.verlinkung {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
.button-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.button {
display: inline-block;
padding: 20px 40px;
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #000;
background-color: #ffff00;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
border-radius: 0;
margin: 0 auto;
text-shadow: none;
}
#languages {
position: fixed;
top: 19px;
right: 10%;
transform: translateY(-50%);
background-color: #084462;
padding: 10px;
padding-bottom: 3px;
z-index: 9999;
}
.image-bar {
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
background-color: #f0f0f0;
padding: 10px;
}
.image-bar img {
max-height: 100px;
margin: 0 10px;
}

8
styles-4.0.css → styles-4.1.css
Unescape View File

@ -273,6 +273,14 @@ h3,
height: 100%; height: 100%;
} }
.buttons-wrapper {
display: flex; /* Elemente horizontal anordnen */
justify-content: center; /* Zentrieren der Buttons */
align-items: center; /* Vertikal ausrichten */
gap: 20px; /* Abstand zwischen Buttons */
margin: 20px auto; /* Zentrieren des gesamten Wrappers */
}
.button { .button {
display: inline-block; display: inline-block;
padding: 20px 40px; padding: 20px 40px;
Write Preview
Loading…
Cancel
Save