forked from cal/tdf-2023-webseite
Martin Braun
2 weeks ago
parent
6b9c16f0c3
commit
1bf965ed6c
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 720 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 293 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,108 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css"> |
||||||
|
<title>2. Tübinger Tag der digitalen Freiheit</title> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id="content"> |
||||||
|
<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" /> |
||||||
|
<div class="box" id="event"> |
||||||
|
<h2>Info</h2> |
||||||
|
<p>Das Event steht kurz bevor! |
||||||
|
Das Programm und die teilnehmenden Assemblies können hier eingesehen werden: |
||||||
|
<a target="_blank" href="https://cfp.tuebix.org/tdf/schedule/">https://cfp.tuebix.org/tdf/schedule/</a> |
||||||
|
</p> |
||||||
|
<p class="big">Wenn Elfen Helfen</p> |
||||||
|
<p>Dieses tolle Event funktioniert nur mit und dank eurer Hilfe. Tragt euch gern selbstständig ein, wenn ihr eine Schicht übernehmen mögt. |
||||||
|
<a target="_blank" href="https://pad.cttue.de/TDF23-Elfen">https://pad.cttue.de/TDF23-Elfen</a><p> |
||||||
|
|
||||||
|
<p class="big">Fahrplan</p><p> |
||||||
|
Es gibt verschiedene wichtige Zeiten rund ums Event: |
||||||
|
<p class="big">Freitag 16.6, ab 18:00 Uhr:</p> <p> Aufbau Assemblies - Herzliche Einladung schon früh dazu zu kommen.</p> |
||||||
|
<p class="big">Samstag 17.6., 12:45 Uhr:</p> <p>Eröffnung - Überblick und Bericht der Veranstaltenden.</p> |
||||||
|
<p class="big">Samstag 17.6., ab 21:00 Uhr:</p> <p>Abendprogramm - Konzerte, Spaß, Tschunk und Code.</p> |
||||||
|
<p class="big">Sonntag 18.6., ab 14:00 Uhr:</p><p> Abbau - Schön wars, gerne helfen!</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="box" id="event"> |
||||||
|
<h2>Das Event</h2> |
||||||
|
<p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Community Event. Das Programm kommt durch die Arbeit von verschiedenen netzpolitisch oder anders kreativ aktiven Personen, Initiativen und Organisationen zusammen.</p> |
||||||
|
<p>Das vielfältige Programm umfasst themenspezifische Talks mit einer Dauer von bis zu 30 Minuten, ebenso wie interessante Workshop-Angebote und Ausstellungsstücke. Außerdem sind im hinteren Bereich verschiedene Assemblies aufgebaut, wo man gemeinsam vor Ort aktiv werden oder sein persönliches Projekt vorstellen kann.</p> |
||||||
|
<p>Möchtest du selbst etwas zum Programms beitragen? Hier gehts zum <a href="https://cfp.tuebix.org/tdf/cfp">Call for Participation</a></p> |
||||||
|
</div> |
||||||
|
<div class="box" id="dates"> |
||||||
|
<h2>Termine</h2> |
||||||
|
<p class="label">Veranstaltungstermin:</p> |
||||||
|
<p class="big">Samstag, 17. Juni 2023</p> |
||||||
|
<p class="label">Uhrzeit:</p> |
||||||
|
<p class="big">13.00 bis 21.00 Uhr: Vorträge, Workshops, Assemblies</p> |
||||||
|
<p class="big">21.00 Uhr bis Open End: Bands, Djs, Assemblies</p> |
||||||
|
<p class="label">Einsendeschluss für Programmbeiträge, <br/>Workshops, Vorträge, Assemblies:</p> |
||||||
|
<p class="big">Freitag, 26. Mai 2023</p> |
||||||
|
</div> |
||||||
|
<div class="box right-align" 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" id="shedhalle"> |
||||||
|
<h2>Die Shedhalle</h2> |
||||||
|
<p>Die Veranstaltung findet auf dem Shedhallen-Gelände statt. Da die eigentlich Shedhalle momentan als Mensa genutzt wird, unterhält der Shedhallen-Verein zur Zeit andere Räume des ehemaligen Schlachthofs, in denen wir uns treffen.</p> |
||||||
|
<p>Mehr Informationen über den Ort und den Shedhalle Tübingen e.V. findest du unter <a href="https://shedhalle.de/de">shedhalle.de</a>.</p> |
||||||
|
</div> |
||||||
|
<div class="box" id="ctt"> |
||||||
|
<h2>Organisator</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="costs"> |
||||||
|
<h2>Kosten</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> |
||||||
|
<h2 class="right-align">Anreise</h2> |
||||||
|
<p class="right-align">Der Veranstaltungsort ist vom Hauptbahnhof in ca. 15 Geh-Minuten und von der nächsten Bushaltestelle, am Lothar-Meyer-Bau, in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger Stadtbus kostenfrei.</p> |
||||||
|
</div> |
||||||
|
<div class="box"> |
||||||
|
<h2>TDF 2022 RÜckblick</h2> |
||||||
|
<p>Der erste Tübinger Tag der digitalen Freiheit war ein voller Erfolg. Hier einige Impressionen:</p> |
||||||
|
<ul> |
||||||
|
<li><a href="https://pixelfed.de/ctt" target="_blank">Bildimpressionen auf dem Pixelfed des Chaostreff.</a></li> |
||||||
|
<li><a href="https://iconet-foundation.org/blog/tdf" target="_blank">Rückblick in einem iconet Blogbeitrag.</a></li> |
||||||
|
<li><a href="https://iconet-foundation.org/digitale-freiheit" target="_blank">Programm vom letzten Jahr.</a></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div class="box"> |
||||||
|
<h2>Sponsoren</h2> |
||||||
|
<div class="flex"> |
||||||
|
<div class="box-sub" id="sponsor-daasi"> |
||||||
|
<a href="https://daasi.de" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
<div class="box-sub" id="sponsor-no-budget"> |
||||||
|
<a href="https://www.plattform-nobudget.de/" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
<div class="box-sub" id="sponsor-pagina"> |
||||||
|
<a href="https://pagina.gmbh/" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
<div class="box-sub" id="sponsor-tuebingen"> |
||||||
|
<a href="https://www.tuebingen.de/" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="box"> |
||||||
|
<h2>Veranstaltet durch</h2> |
||||||
|
<div class="flex"> |
||||||
|
<div class="box-sub" id="veranstalter-ctt"> |
||||||
|
<a href="https://cttue.de" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
<div class="box-sub" id="veranstalter-shedhalle"> |
||||||
|
<a href="https://shedhalle.de" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
<div class="box-sub" id="veranstalter-kims"> |
||||||
|
<a href="https://ki-maker.space/" target="_blank" class="verlinkung"></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,208 @@ |
|||||||
|
|
||||||
|
|
||||||
|
@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: #40264c; |
||||||
|
background-image: url("image/neon-scene.png"); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center top; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
#content { |
||||||
|
max-width: 1000px; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 0 75px; |
||||||
|
} |
||||||
|
|
||||||
|
#event { |
||||||
|
background-image: url("image/event.png"); |
||||||
|
padding-right: 15%; |
||||||
|
} |
||||||
|
|
||||||
|
#dates { |
||||||
|
background-image: url("image/dates.png"); |
||||||
|
} |
||||||
|
|
||||||
|
#ctt { |
||||||
|
background-image: url("image/CCTLogo.webp"); |
||||||
|
background-blend-mode: multiply; |
||||||
|
padding-right: 25%; |
||||||
|
background-size: auto 80%; |
||||||
|
} |
||||||
|
|
||||||
|
#shedhalle { |
||||||
|
background-image: url("image/shedhalle.png"); |
||||||
|
padding-right: 15%; |
||||||
|
} |
||||||
|
|
||||||
|
#assemblies { |
||||||
|
background-image: url("image/assemblies.png"); |
||||||
|
background-position: left; |
||||||
|
} |
||||||
|
|
||||||
|
#costs { |
||||||
|
background-image: url("image/costs.png"); |
||||||
|
background-position: bottom; |
||||||
|
background-size: 100% auto; |
||||||
|
} |
||||||
|
|
||||||
|
#banner { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
mix-blend-mode: lighten; |
||||||
|
} |
||||||
|
|
||||||
|
.right-align { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
p, |
||||||
|
h2 { |
||||||
|
color: #ffff00; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
color: #ffffaa; |
||||||
|
} |
||||||
|
|
||||||
|
p, |
||||||
|
a { |
||||||
|
font-family: "TitilliumWeb-Regular"; |
||||||
|
font-size: 1.2em; |
||||||
|
} |
||||||
|
|
||||||
|
h2 { |
||||||
|
font-family: "TitilliumWeb-Bold"; |
||||||
|
text-transform: uppercase; |
||||||
|
font-size: 3em; |
||||||
|
margin-top: 0em; |
||||||
|
margin-block-end: 0em; |
||||||
|
} |
||||||
|
|
||||||
|
.box { |
||||||
|
background: #352040; |
||||||
|
margin-bottom: 2em; |
||||||
|
padding: 1em 2em 0.7em; |
||||||
|
border-style: solid; |
||||||
|
border-color: #1473cc; |
||||||
|
border-width: 1px; |
||||||
|
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; |
||||||
|
text-shadow: 0px 0px 5px #352040, |
||||||
|
0px 0px 10px #352040, |
||||||
|
0px 0px 15px #352040, |
||||||
|
0px 0px 20px #352040, |
||||||
|
0px 0px 25px #352040, |
||||||
|
0px 0px 30px #352040; |
||||||
|
} |
||||||
|
|
||||||
|
.big { |
||||||
|
font-family: "TitilliumWeb-Bold"; |
||||||
|
font-size: 1.5em; |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.label { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.label-sub { |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
|
||||||
|
ul { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
.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; |
||||||
|
} |
||||||
Loading…
Reference in new issue