forked from cal/tdf-2023-webseite
12387712
6 months ago
parent
63e618af19
commit
2f2c34fbad
@ -1,80 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
|
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<link rel="stylesheet" type="text/css" href="../styles.css"> |
|
||||||
<title>3. Tübinger Day of Digital Freedom</title> |
|
||||||
</head> |
|
||||||
|
|
||||||
<body> |
|
||||||
<div id="languages"><a href="https://tdf.cttue.de"><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>Save the Date!</h2> |
|
||||||
<p class="big">On July 6, 2024, the 3rd Day of Digital Freedom will take place in Tübingen.</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" 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="assemblies"> |
|
||||||
<h2>Assemblies</h2> |
|
||||||
<p>Bring your projects and experience the unique charm that arises when people work together! |
|
||||||
Those who have already visited CCC events know exactly what we're talking about. We provide free and |
|
||||||
suitable spaces so that you can organize your assembly on site.</p> |
|
||||||
<p>What is an assembly? The term has many meanings like "construction", but also "gathering". It can be an |
|
||||||
oversized interactive art object, or a creative invention that fits in your pocket. But it can also be a |
|
||||||
group of people meeting on site and pursuing their passion.</p> |
|
||||||
</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> |
|
||||||
|
|
||||||
</div> |
|
||||||
<p> </p> |
|
||||||
</div> |
|
||||||
</body> |
|
||||||
|
|
||||||
</html> |
|
||||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 165 KiB |
|
Before Width: | Height: | Size: 143 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 99 B |
|
Before Width: | Height: | Size: 288 B |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 972 KiB |
|
Before Width: | Height: | Size: 953 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 328 KiB |
|
Before Width: | Height: | Size: 3.7 MiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 293 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
@ -1,217 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
|
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<link rel="stylesheet" type="text/css" href="styles.css"> |
|
||||||
<title>3. Tübinger Tag der digitalen Freiheit</title> |
|
||||||
</head> |
|
||||||
|
|
||||||
<body> |
|
||||||
<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>Donnerstag 12 April 2024 - Öffnung Call for Participation</li> |
|
||||||
<li>Sonntag 21 April 2024 16:00 Uhr - Frühe offene Begehung vor Ort </li> |
|
||||||
<li>Samstag 08 Juni 2024 - Deadlines für Online-Einreichung der Beiträge</li> |
|
||||||
<li>Sonntag 09 Juni 2024 16:00 Uhr - Letzte offene Begehung vor Ort</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>Bringe gerne einen Vortrag auf die Bühne, oder Teile dein Wissen in einem Workshop mit anderen. </p> |
|
||||||
|
|
||||||
<ul> |
|
||||||
<li>Vorträge sind für 20 oder 45 Minuten angesetzt (jeweils + 10 Minuten Fragen)</li> |
|
||||||
<li>Workshops sind für 45 Minuten angesetzt.</li> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<p>Tragt eure Ideen und Vorschläge bitte hier ein:</p> |
|
||||||
|
|
||||||
<div class="button-container"> |
|
||||||
<a href="https://cfp.cttue.de/tdf3/cfp" class="button">Call for Participation</a> |
|
||||||
</div> |
|
||||||
|
|
||||||
<p>Wir geben euch nach Ende der Deadline Rückmeldung.</p> |
|
||||||
|
|
||||||
<p>Falls ihr außerhalb dieser Form etwas beitragen möchtet oder sonst etwas benötigt, meldet euch sehr gerne bei |
|
||||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a></p> |
|
||||||
|
|
||||||
<h3>Submission guidelines</h3> |
|
||||||
|
|
||||||
<p>Lasse uns bitte über das Webinterface eine sinnvolle, möglichst vollständige, aber nicht übermäßig lange |
|
||||||
Beschreibung deines geplanten Vortrags/Workshops zukommen. Deine Beschreibung hat einen großen Einfluss auf |
|
||||||
die Auswahl und bei deren Annahme auch auf dein Publikum. Setze dich also bitte Intensiv mit deiner |
|
||||||
Beschreibung vor deiner Einreichung auseinander. </p> |
|
||||||
|
|
||||||
<p>Es ist nicht sinnvoll, Firmen- oder Produktpropaganda einzureichen, auch nicht verdeckte. Marketing- und |
|
||||||
Sales-Droiden werden gnadenlos rausgefiltert ohne eine Spur zu hinterlassen. Wir wollen einen kommerzfreie |
|
||||||
Veranstaltung gestalten.</p> |
|
||||||
|
|
||||||
<p>Vorträge können entweder 20 Minuten (plus Fragen) oder 45 Minuten (plus Fragen) sein. Workshops sind im |
|
||||||
Interface mit 45 Minuten auswählbar. Falls zeitliche Abweichungen gewünscht sind, trage sie einfach in das |
|
||||||
Notiz-Feld ein. </p> |
|
||||||
|
|
||||||
</div> |
|
||||||
<div class="box"> |
|
||||||
<h2>Tracks</h2> |
|
||||||
|
|
||||||
<p>In folgende Themen kannst du deine Beiträge einordnen / auch weitere Inhalte erwarten.</p> |
|
||||||
|
|
||||||
<h3>Kreativität & Schönheit</h3> |
|
||||||
|
|
||||||
<p>Das Zitat „you can create art and beauty with a computer“ aus der Hackerethik von Steven Levis (1984) ist das |
|
||||||
Leitmotiv für diesen Track. Wir freuen uns über Einreichungen die darstellende oder bildenden Kunst mit Themen |
|
||||||
und Techniken der digitalen Welt und den Ideen der Hacker-Kultur verbinden.</p> |
|
||||||
|
|
||||||
<h3>Ethik, Politik & Gesellschaft</h3> |
|
||||||
|
|
||||||
<p>Der Track betrachtet die ethischen, politischen und gesellschaftlichen Technikfolgen, die unser Leben |
|
||||||
betreffen. Es geht um konstruktive und mutmachende Beiträge, wie man dem allgemeinen Ohnmachtsgefühl |
|
||||||
entgegentreten kann, das durch die gegenwärtigen Trends wie Demokratieverfall, Klimakatastrophe und Kriegen |
|
||||||
entsteht.</p> |
|
||||||
|
|
||||||
<h3>Hardware & Code</h3> |
|
||||||
|
|
||||||
<p>Wir umgeben uns mit Dingen, die wir (scheinbar) nicht verstehen, aufmachen, reparieren oder gar selbst |
|
||||||
herstellen können. Das muss nicht so sein. Wir können „Maker“ sein und lernen, wie man Dinge macht und |
|
||||||
verändert, durchschaut und programmiert. Wir freuen uns über Beiträge, die zeigen, wie wir uns der Technik |
|
||||||
ermächtigen können.</p> |
|
||||||
|
|
||||||
<h3>Digitalität & Mündigkeit</h3> |
|
||||||
|
|
||||||
<p>In diesem Track geht es um die Fähigkeit, digitale Technologien und Medien kritisch zu verstehen, |
|
||||||
verantwortungsbewusst zu nutzen und sich sicher in der digitalen Welt zu bewegen. Beiträge zu Medienkompetenz, |
|
||||||
Datenschutz, Cybersicherheit, kritisches Denken und Ethik im digitalen Kontext sind willkommen.</p> |
|
||||||
|
|
||||||
<h3>Vielfalt & Achtsamkeit</h3> |
|
||||||
|
|
||||||
<p>Menschen sind unterschiedlich. Es gibt Formen der Diversität die wir kulturell akzeptieren oder gar nicht |
|
||||||
wahrnehmen. Problematisch wird es, wenn Individuen oder Gruppen ausgegrenzt oder verletzt werden, sei es wegen |
|
||||||
ihre Herkunft, der sexuellen Orientierung und Identität oder der Art, wie ihr Gehirn funktioniert. Wie können |
|
||||||
wir in der digitalen Welt eine Wahrnehmung von Diversität und positiven Umgang damit entwickeln.</p> |
|
||||||
|
|
||||||
<h3>Nachhaltigkeit & Klimagerechtigkeit</h3> |
|
||||||
|
|
||||||
<p>Dieser Track heißt alle Einreichungen willkommen, die sich kritisch mit Gestaltung und Einsatz von |
|
||||||
Technologie im aktuellen Kontext globaler ökologischer Ungerechtigkeit und des Zusammenbruchs von Ökosystemen |
|
||||||
auseinandersetzen. Wir freuen uns auf Beiträge, die eine nachhaltige, gerechte und demokratische digitale |
|
||||||
Zukunft anstreben und fördern.</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,5 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain freie |
|
||||||
alkoholfreie Getränke und Verpflegung.</p> |
|
||||||
|
|
||||||
<p>Das Elfen-System geht bald(^TM) online.</p> |
|
||||||
|
|
||||||
<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> |
|
||||||
@ -1,295 +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; |
|
||||||
} |
|
||||||
|
|
||||||
.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; |
|
||||||
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; |
|
||||||
padding-right: 10%; |
|
||||||
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; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
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; |
|
||||||
} |
|
||||||
Loading…
Reference in new issue