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