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

Several changes

Browse Source
main
Martin Braun 4 days ago
parent fb41f04345
commit 09e6ec69af
7 changed files with 179 additions and 55 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. 71
      en/index.html
  3. 18
      en/participate.html
  4. 2
      imprint.html
  5. 57
      index.html
  6. 18
      participate.html
  7. 58
      styles-4.6.css

2
en/imprint.html
Unescape View File

@ -4,7 +4,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-4.5.css"> <link rel="stylesheet" type="text/css" href="../styles-4.6.css">
<title>Impressum</title> <title>Impressum</title>
</head> </head>

71
en/index.html
Unescape View File

@ -4,16 +4,30 @@
<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.5.css"> <link rel="stylesheet" type="text/css" href="../styles-4.6.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>4. Tübingen Days of Digital Freedom</title> <title>4. Tübingen Days of Digital Freedom</title>
</head> </head>
<body> <body>
<div id="languages"><a href="../index.html"><img src="../image/de.png"></a></div>
<div class="background"> <div class="background">
<div id="content"> <div id="content">
<nav class="navigationbar">
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<div>
<a href="index.html" class="nav-button inactive">Home</a>
<a href="participate.html" class="nav-button">Participate</a>
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a>
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<a href="../index.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a>
</div>
</div>
</nav>
<div class="banner-box"> <div class="banner-box">
<img class="banner" id="banner-1" src="../image/banner-1.png" /> <img class="banner" id="banner-1" src="../image/banner-1.png" />
<img class="banner" id="banner-2" src="../image/banner-2.png" /> <img class="banner" id="banner-2" src="../image/banner-2.png" />
@ -43,7 +57,8 @@
<li><b>09:00:</b> Entry for Assembly Area</li> <li><b>09:00:</b> Entry for Assembly Area</li>
<li><b>11:00:</b> Entry for everyone</li> <li><b>11:00:</b> Entry for everyone</li>
<li><b>12:00:</b> Introduction Herald and TV Elves</li> <li><b>12:00:</b> Introduction Herald and TV Elves</li>
<li><b>13:00 – 23:00:</b> Program</li> <li><b>13:00:</b> Opening</li>
<li><b>14:00 – 23:00:</b> Program</li>
<li><b>23:00 – 9:00:</b> Nightshift</li> <li><b>23:00 – 9:00:</b> Nightshift</li>
</ul> </ul>
</div> </div>
@ -62,8 +77,8 @@
<div class="box"> <div class="box">
<h2>Program</h2> <h2>Program</h2>
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> <p><b>Please note:</b> Most talks and workshops will be held in German.</p>
<p>You can look forward to lectures and workshops in 4 halls covering the following topics:</p> <p>You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:</p>
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;"> <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
<div> <div>
<ul> <ul>
<li>Creativity & Beauty</li> <li>Creativity & Beauty</li>
@ -78,37 +93,28 @@
</div> </div>
<div> <div>
<ul> <ul>
<li>Sustainability & Climate Justice</li> <li>Diversity & Mindfulness</li>
<li>Sustainability & Climate</li>
</ul>
</div>
<div>
<ul>
<li>Science & Technology</li>
<li>Networking & Actions</li> <li>Networking & Actions</li>
</ul> </ul>
</div> </div>
</div> </div>
<p>The schedule will be published two weeks before the event at <a <div class="button-container">
href="https://cfp.cttue.de/tdf4/schedule">Schedule</a>. <a href="https://cfp.cttue.de/tdf4/schedule" class="button">Schedule</a>
</p>
</div> </div>
<div class="box" id="location">
<h2>Location</h2>
<p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train
station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
<p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View
Larger Map</a></small>
</div> </div>
<div class="box" id="participate"> <div class="box" id="participate">
<h2>Participate!</h2> <h2>Participate!</h2>
<p>The Day of Digital Freedom is made possible through your participation. There are many ways you can <p>The Day of Digital Freedom is made possible through your participation. There are many ways you can
contribute to the success of the event. On the following page, you can learn more about it:</p> contribute to the success of the event. On the following page, you can learn more about it:</p>
<div class="button-container"> <div class="button-container">
<a href="https://elfen.cttue.de/" class="button">Elf System</a>
<a href="participate.html" class="button">Participate</a> <a href="participate.html" class="button">Participate</a>
</div> </div>
</div> </div>
@ -123,9 +129,24 @@
</div> </div>
</div> </div>
<div class="box" id="location">
<h2>Location</h2>
<p>The Day of Digital Freedom will take place at the Westspitze Tübingen.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>The building is accessible by foot from the city center in about 15 minutes, from the main train
station in about 10 minutes, or from the bus stops "Blaue Brücke" and "Landestheater".</p>
<p>We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">View
Larger Map</a></small>
</div>
<div class="box" id="ctt"> <div class="box" id="ctt">
<h2>Organizers</h2> <h2>Organizers</h2>
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT). The <p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT).
The
ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V. ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V.
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and The members regularly meet to exchange ideas and work together on technical, digital, cultural, and
social social

18
en/participate.html
Unescape View File

@ -4,15 +4,29 @@
<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.5.css"> <link rel="stylesheet" type="text/css" href="../styles-4.6.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>4. Tübinger Days of Digital Freedom</title> <title>4. Tübinger Days of Digital Freedom</title>
</head> </head>
<body> <body>
<div id="languages"><a href="../participate.html"><img src="../image/de.png"></a></div>
<div class="background"> <div class="background">
<div id="content"> <div id="content">
<nav class="navigationbar">
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<div>
<a href="index.html" class="nav-button">Home</a>
<a href="participate.html" class="nav-button inactive">Participate</a>
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a>
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<a href="../participate.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a>
</div>
</div>
</nav>
<div class="banner-box"> <div class="banner-box">
<img class="banner" id="banner-1" src="../image/banner-1.png" /> <img class="banner" id="banner-1" src="../image/banner-1.png" />
<img class="banner" id="banner-2" src="../image/banner-2.png" /> <img class="banner" id="banner-2" src="../image/banner-2.png" />

2
imprint.html
Unescape View File

@ -4,7 +4,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-4.5.css"> <link rel="stylesheet" type="text/css" href="styles-4.6.css">
<title>Impressum</title> <title>Impressum</title>
</head> </head>

57
index.html
Unescape View File

@ -4,16 +4,30 @@
<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.5.css"> <link rel="stylesheet" type="text/css" href="styles-4.6.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>4. Tübinger Tage der digitalen Freiheit</title> <title>4. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
<body> <body>
<div id="languages"><a href="en/index.html"><img src="image/gb.png"></a></div>
<div class="background"> <div class="background">
<div id="content"> <div id="content">
<nav class="navigationbar">
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<div>
<a href="index.html" class="nav-button inactive">Hauptseite</a>
<a href="participate.html" class="nav-button">Mitmachen</a>
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a>
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<a href="en/index.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a>
</div>
</div>
</nav>
<div class="banner-box"> <div class="banner-box">
<img class="banner" id="banner-1" src="image/banner-1.png" /> <img class="banner" id="banner-1" src="image/banner-1.png" />
<img class="banner" id="banner-2" src="image/banner-2.png" /> <img class="banner" id="banner-2" src="image/banner-2.png" />
@ -43,7 +57,8 @@
<li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li> <li><b>09:00 Uhr:</b> Einlass für Assembly-Area</li>
<li><b>11:00 Uhr:</b> Einlass für alle</li> <li><b>11:00 Uhr:</b> Einlass für alle</li>
<li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li> <li><b>12:00 Uhr:</b> Einführung Herald und TV-Elfen</li>
<li><b>13:00 – 23:00 Uhr:</b> Programm</li> <li><b>13:00:</b> Eröffnung</li>
<li><b>14:00 – 23:00 Uhr:</b> Programm</li>
<li><b>23:00 – 9:00 Uhr:</b> Nightshift</li> <li><b>23:00 – 9:00 Uhr:</b> Nightshift</li>
</ul> </ul>
</div> </div>
@ -89,24 +104,9 @@
</ul> </ul>
</div> </div>
</div> </div>
<p>Das Programm wird zwei Wochen vor dem Event unter <a href="https://cfp.cttue.de/tdf4/schedule">Fahrplan</a> <div class="button-container">
veröffentlicht.</p> <a href="https://cfp.cttue.de/tdf4/schedule" class="button">Fahrplan</a>
</div> </div>
<div class="box" id="location">
<h2>Ort</h2>
<p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
von den
Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p>
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere
Karte
anzeigen</a>
</div> </div>
<div class="box" id="participate"> <div class="box" id="participate">
@ -115,6 +115,7 @@
du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber
erfahren:</p> erfahren:</p>
<div class="button-container"> <div class="button-container">
<a href="https://elfen.cttue.de/" class="button">Elfensystem</a>
<a href="participate.html" class="button">Mitmachen</a> <a href="participate.html" class="button">Mitmachen</a>
</div> </div>
</div> </div>
@ -130,6 +131,22 @@
</div> </div>
</div> </div>
<div class="box" id="location">
<h2>Ort</h2>
<p>Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
von den
Bushaltestellen „Blaue Brücke“ und „Landestheater“ zu erreichen.</p>
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
<iframe id="map" width="800" height="500"
src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
style="border: 1px solid black"></iframe><br /><small><a
href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere
Karte
anzeigen</a>
</div>
<div class="box" id="ctt"> <div class="box" id="ctt">
<h2>Veranstalter*innen</h2> <h2>Veranstalter*innen</h2>
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und <p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und

18
participate.html
Unescape View File

@ -4,17 +4,31 @@
<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.5.css"> <link rel="stylesheet" type="text/css" href="styles-4.6.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>4. Tübinger Tage der digitalen Freiheit</title> <title>4. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
<body> <body>
<div id="languages"><a href="en/participate.html"><img src="image/gb.png"></a></div>
<div class="background"> <div class="background">
<div id="content"> <div id="content">
<nav class="navigationbar">
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<div>
<a href="index.html" class="nav-button">Hauptseite</a>
<a href="participate.html" class="nav-button inactive">Mitmachen</a>
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i class="fas fa-external-link-alt"></i></a>
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<a href="en/participate.html" class="nav-button"><img src="image/gb.png" style="height: 16px; vertical-align: middle;"> EN</a>
</div>
</div>
</nav>
<div class="banner-box"> <div class="banner-box">
<img class="banner" id="banner-1" src="image/banner-1.png" /> <img class="banner" id="banner-1" src="image/banner-1.png" />
<img class="banner" id="banner-2" src="image/banner-2.png" /> <img class="banner" id="banner-2" src="image/banner-2.png" />

58
styles-4.5.css → styles-4.6.css
Unescape View File

@ -357,3 +357,61 @@ h3,
#sponsor .sponsor-logos img { #sponsor .sponsor-logos img {
height: 60px; height: 60px;
} }
/* Content-Container */
#content {
max-width: 1000px;
margin: 0 auto;
padding: 0 75px;
position: relative; /* Ermöglicht die Positionierung der Navigation innerhalb */
}
/* Navigationsleiste */
.navigationbar {
position: fixed; /* Fixiert die Navigation relativ zum Fenster */
top: 0;
left: 50%; /* Zentrierung relativ zur Mitte des Containers */
transform: translateX(-50%); /* Verschiebt die Navigation zurück zur Container-Mitte */
display: flex;
justify-content: flex-start; /* Schaltflächen links ausrichten */
align-items: center;
width: 100%; /* Passt sich der Breite des Containers an */
max-width: 1000px; /* Begrenzt die Breite der Navigation */
z-index: 1000; /* Stellt sicher, dass sie über anderen Elementen liegt */
padding: 0; /* Kein Padding für die Leiste selbst */
background-color: transparent; /* Kein Hintergrund */
}
/* Navigation-Buttons */
.nav-button {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #000;
background-color: #ced7f2;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
text-align: center;
margin: 0 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Intensiverer Schatten */
}
/* Hover-Effekt für die Buttons */
.nav-button:hover {
transform: scale(1.1); /* Leichtes Vergrößern beim Hover */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Intensiverer Schatten */
}
/* Inaktive Schaltfläche */
.nav-button.inactive {
background-color: #93799C; /* Angepasst an das Hauptfarbschema */
cursor: not-allowed; /* Ändert den Cursor zu einem Verbotssymbol */
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */
}
/* Kein Hover-Effekt für inaktive Buttons */
.nav-button.inactive:hover {
}
Write Preview
Loading…
Cancel
Save