[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. 135
      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>
<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">
<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 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>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>
<h2>Safe the Date!</h2>
<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>
</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 class="box" id="participate">
<h2>macht mit!</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">Möchtest du selbst Teil des Programms werden? Wir werden schon bald den „Call for Participation“
starten und die Website für eure Einreichungen öffnen. Stay tuned!
</p>
</div>
<div class="box right-align" id="assemblies">
<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" 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>
<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="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>
<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>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 class="box" id="sponsor">
<h2>Unterstützer</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.
</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>
</div>
<p>&nbsp;</p>
</div>
</body>
</html>

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

Loading…
Cancel
Save