[TDF3] V.0.1 - safe the date

pull/1/head
Martin Braun 9 months ago
parent b086bb6fc8
commit 545d80fdc5
  1. BIN
      image/assemblies.png
  2. BIN
      image/banner-1.png
  3. BIN
      image/banner-2.png
  4. BIN
      image/banner-3.png
  5. BIN
      image/costs.png
  6. BIN
      image/dates.png
  7. BIN
      image/event.png
  8. BIN
      image/neon-scene.png
  9. BIN
      image/network.png
  10. BIN
      image/participate.png
  11. BIN
      image/pesthoenchen.png
  12. BIN
      image/shedhalle.png
  13. BIN
      image/sponsor.png
  14. 151
      index.html
  15. 119
      styles.css

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 251 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 720 KiB

After

Width:  |  Height:  |  Size: 972 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 953 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 328 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

@ -1,108 +1,77 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<meta charset="utf-8"> <head>
<link rel="stylesheet" type="text/css" href="styles.css"> <meta charset="utf-8">
<title>3. Tübinger Tag der digitalen Freiheit</title> <link rel="stylesheet" type="text/css" href="styles.css">
</head> <title>3. Tübinger Tag der digitalen Freiheit</title>
<body> </head>
<body>
<div class="background">
<div id="content"> <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> <div class="banner-box">
Es gibt verschiedene wichtige Zeiten rund ums Event: <img class="banner" id="banner-1" src="image/banner-1.png" />
<p class="big">Freitag 16.6, ab 18:00 Uhr:</p> <p> Aufbau Assemblies - Herzliche Einladung schon früh dazu zu kommen.</p> <img class="banner" id="banner-2" src="image/banner-2.png" />
<p class="big">Samstag 17.6., 12:45 Uhr:</p> <p>Eröffnung - Überblick und Bericht der Veranstaltenden.</p> <img class="banner" id="banner-3" src="image/banner-3.png" />
<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>
<div class="box" id="event"> <div class="box" id="event">
<h2>Das Event</h2> <h2>Safe the Date!</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 class="big">Am 6. Juli 2024 findet der 3. Tag der digitalen Freiheit in Tübingen statt.</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>Das vielfältige Programm umfasst themenspezifische Talks mit einer Dauer von bis zu 30 Minuten, ebenso wie
<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> 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>
</div> </div>
<div class="box" id="dates">
<h2>Termine</h2> <div class="box" id="participate">
<p class="label">Veranstaltungstermin:</p> <h2>macht mit!</h2>
<p class="big">Samstag, 17. Juni 2023</p> <p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Community Event. Das Programm kommt durch die Arbeit
<p class="label">Uhrzeit:</p> von verschiedenen netzpolitisch oder anders kreativ aktiven Personen, Initiativen und Organisationen zusammen.
<p class="big">13.00 bis 21.00 Uhr: Vorträge, Workshops, Assemblies</p> </p>
<p class="big">21.00 Uhr bis Open End: Bands, Djs, Assemblies</p> <p class="big">Möchtest du selbst Teil des Programms werden? Wir werden schon bald den „Call for Participation“
<p class="label">Einsendeschluss für Programmbeiträge, <br/>Workshops, Vorträge, Assemblies:</p> starten und die Website für eure Einreichungen öffnen. Stay tuned!
<p class="big">Freitag, 26. Mai 2023</p> </p>
</div> </div>
<div class="box right-align" id="assemblies">
<div class="box" id="assemblies">
<h2>Assemblies</h2> <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>Bringe dein Projekt mit und erlebe den einzigartigen Charme, der entsteht, wenn Menschen gemeinsam an
<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> Projekten arbeiten! Wer bereits CCC Events besucht hat, weiß genau, wovon die Rede ist. Wir stellen freie und
</div> passende Flächen zur Verfügung, damit ihr euer Assembly vor Ort umsetzen könnt. </p>
<div class="box" id="shedhalle"> <p>Was ist ein Assembly? Der Begriff hat viele Bedeutung wie „Konstuktion“, aber auch „Versammlung“. Es kann ein
<h2>Die Shedhalle</h2> übergroßes interaktives Kunstobjekt sein, oder eine kreative Erfindung die in die Hosentasche passt. Es kann
<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> aber auch ein Gruppe vor Leuten sein, die sich vor Ort treffen und ihrer Leidenschaft nach gehen.</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>
<div class="box" id="ctt"> <div class="box" id="ctt">
<h2>Organisator</h2> <h2>Veranstalter</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>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> <p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p>
</div> </div>
<div class="box" id="costs">
<h2>Kosten</h2> <div class="box" id="sponsor">
<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>Unterstützer</h2>
<h2 class="right-align">Anreise</h2> <p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. Dadurch
<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> ist
</div> das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p>
<div class="box"> <p>Damit dies möglich ist, haben uns in den vergangen Jahren Sponsoren unterstützt. Auch dieses Jahr
<h2>TDF 2022 RÜckblick</h2> freuen wir uns auf Unterstützer.
<p>Der erste Tübinger Tag der digitalen Freiheit war ein voller Erfolg. Hier einige Impressionen:</p> </p>
<ul> <p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in Frage
<li><a href="https://pixelfed.de/ctt" target="_blank">Bildimpressionen auf dem Pixelfed des Chaostreff.</a></li> kommt? Schreib uns unter
<li><a href="https://iconet-foundation.org/blog/tdf" target="_blank">Rückblick in einem iconet Blogbeitrag.</a></li> tdf@cttue.de</p>
<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>
</div> </div>
</body> <p>&nbsp;</p>
</div>
</body>
</html> </html>

@ -1,5 +1,3 @@
@font-face { @font-face {
font-family: 'TitilliumWeb-Regular'; font-family: 'TitilliumWeb-Regular';
src: url('font/TitilliumWeb-Regular.ttf'); src: url('font/TitilliumWeb-Regular.ttf');
@ -10,13 +8,70 @@
src: url('font/TitilliumWeb-Bold.ttf'); src: url('font/TitilliumWeb-Bold.ttf');
} }
body { body {
background: #40264c; background: #2D95AB;
padding: 0;
margin: 0;
}
.background {
background-image: url("image/neon-scene.png"); background-image: url("image/neon-scene.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
background-attachment: fixed;
padding-top: 20px;
margin: 0;
}
.banner {
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: 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 { #content {
@ -26,30 +81,24 @@ body {
} }
#event { #event {
background-image: url("image/event.png"); background-image: url("image/network.png");
padding-right: 15%;
} }
#dates { #assemblies {
background-image: url("image/dates.png"); background-image: url("image/assemblies.png");
} }
#ctt { #sponsor {
background-image: url("image/CCTLogo.webp"); background-image: url("image/sponsor.png");
background-blend-mode: multiply;
padding-right: 25%;
background-size: auto 80%;
} }
#shedhalle { #ctt {
background-image: url("image/shedhalle.png"); background-image: url("image/pesthoenchen.png");
padding-right: 15%;
} }
#assemblies {
background-image: url("image/assemblies.png");
background-position: left;
}
#costs { #costs {
background-image: url("image/costs.png"); background-image: url("image/costs.png");
@ -57,14 +106,12 @@ body {
background-size: 100% auto; background-size: 100% auto;
} }
#banner { .banner-box {
margin: 0; position: relative;
padding: 0; height: 400px;
width: 100%;
height: auto;
mix-blend-mode: lighten;
} }
.right-align { .right-align {
text-align: right; text-align: right;
} }
@ -92,26 +139,6 @@ h2 {
margin-block-end: 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 { .big {
font-family: "TitilliumWeb-Bold"; font-family: "TitilliumWeb-Bold";

Loading…
Cancel
Save