+
+
+
+
+
Das Event
+
Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum dritten Mal
+ in Folge in Tübingen statt.
+
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.
+
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.
+
Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und Ethik teilst und mithelfen willst, bist du herzlich dazu
+ eingeladen.
+
+
+
+
+
Dates & Deadlines
+
+
Vorbereitung
+
+
+ Donnerstag 12 April 2024 - Öffnung Call for ParticipationSonntag 21 April 2024 16:00 Uhr - Frühe offene Begehung vor Ort Sonntag 09 Juni 2024 16:00 Uhr - Letzte offene Begehung vor OrtSamstag 22 Juni 2024 - Deadline für Online-Einreichung der Beiträge
+
+
Event
+
+
+ - Freitag 05 Juli 2024 - ab 16:00 Aufbau
+ - Samstag 06 Juli 2024 - Tag der digitalen Freiheit (Haupttag)
+ - Sonntag 07 Juli 2024 - bis 14:00 Uhr Veranstaltungsabschluss, dann Abbau.
+
+
+
+
+
Vorträge & Workshops
+
Die Frist für die Einreichung von Vorträgen und Workshops ist leider vorbei.
+ Aber du kannst dich trotzdem noch einbringen, z.B. mit der Anmeldung eines Assemblies oder
+ oder indem du dich als Elfe meldest und bei dem Event mithilfst. Du kannst auch gerne noch
+ Vorschläge für Vorträge oder Lightning Talks per Mail an uns schicken. Es gibt noch freie Zeiten
+ am Sonntagvormittag, oder du kannst nachrücken, falls ein Vortragender absagen muss.
+
+
+
Alle nachträglichen Einreichungen und Fragen bitte an
+ tdf@cttue.de
+
+
+
+
+
Assemblies
+
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.
+
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.
+
+
+
+
Elfen
+
Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen.
+
Es werden hinter und auch vor den Kulissen einige helfende Hände benötigt.
+
Die Aufgaben sind in 2 bis 4 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain umsonst Mineralwasser und Snacks.
+
+
+
+
Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:
+
+
+
+
Aufbau
+
+ - Fahrdienste
+ - Deko
+ - Möbelierung
+ - Beschilderung
+
+
+
Vorträge
+
+ - „Herald“ / Moderation
+ - Aufnahme
+ - Schnitt & Ton
+
+
+
Verpflegung
+
+ - WOC (Waffel Operation Center)
+ - Getränkeverkauf (Abends Cocktails)
+ - Grill (Samstag Abend)
+ - Elfenverpflegung
+
+
+
+
+
Betreuung
+
+ - Info-Desk
+ - Awareness
+ - Springer*in
+
+
+
Abendsveranstaltung
+
+ - Soundtechnik
+ - Lichttechnik
+
+
+
Abbau
+
+ - Fahrdienst
+ - Möbelierung
+ - Putzen
+
+
+
+
+
+
+
+
+
Übernachtung
+
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.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tdf3/style/bg.png b/tdf3/style/bg.png
new file mode 100644
index 0000000..e5accd4
Binary files /dev/null and b/tdf3/style/bg.png differ
diff --git a/tdf3/style/fire.gif b/tdf3/style/fire.gif
new file mode 100644
index 0000000..b8f7f64
Binary files /dev/null and b/tdf3/style/fire.gif differ
diff --git a/tdf3/style/logo.png b/tdf3/style/logo.png
new file mode 100644
index 0000000..9969009
Binary files /dev/null and b/tdf3/style/logo.png differ
diff --git a/tdf3/style/reset.css b/tdf3/style/reset.css
new file mode 100644
index 0000000..a47da09
--- /dev/null
+++ b/tdf3/style/reset.css
@@ -0,0 +1,61 @@
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+box-sizing: border-box;
+}
+/* Remove default padding */
+ul[class],
+ol[class] {
+padding: 0;
+}
+/* Remove default margin */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+ul[class],
+ol[class],
+li,
+figure,
+figcaption,
+blockquote,
+dl,
+dd {
+margin: 0;
+}
+/* Set core body defaults */
+body {
+min-height: 100vh;
+scroll-behavior: smooth;
+text-rendering: optimizeSpeed;
+line-height: 1.5;
+}
+/* Remove list styles on ul, ol elements with a class attribute */
+ul[class],
+ol[class] {
+list-style: none;
+}
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+text-decoration-skip-ink: auto;
+}
+/* Make images easier to work with */
+img {
+max-width: 100%;
+display: block;
+}
+/* Natural flow and rhythm in articles by default */
+article > * + * {
+margin-top: 1em;
+}
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+font: inherit;
+}
+
diff --git a/tdf3/style/style.css b/tdf3/style/style.css
new file mode 100644
index 0000000..928ec38
--- /dev/null
+++ b/tdf3/style/style.css
@@ -0,0 +1,245 @@
+* {
+ box-sizing: border-box;
+}
+html {
+ font-family: "IBM Plex Mono", "Sometype Mono", "Office Code Pro", "Cousine",
+ "Courier New", "Courier", monospace;
+ font-size: 1.3vw;
+ background: #2d95ab;
+ background-image: url("/style/bg.png");
+ min-height: 100%;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+ color: #FFFFFF;
+}
+body {
+ width: 80%;
+ min-height: 100%;
+ margin: 0% auto;
+}
+header {
+ width: 100%;
+ text-align: center;
+}
+header img {
+ width: 50%;
+ margin: 1%;
+ border: none;
+}
+nav {
+ width: 100%;
+ text-align: center;
+ z-index: 1;
+ background: #000000;
+ color: #FFFFFF;
+ text-wrap: balance;
+ position: sticky;
+ top: 0px;
+ padding:0.2rem;
+}
+main {
+ width: 100%;
+}
+article {
+ padding: 1rem;
+ background: rgba(0, 0, 0, 0.7);
+}
+footer {
+ width: 100%;
+ text-align: center;
+ background: #000000;
+ color: #FFFFFF;
+}
+div.cont{
+ white-space: break-spaces;
+}
+div.h-box {
+ display: flex;
+ flex-wrap: wrap;
+}
+div.h-2items,li.pagefind-ui__result {
+ width: 48%;
+ display: inline-block;
+ margin: 2.5% 1%;
+ text-align: center;
+ border: solid 1px;
+ background: rgba(0, 0, 0, 0.5);
+}
+div.box{
+ border: solid 1px;
+ background: rgba(0, 0, 0, 0.5);
+ margin: 1%;
+ padding: 0% 0.5% 0.5% 0.5%;
+ img{
+ max-height:15rem; max-width:15rem;
+ }
+}
+h1 {
+ text-align: center;
+ color: yellow;
+}
+h2{
+ color: yellow;
+ font-weight: bold;
+ font-size: unset;
+}
+img {
+ display: inline;
+}
+p.desc{
+ text-align: center;
+}
+p.bar, a.pagefind-ui__result-link{
+ display: block;
+ text-align: center;
+ background: darkblue;
+ font-size: smaller;
+ margin: 0px 1px;
+}
+small{
+ text-align: center;
+ display: block;
+}
+a {
+ color: #FFFFFF;
+}
+nav a {
+ text-decoration: none;
+}
+a:hover {
+ color: #808080;
+}
+a.current {
+ color: #808080;
+}
+a.btn{
+ border: 1px solid;
+ border-radius: 0.2rem;
+ padding: 0.25rem;
+ margin: 0.25rem;
+ text-decoration: none;
+}
+a.btn:hover{
+ color: #808080;
+}
+@media (max-width: 1250px) {
+ html {
+ font-size: 16px;
+ }
+ body, nav {
+ width: 100%;
+ }
+}
+@media (max-width: 600px) {
+ html {
+ font-size: 16px;
+ }
+ html,body,nav {
+ max-width: 100%;
+ min-width: 100%;
+ width: 100%;
+ }
+ div.h-2items,li.pagefind-ui__result {
+ width: 98%;
+ }
+}
+@media print {
+ * {
+ box-sizing: border-box;
+ color: #000000 !important;
+ background: #FFFFFF !important;
+ }
+ a {
+ text-decoration: underline !important
+ }
+}
+form.pagefind-ui__form{
+ text-align: center;
+ white-space: initial;
+}
+img.pagefind-ui__result-image{
+ display: none;
+}
+div.tt{
+ position: relative;
+ height: 7600px;
+ div{
+ padding: 0% 0.5% 0.5% 0.5%;
+ position: absolute;
+ width: 20%;
+ border: solid 1px;
+ overflow: hidden;
+ text-align: center;
+ background: rgba(0, 0, 0, 0.5);
+ }
+ div.loc1{
+ left:0%;
+ }
+ div.loc2{
+ left:20%;
+ }
+ div.loc3{
+ left:40%;
+ }
+ div.loc6{
+ left:80%;
+ }
+ div.loc7{
+ left:60%;
+ }
+ div.loc8{
+ display:none;
+ }
+
+ #marker{
+ display:none;
+ color: red;
+ padding-top: 20px;
+ background:none;
+ background-image: url("/style/fire.gif");
+ background-repeat: repeat-x;
+ background-position-y: bottom;
+ font-size: 2rem;
+ width: 100%;
+ height: 3.5rem;
+ max-height: 3.5rem;
+ border: none;
+ border-bottom: solid 3px;
+ opacity: 0.7;
+ }
+}
+#status{
+ position: fixed;
+ top: 5%;
+ left:5%;
+ width:90%;
+ height: 90%;
+ background: black;
+ border: solid 5px;
+ margin: 1%;
+ padding: 0% 0.5% 0.5% 0.5%;
+ display: none;
+ overflow: hidden;
+ white-space: break-spaces;
+ font-size: 1.5rem;
+ z-index:888;
+ img{
+ max-height:15rem;
+ margin: 0.5%;
+ }
+}
+#touchBlocker{
+ position: fixed;
+ top:0%;
+ left:0%;
+ width:100%;
+ height:100%;
+ z-index:999;
+}
+canvas{
+ background: unset !important;
+}
+.invisible{
+ display: none;
+}
diff --git a/tdf3/style/ufo.png b/tdf3/style/ufo.png
new file mode 100644
index 0000000..82f376a
Binary files /dev/null and b/tdf3/style/ufo.png differ
diff --git a/tdf3/styles-0.1.css b/tdf3/styles-0.1.css
new file mode 100644
index 0000000..bc7f73a
--- /dev/null
+++ b/tdf3/styles-0.1.css
@@ -0,0 +1,314 @@
+@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;
+}
+
+#map {
+ background-image: url("image/map.png");
+}
+
+.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 1em;
+ 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;
+ 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;
+}
+
+b {
+ font-family: "TitilliumWeb-Bold";
+}
+
+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;
+}
+
+.image-bar {
+ display: flex;
+ width: 100%;
+ justify-content: space-around;
+ align-items: center;
+ background-color: #f0f0f0;
+ padding: 10px;
+}
+.image-bar img {
+ max-height: 100px;
+ margin: 0 10px;
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+