forked from cal/tdf-2023-webseite
Martin Braun
2 weeks ago
parent
b2e9f913de
commit
6b9c16f0c3
@ -0,0 +1,124 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<link rel="stylesheet" type="text/css" href="../styles-0.1.css"> |
||||||
|
<title>3. Tübinger Day of Digital Freedom</title> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<div id="languages"><a href="../index.html"><img src="../image/de.png"></a></div> |
||||||
|
<div class="background"> |
||||||
|
|
||||||
|
<div id="content"> |
||||||
|
|
||||||
|
<div class="banner-box"> |
||||||
|
<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-3" src="../image/banner-3.png" /> |
||||||
|
</div> |
||||||
|
<div class="box" id="event"> |
||||||
|
<h2>July 6, 2024</h2> |
||||||
|
<p class="big">Saturday 1:00 PM to Sunday 1:00 PM</p> |
||||||
|
<p>The Tübingen Day of Digital Freedom is an open Chaos community event. |
||||||
|
The event is not only aimed at nerds, but also at everyone interested in a life of freedom and |
||||||
|
self-determination. |
||||||
|
To this end, we want to give you the tools for self-empowerment in the form of workshops and |
||||||
|
presentations. |
||||||
|
But you are also welcome to come just to hang-out, have conversations with others, and take a look |
||||||
|
at the blinky things. |
||||||
|
</p> |
||||||
|
<p class="big">All Creatures Welcome.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Program</h2> |
||||||
|
<p><b>Please note:</b> Most talks and workshops will be held in German.</p> |
||||||
|
<p>You can look forward to 42 sessions by 28 speakers in 4 rooms covering the following topics:</p> |
||||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;"> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Creativity & Beauty</li> |
||||||
|
<li>Ethics, Politics & Society</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Hardware & Code</li> |
||||||
|
<li>Digitality & Competence</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Sustainability & Climate Justice</li> |
||||||
|
<li>Networking & Actions</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="button-container"> |
||||||
|
<a href="https://cfp.cttue.de/tdf3/schedule/" class="button">See the full schedule…</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Location</h2> |
||||||
|
<p>The Day of Digital Freedom will take place this year 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 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&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||||
|
style="border: 1px solid black"></iframe><br /><small><a |
||||||
|
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">View |
||||||
|
Larger Map</a></small> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<div class="box" id="participate"> |
||||||
|
<h2>Participate!</h2> |
||||||
|
<p>Be part of the event by contributing your own part. Click on "Participate" to learn more… |
||||||
|
</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="participate.html" class="button">Participate</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="ctt"> |
||||||
|
<h2>Organizers</h2> |
||||||
|
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen (CTT). The |
||||||
|
ChaosTreff is a registered 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 |
||||||
|
social |
||||||
|
issues.</p> |
||||||
|
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="sponsor"> |
||||||
|
<h2>Sponsors</h2> |
||||||
|
<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> |
||||||
|
<p>In order to make this possible, sponsors have supported us in the past years. This year |
||||||
|
we are also looking forward to work with supporters to make this event possible. |
||||||
|
</p> |
||||||
|
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be |
||||||
|
suitable for this? Write to us at |
||||||
|
tdf@cttue.de</p> |
||||||
|
<div class="image-bar"> |
||||||
|
<img src="../image/AVAT_logo.png" alt="AVAT Logo"> |
||||||
|
<img src="../image/daasi_logo.png" alt="DAASI Logo"> |
||||||
|
<img src="../image/tuebingen_logo.png" alt="Tübingen Logo"> |
||||||
|
<img src="../image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo"> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
<p> </p> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
|
||||||
|
</html> |
||||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 251 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 99 B |
|
After Width: | Height: | Size: 288 B |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 430 KiB |
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 953 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 328 KiB |
|
After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 293 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,125 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<link rel="stylesheet" type="text/css" href="styles-0.1.css"> |
||||||
|
<title>3. Tübinger Tag der digitalen Freiheit</title> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<div id="languages"><a href="en/index.html"><img src="image/gb.png"></a></div> |
||||||
|
<div class="background"> |
||||||
|
|
||||||
|
<div id="content"> |
||||||
|
|
||||||
|
<div class="banner-box"> |
||||||
|
<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-3" src="image/banner-3.png" /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="event"> |
||||||
|
<h2>6. Juli 2024</h2> |
||||||
|
<p class="big">Samstag 13:00 Uhr bis Sonntag 13:00 Uhr</p> |
||||||
|
<p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Chaos-Community Event. |
||||||
|
Das Event richtet sich bei weitem nicht nur an Nerds, sondern an alle, die an einem Leben in Freiheit und |
||||||
|
Selbstbestimmung interessiert sind. |
||||||
|
Dazu möchten wir mit Werkzeugen zur Selbstbefähigung in Form von Workshops und Vorträgen anreizen. |
||||||
|
Man darf aber auch gerne zum Chillen, Gespräche und Blinkereien genießen vorbeikommen. |
||||||
|
</p> |
||||||
|
<p class="big">All Creatures Welcome.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Programm</h2> |
||||||
|
<p>Es erwarten euch 42 Sessions von 28 Vortragenden in 4 Räumen aus folgenden Themenbereichen:</p> |
||||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;"> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Kreativität & Schönheit</li> |
||||||
|
<li>Ethik, Politik & Gesellschaft</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Hardware & Code</li> |
||||||
|
<li>Digitalität & Mündigkeit</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<ul> |
||||||
|
<li>Nachhaltigkeit & Klimagerechtigkeit</li> |
||||||
|
<li>Vernetzung & Aktionen</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="https://cfp.cttue.de/tdf3/schedule/" class="button">Zum vollständigen Fahrplan…</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Ort</h2> |
||||||
|
<p>Der Tag der digitalen Freiheit findet dieses Jahr 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 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&layer=mapnik&marker=48.516218802800694%2C9.063262045383453" |
||||||
|
style="border: 1px solid black"></iframe><br /><small><a |
||||||
|
href="https://www.openstreetmap.org/?mlat=48.51622&mlon=9.06326#map=19/48.51622/9.06326">Größere Karte |
||||||
|
anzeigen</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="participate"> |
||||||
|
<h2>macht mit!</h2> |
||||||
|
<p>Werde teil der Verantaltung, indem du deinen eingenen Teil dazu beiträgst. Klicke auf „Mitmachen“ und erfahre |
||||||
|
mehr… |
||||||
|
</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="participate.html" class="button">Mitmachen</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="box" id="ctt"> |
||||||
|
<h2>Veranstalter*innen</h2> |
||||||
|
<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen (CTT) initiiert und veranstaltet. Der |
||||||
|
Chaostreff ist ein eingetragener Verein und steht inhaltlich dem Chaos Computer Club e. V. nahe. Die |
||||||
|
Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an technischen, digitalen, |
||||||
|
kulturellen und gesellschaflichen Themen.</p> |
||||||
|
<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="sponsor"> |
||||||
|
<h2>Unterstützer*innen</h2> |
||||||
|
<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. Dadurch |
||||||
|
ist |
||||||
|
das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p> |
||||||
|
<p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr |
||||||
|
freuen wir uns auf Unterstützer*innen. |
||||||
|
</p> |
||||||
|
<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 |
||||||
|
tdf@cttue.de</p> |
||||||
|
<div class="image-bar"> |
||||||
|
<img src="image/AVAT_logo.png" alt="AVAT Logo"> |
||||||
|
<img src="image/daasi_logo.png" alt="DAASI Logo"> |
||||||
|
<img src="image/tuebingen_logo.png" alt="Tübingen Logo"> |
||||||
|
<img src="image/coworkgroupde_logo.jpg" alt="Coworkgroup Logo"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
<p> </p> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
|
||||||
|
</html> |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,161 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<link rel="stylesheet" type="text/css" href="styles-0.1.css"> |
||||||
|
<title>3. Tübinger Tag der digitalen Freiheit</title> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
|
||||||
|
<div id="languages"><a href="en/participate.html"><img src="image/gb.png"></a></div> |
||||||
|
<div class="background"> |
||||||
|
|
||||||
|
<div id="content"> |
||||||
|
|
||||||
|
<div class="banner-box"> |
||||||
|
<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-3" src="image/banner-3.png" /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Das Event</h2> |
||||||
|
<p>Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum dritten Mal |
||||||
|
in Folge in Tübingen statt.</p> |
||||||
|
<p>Auf dem Event treffen sich Freaks, Künstlerinnen, Utopistinnen und einfach nur wissensgierige Menschen um |
||||||
|
gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch über Kreativität, |
||||||
|
Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in großen Schritten |
||||||
|
voranschreitende Klimakatastrophe. </p> |
||||||
|
<p>Der Chaostreff Tübingen ist noch relativ jung und am Aufbau und Pflegen einer Community. Deren geteilte Werte |
||||||
|
sind es gemeinschaftlich und unkommerziell einen Raum zu schaffen, in dem man voneinander lernen, sich |
||||||
|
entfalten und organisieren kann. Dieser soll auch ein Forum zum Austausch nahestehnder Gruppierungen und |
||||||
|
Individuen dienen.</p> |
||||||
|
<p>Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und <a |
||||||
|
href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich dazu |
||||||
|
eingeladen.</p> |
||||||
|
<div class="button-container"> |
||||||
|
<a href="index.html" class="button">Zur Hauptseite</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Dates & Deadlines</h2> |
||||||
|
|
||||||
|
<h3>Vorbereitung</h3> |
||||||
|
<ul> |
||||||
|
|
||||||
|
<li><s>Donnerstag 12 April 2024 - Öffnung Call for Participation</s></li> |
||||||
|
<li><s>Sonntag 21 April 2024 16:00 Uhr - Frühe offene Begehung vor Ort </s></li> |
||||||
|
<li><s>Sonntag 09 Juni 2024 16:00 Uhr - Letzte offene Begehung vor Ort</s></li> |
||||||
|
<li><s>Samstag 22 Juni 2024 - Deadline für Online-Einreichung der Beiträge</s></li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<h3>Event</h3> |
||||||
|
<ul> |
||||||
|
|
||||||
|
<li>Freitag 05 Juli 2024 - ab 16:00 Aufbau </li> |
||||||
|
<li>Samstag 06 Juli 2024 - Tag der digitalen Freiheit (Haupttag)</li> |
||||||
|
<li>Sonntag 07 Juli 2024 - bis 14:00 Uhr Veranstaltungsabschluss, dann Abbau. </li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Vorträge & Workshops</h2> |
||||||
|
<p>Die Frist für die Einreichung von Vorträgen und Workshops ist leider vorbei. |
||||||
|
Aber du kannst dich trotzdem noch einbringen, z.B. mit der Anmeldung eines Assemblies oder |
||||||
|
oder indem du dich als Elfe meldest und bei dem Event mithilfst. Du kannst auch gerne noch |
||||||
|
Vorschläge für Vorträge oder Lightning Talks per Mail an uns schicken. Es gibt noch freie Zeiten |
||||||
|
am Sonntagvormittag, oder du kannst nachrücken, falls ein Vortragender absagen muss. |
||||||
|
</p> |
||||||
|
|
||||||
|
<p>Alle nachträglichen Einreichungen und Fragen bitte an |
||||||
|
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a></p> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="assemblies"> |
||||||
|
<h2>Assemblies</h2> |
||||||
|
<p>Bringe dein Projekt mit und erlebe den einzigartigen Charme, der entsteht, wenn Menschen gemeinsam an |
||||||
|
Projekten arbeiten! Wer bereits CCC Events besucht hat, weiß genau, wovon die Rede ist. Wir stellen freie und |
||||||
|
passende Flächen zur Verfügung, damit ihr euer Assembly vor Ort umsetzen könnt. </p> |
||||||
|
<p>Was ist ein Assembly? Der Begriff hat viele Bedeutung wie „Konstuktion“, aber auch „Versammlung“. Es kann ein |
||||||
|
übergroßes interaktives Kunstobjekt sein, oder eine kreative Erfindung die in die Hosentasche passt. Es kann |
||||||
|
aber auch ein Gruppe vor Leuten sein, die sich vor Ort treffen und ihrer Leidenschaft nach gehen.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box"> |
||||||
|
<h2>Elfen</h2> |
||||||
|
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen.</p> |
||||||
|
<p>Es werden hinter und auch vor den Kulissen einige helfende Hände benötigt. </p> |
||||||
|
<p>Die Aufgaben sind in 2 bis 4 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain umsonst Mineralwasser und Snacks.</p> |
||||||
|
|
||||||
|
<div class="button-container"> |
||||||
|
<a href="https://elfen.cttue.de/" class="button">Zum Elfen-System</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p> |
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||||
|
<div> |
||||||
|
<h3>Aufbau</h3> |
||||||
|
<ul> |
||||||
|
<li>Fahrdienste</li> |
||||||
|
<li>Deko</li> |
||||||
|
<li>Möbelierung</li> |
||||||
|
<li>Beschilderung</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<h3>Vorträge</h3> |
||||||
|
<ul> |
||||||
|
<li>„Herald“ / Moderation</li> |
||||||
|
<li>Aufnahme</li> |
||||||
|
<li>Schnitt & Ton</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<h3>Verpflegung</h3> |
||||||
|
<ul> |
||||||
|
<li>WOC (Waffel Operation Center)</li> |
||||||
|
<li>Getränkeverkauf (Abends Cocktails)</li> |
||||||
|
<li>Grill (Samstag Abend)</li> |
||||||
|
<li>Elfenverpflegung</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
|
||||||
|
<h3>Betreuung</h3> |
||||||
|
<ul> |
||||||
|
<li>Info-Desk</li> |
||||||
|
<li>Awareness</li> |
||||||
|
<li>Springer*in</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<h3>Abendsveranstaltung</h3> |
||||||
|
<ul> |
||||||
|
<li>Soundtechnik</li> |
||||||
|
<li>Lichttechnik</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<h3>Abbau</h3> |
||||||
|
<ul> |
||||||
|
<li>Fahrdienst</li> |
||||||
|
<li>Möbelierung</li> |
||||||
|
<li>Putzen</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="box"> |
||||||
|
<h2>Übernachtung</h2> |
||||||
|
<p>Für extern Angereiste wollen wir im Elfenhain die Möglichkeit anbieten Freitag und Samstag Nacht zu |
||||||
|
übernachten auf Feldbetten & Sofas. Hierzu bitte unbedingt vorher bei Mailto:tdf@cttue.de anmelden.</p> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
</body> |
||||||
|
|
||||||
|
</html> |
||||||
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 469 KiB |
@ -0,0 +1,61 @@ |
|||||||
|
/* Box sizing rules */ |
||||||
|
*, |
||||||
|
*::before, |
||||||
|
*::after { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
/* Remove default padding */ |
||||||
|
ul[class], |
||||||
|
ol[class] { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
/* Remove default margin */ |
||||||
|
body, |
||||||
|
h1, |
||||||
|
h2, |
||||||
|
h3, |
||||||
|
h4, |
||||||
|
p, |
||||||
|
ul[class], |
||||||
|
ol[class], |
||||||
|
li, |
||||||
|
figure, |
||||||
|
figcaption, |
||||||
|
blockquote, |
||||||
|
dl, |
||||||
|
dd { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
/* Set core body defaults */ |
||||||
|
body { |
||||||
|
min-height: 100vh; |
||||||
|
scroll-behavior: smooth; |
||||||
|
text-rendering: optimizeSpeed; |
||||||
|
line-height: 1.5; |
||||||
|
} |
||||||
|
/* Remove list styles on ul, ol elements with a class attribute */ |
||||||
|
ul[class], |
||||||
|
ol[class] { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
/* A elements that don't have a class get default styles */ |
||||||
|
a:not([class]) { |
||||||
|
text-decoration-skip-ink: auto; |
||||||
|
} |
||||||
|
/* Make images easier to work with */ |
||||||
|
img { |
||||||
|
max-width: 100%; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
/* Natural flow and rhythm in articles by default */ |
||||||
|
article > * + * { |
||||||
|
margin-top: 1em; |
||||||
|
} |
||||||
|
/* Inherit fonts for inputs and buttons */ |
||||||
|
input, |
||||||
|
button, |
||||||
|
textarea, |
||||||
|
select { |
||||||
|
font: inherit; |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,245 @@ |
|||||||
|
* { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
html { |
||||||
|
font-family: "IBM Plex Mono", "Sometype Mono", "Office Code Pro", "Cousine", |
||||||
|
"Courier New", "Courier", monospace; |
||||||
|
font-size: 1.3vw; |
||||||
|
background: #2d95ab; |
||||||
|
background-image: url("/style/bg.png"); |
||||||
|
min-height: 100%; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-attachment: fixed; |
||||||
|
background-size: cover; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
body { |
||||||
|
width: 80%; |
||||||
|
min-height: 100%; |
||||||
|
margin: 0% auto; |
||||||
|
} |
||||||
|
header { |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
header img { |
||||||
|
width: 50%; |
||||||
|
margin: 1%; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
nav { |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
z-index: 1; |
||||||
|
background: #000000; |
||||||
|
color: #FFFFFF; |
||||||
|
text-wrap: balance; |
||||||
|
position: sticky; |
||||||
|
top: 0px; |
||||||
|
padding:0.2rem; |
||||||
|
} |
||||||
|
main { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
article { |
||||||
|
padding: 1rem; |
||||||
|
background: rgba(0, 0, 0, 0.7); |
||||||
|
} |
||||||
|
footer { |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
background: #000000; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
div.cont{ |
||||||
|
white-space: break-spaces; |
||||||
|
} |
||||||
|
div.h-box { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
div.h-2items,li.pagefind-ui__result { |
||||||
|
width: 48%; |
||||||
|
display: inline-block; |
||||||
|
margin: 2.5% 1%; |
||||||
|
text-align: center; |
||||||
|
border: solid 1px; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
} |
||||||
|
div.box{ |
||||||
|
border: solid 1px; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
margin: 1%; |
||||||
|
padding: 0% 0.5% 0.5% 0.5%; |
||||||
|
img{ |
||||||
|
max-height:15rem; max-width:15rem; |
||||||
|
} |
||||||
|
} |
||||||
|
h1 { |
||||||
|
text-align: center; |
||||||
|
color: yellow; |
||||||
|
} |
||||||
|
h2{ |
||||||
|
color: yellow; |
||||||
|
font-weight: bold; |
||||||
|
font-size: unset; |
||||||
|
} |
||||||
|
img { |
||||||
|
display: inline; |
||||||
|
} |
||||||
|
p.desc{ |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
p.bar, a.pagefind-ui__result-link{ |
||||||
|
display: block; |
||||||
|
text-align: center; |
||||||
|
background: darkblue; |
||||||
|
font-size: smaller; |
||||||
|
margin: 0px 1px; |
||||||
|
} |
||||||
|
small{ |
||||||
|
text-align: center; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
nav a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
a:hover { |
||||||
|
color: #808080; |
||||||
|
} |
||||||
|
a.current { |
||||||
|
color: #808080; |
||||||
|
} |
||||||
|
a.btn{ |
||||||
|
border: 1px solid; |
||||||
|
border-radius: 0.2rem; |
||||||
|
padding: 0.25rem; |
||||||
|
margin: 0.25rem; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
a.btn:hover{ |
||||||
|
color: #808080; |
||||||
|
} |
||||||
|
@media (max-width: 1250px) { |
||||||
|
html { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
body, nav { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
@media (max-width: 600px) { |
||||||
|
html { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
html,body,nav { |
||||||
|
max-width: 100%; |
||||||
|
min-width: 100%; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
div.h-2items,li.pagefind-ui__result { |
||||||
|
width: 98%; |
||||||
|
} |
||||||
|
} |
||||||
|
@media print { |
||||||
|
* { |
||||||
|
box-sizing: border-box; |
||||||
|
color: #000000 !important; |
||||||
|
background: #FFFFFF !important; |
||||||
|
} |
||||||
|
a { |
||||||
|
text-decoration: underline !important |
||||||
|
} |
||||||
|
} |
||||||
|
form.pagefind-ui__form{ |
||||||
|
text-align: center; |
||||||
|
white-space: initial; |
||||||
|
} |
||||||
|
img.pagefind-ui__result-image{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
div.tt{ |
||||||
|
position: relative; |
||||||
|
height: 7600px; |
||||||
|
div{ |
||||||
|
padding: 0% 0.5% 0.5% 0.5%; |
||||||
|
position: absolute; |
||||||
|
width: 20%; |
||||||
|
border: solid 1px; |
||||||
|
overflow: hidden; |
||||||
|
text-align: center; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
} |
||||||
|
div.loc1{ |
||||||
|
left:0%; |
||||||
|
} |
||||||
|
div.loc2{ |
||||||
|
left:20%; |
||||||
|
} |
||||||
|
div.loc3{ |
||||||
|
left:40%; |
||||||
|
} |
||||||
|
div.loc6{ |
||||||
|
left:80%; |
||||||
|
} |
||||||
|
div.loc7{ |
||||||
|
left:60%; |
||||||
|
} |
||||||
|
div.loc8{ |
||||||
|
display:none; |
||||||
|
} |
||||||
|
|
||||||
|
#marker{ |
||||||
|
display:none; |
||||||
|
color: red; |
||||||
|
padding-top: 20px; |
||||||
|
background:none; |
||||||
|
background-image: url("/style/fire.gif"); |
||||||
|
background-repeat: repeat-x; |
||||||
|
background-position-y: bottom; |
||||||
|
font-size: 2rem; |
||||||
|
width: 100%; |
||||||
|
height: 3.5rem; |
||||||
|
max-height: 3.5rem; |
||||||
|
border: none; |
||||||
|
border-bottom: solid 3px; |
||||||
|
opacity: 0.7; |
||||||
|
} |
||||||
|
} |
||||||
|
#status{ |
||||||
|
position: fixed; |
||||||
|
top: 5%; |
||||||
|
left:5%; |
||||||
|
width:90%; |
||||||
|
height: 90%; |
||||||
|
background: black; |
||||||
|
border: solid 5px; |
||||||
|
margin: 1%; |
||||||
|
padding: 0% 0.5% 0.5% 0.5%; |
||||||
|
display: none; |
||||||
|
overflow: hidden; |
||||||
|
white-space: break-spaces; |
||||||
|
font-size: 1.5rem; |
||||||
|
z-index:888; |
||||||
|
img{ |
||||||
|
max-height:15rem; |
||||||
|
margin: 0.5%; |
||||||
|
} |
||||||
|
} |
||||||
|
#touchBlocker{ |
||||||
|
position: fixed; |
||||||
|
top:0%; |
||||||
|
left:0%; |
||||||
|
width:100%; |
||||||
|
height:100%; |
||||||
|
z-index:999; |
||||||
|
} |
||||||
|
canvas{ |
||||||
|
background: unset !important; |
||||||
|
} |
||||||
|
.invisible{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 73 KiB |
@ -0,0 +1,314 @@ |
|||||||
|
@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; |
||||||
|
} |
||||||
Loading…
Reference in new issue