adding sub page 'participation'

pull/1/head
Martin Braun 7 months ago
parent c1a145a7bf
commit 001e58afcc
  1. 18
      index.html
  2. 212
      participate.html
  3. 87
      styles.css

@ -21,22 +21,22 @@
<div class="box" id="event">
<h2>Save the Date!</h2>
<p class="big">Am 6. Juli 2024 findet der 3. Tag der digitalen Freiheit in Tübingen statt.</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>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" 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>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="assemblies">

@ -0,0 +1,212 @@
<!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 &amp; 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 &amp; 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 direkt <a href="https://cfp.cttue.de/tdf3/">hier</a>
online ein, 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Sofas. Hierzu bitte unbedingt vorher bei Mailto:tdf@cttue.de anmelden.</p>
</div>
</body>
</html>

@ -18,7 +18,7 @@ body {
background-image: url("image/neon-scene.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-attachment: fixed;
padding-top: 20px;
margin: 0;
}
@ -55,7 +55,7 @@ body {
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);
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
background-blend-mode: soft-light;
background-size: auto 100%;
background-repeat: no-repeat;
@ -117,7 +117,7 @@ body {
}
p,
h2 {
h2, h3, li {
color: #ffff00;
}
@ -126,11 +126,40 @@ a {
}
p,
a {
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;
@ -140,6 +169,7 @@ h2 {
}
h3,
.big {
font-family: "TitilliumWeb-Bold";
font-size: 1.5em;
@ -155,18 +185,14 @@ h2 {
margin-top: 0;
}
ul {
list-style: none;
}
.flex {
height: 200px;
display: flex;
margin-bottom: 1em;
margin-bottom: 1em;
}
.box-sub {
display: flex;
display: flex;
flex: 33.33%;
padding: 10%;
background: #352040;
@ -180,21 +206,21 @@ ul {
margin-right: 20px;
margin-top: 35px;
max-width: 100px;
max-height: 150px;
max-height: 150px;
background-image: url("image/pagina_logo.png");
}
#sponsor-daasi {
margin-top: 50px;
max-width: 100px;
max-height: 150px;
max-height: 150px;
background-image: url("image/daasi_logo.png");
}
#sponsor-tuebingen {
margin-top: 35px;
max-width: 100px;
max-height: 150px;
max-height: 150px;
background-image: url("image/tuebingen_logo.png");
}
@ -202,13 +228,13 @@ ul {
margin-right: 20px;
margin-top: 50px;
max-width: 300px;
max-height: 150px;
max-height: 150px;
background-image: url("image/no_budget_logo.svg");
}
#veranstalter-ctt {
width: 150px;
height: 150px;
height: 150px;
background-image: url("image/CCTLogo.webp");
background-size: auto 100%;
}
@ -223,13 +249,36 @@ ul {
#veranstalter-kims {
margin-top: 2em;
width: 150px;
height: 150px;
height: 150px;
background-image: url("image/kims_logo.png");
}
.verlinkung {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
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;
}
Loading…
Cancel
Save