preparation for after-camp standard site

This commit is contained in:
Tobi 2023-08-03 13:38:36 +02:00
parent f589d990ce
commit cfa0d5bcc9
8 changed files with 1453 additions and 112 deletions

View file

@ -23,14 +23,15 @@
<header id="header">
<div class="dropdown">
<!-- Language selector not online on standard site-->
<!--<div class="dropdown">
<button class="dropbtn">Languages</button>
<div class="dropdown-content">
<a href="index.html">🇩🇪 Deutsch</a>
<a href="index_fr.html">🇫🇷 Français</a>
<a href="index_en.html">🇺🇸 English</a>
</div>
</div>
</div>-->
<div class="content">
<div class="inner">
@ -41,21 +42,21 @@
<nav>
<ul>
<li><a href="#announce">Was?</a></li>
<li><a href="#date">Wann/wo?</a></li>
<li><a href="#rsvp">Anmeldung</a></li>
<li><a href="#timetable">TimeTable</a></li>
<li><a href="#archive">Archiv</a></li>
<li><a href="#y2022">2022</a></li>
<li><a href="#y2023" class="button primary">2023</a></li>
<li><a href="#y2024">2024?!</a></li>
<li><a href="#contact">Kontakt</a></li>
<!--<li><a href="">Online MeetUp</a></li>-->
<!--<li><a href="#contact">Kontakt</a></li>-->
</ul>
</nav>
<nav>
<!--<a href="nolinksetyet" class="button primary">Live now: Online MeetUp</a>
br><p style="color: red; font-weight: bold">Nächstes Online Meet-Up<br>am Samstag, 01.07.23 um 20 Uhr.</br>Du findest den Link kurz vorher hier auf der Seite.</p>-->
<!--<nav>
<a href="nolinksetyet" class="button primary">Live now: Online MeetUp</a>
br><p style="color: red; font-weight: bold">Nächstes Online Meet-Up<br>am Samstag, 01.07.23 um 20 Uhr.</br>Du findest den Link kurz vorher hier auf der Seite.</p>
<a href="#campinfos" class="button primary">Camp Infos</a>
</nav>
</nav>-->
</header>
<!-- Main -->
@ -64,8 +65,8 @@
<!-- Announcement -->
<article id="announce">
<h2 class="major">FediCamp 2023</h2>
<p>Hast du Lust auf eine kleine Fediversumsparty?</p>
<h2 class="major">Das ist das Fedi Camp</h2>
<p>Das Fedi Camp hat nun schon zum zweiten Mal stattgefunden. Schau gern die Berichte und Bilder an.</p>
<p>Wir treffen uns gemeinsam und lernen Leute persönlich kennen, die wir über eine lange Zeit aus dem Fediversum kennen. Gleichzeitig halten wir gegenseitig Vorträge, sitzen am Lagerfeuer und haben eine gute Zeit zusammen. Die Veranstaltung ist Chaos-nah, jede:r gestaltet und wir machen daraus was uns und allen gefällt.</p>
@ -87,72 +88,9 @@
</article>
<!-- Date -->
<article id="date">
<h2 class="major">Wann und Wo?</h2>
<!--<span class="image main"><img src="images/pic02.jpg" alt="" /></span>-->
<h2>Allgemeines</h2>
<p>Das FediCamp 2023 findet vom 18. - 23.07.2023 statt.</p>
<p><a href="promo/fedicamp2023.ics" class="button">Im Kalender speichern</a></li></p>
<p><a href="#showmetheway" class="button">Anfahrt</a></li></p>
<p>Gecampt wird auf dem Gelände vom Gasthaus Wiese, da liegen bereits reichhaltige Erfahrungen mit Camps vor.</p>
<h3>Gasthaus Wiese</h3>
<p>Das Gasthaus Wiese befindet sich in dem kleinen 70-Seelendorf Gedelitz im Wendland, in der Nähe von Gorleben, am Rand des. Biosphärenreservats Niedersächsische-Elbtalaue. 3 km entfernt sind die berühmten Atommüllzwischen- und geplantes Endlager.</p>
<p>Die Elbe ist 5 km entfernt, es gibt ne Menge Wald, Feuerstelle, Ziegen, Kaffee in ausreichender Menge, es wird gekocht, am Lagerfeuer gesessen, Gitarre gespielt und sowas, ach, das wird einfach wieder meganice!</p>
<h3>Also meldet Euch an.</h3>
<h2 class="image main"><img src="images/pic02.jpg" alt="Gasthaus Wiese und Camp. Fedicamp 2022." /></h2>
<p>(Gasthaus Wiese und Camp von oben. Fedicamp 2022.)</p>
</article>
<!-- Show me the way-->
<article id="showmetheway">
<h2 class="major">So findet Ihr zu uns</h2>
<p><a href="https://gasthaus-wiese.de/home/">Website Gasthaus Wiese</a></li></p>
<h3>Mit der Bahn (Ziel "Gedelitz Ort, Trebel")</h3>
<p>Nächster Bahnhof: Salzwedel<br>Von dort mit dem Bus 8040 nach Lüchow, weiter mit dem Bus 8060 nach Gedelitz Ort, Trebel.</p>
<h3>Mit dem Auto</h3>
<p>Nutzt den Routenplaner Eurer Wahl: <b>Ziel Gedelitz, 29494 Trebel</b></p>
<p>Außerdem steht von 9.00 bis 18.00 Uhr ein Rufbus zur Verfügung. Ruft dort 90 Minuten vor Abfahrt an: +49 5841 977377.</p>
<h3>Links</h3>
<p><a href="https://www.openstreetmap.org/node/1488568918">OpenStreetMap</a></li></p>
<p><a href="https://goo.gl/maps/Y3gHXt3N5idnu1HU8">GoogleMaps</a></li></p>
<p><a href="https://w3w.co/beady.feeder.outline">What3Words: ///beady.feeder.outline</a></li></p>
<p>Geokoordinaten: 53.03011,11.30815</p>
</article>
<!-- RSVP -->
<article id="rsvp">
<h2 class="major">Anmeldung</h2>
<p>Bitte meldet Euch per E-Mail an, damit wir einen Überblick über die Anzahl an Teilnehmenden haben. Wir werden Euch die Anmeldung bestätigen.</p>
<p><a href="mailto:info@fedi.camp" class="button">Mail an info@fedi.camp</a></li></p>
<h2 class="major">Kosten</h2>
<p>Wir rechnen mit Kosten von ca. €100 pro Person.<p>
<p>Hierin enthalten ist ein Campingplatz inkl. Kfz, Sanitäranlagen und Strom. Wir zahlen den Campingplatz dann gesammelt. Ggf. Restgeld wird für Essen verwendet. Es gibt keinen Veranstalter, jede/r Teilnehmende ist Privatkunde auf dem Campingplatz.</p>
</article>
<!-- TimeTable -->
<article id="timetable">
<h2 class="major">TimeTable</h2>
<p>Hier findet Ihr den Fahrplan zum FediCamp.<p>
<p>Wenn Ihr weitere Sessions hinzufügen möchtet, schickt uns bitte eine E-Mail mit allen im TimeTable benötigten Angaben.<br></p>
<p><b>Schaut während des Camps bitte öfters in den Plan. Veranstatlungen können sich verschieben, der Ort kann sich ändern und weitere Sessions werden hinzukommen!</b></p>
<p><a href="./timetable/index.html" class="button">TimeTable öffnen</a></li></p>
</article>
<!-- ARCHIVE -->
<article id="archive">
<!-- ARCHIVE 2022 -->
<article id="y2022">
<h2 class="major">Archiv</h2>
<h1>Berichte aus 2022</h1>
<p>Berichte und Fotos des ersten FediCamp im Jahre 2022 findet Ihr hier.</p>
@ -211,43 +149,36 @@
<li>Packpapierverlag: Herrmann vom Packpapierverlag hat in einer spontanen Aktion einen Stand aufgebaut, an dem anarchistische/linke/alternative/öko-fixierte Bücher, Buttons, Aufnäher, Sticker etc. verkauft wurden. Und da das Fedicamp keine sonderlichen definierten "Aufnahmebedingungen" hatte, wurde Herrmann auch direkt in die Gruppe aufgenommen, hörte bei Vorträgen mit, beteiligte sich am Kaffeekonsum... und so weiter und so fort. https://packpapierverlag.de</li></p>
</article>
<!-- Camp Infos -->
<article id="campinfos">
<h2 class="major">Camp Infos</h2>
<p>Teilnehmende finden hier aktuelle Informationen. Schaut bitte täglich hier vorbei und kommt auch in den Matrix Raum!</p>
<a href="https://matrix.to/#/#fedicamp:hyteck.de" class="button">Matrix-Raum</a><br><br><br>
<!-- ARCHIVE 2023 -->
<article id="y2023">
<h2 class="major">Archiv</h2>
<h1>Berichte aus 2023</h1>
<p>Berichte und Fotos des zweiten FediCamp im Jahre 2023 findet Ihr hier.</p>
<p><a href="fc23-fotos/index.html" class="button">Fotos 2023 tbd</a></li></p>
<h2>Das Camp 2023 - Bericht</h2>
<!--<h3>Das Camp aktuell</h3>
<h2 class="image center"><img src="https://temp.kabi.tk/FediCamp/FediCamp_Preview_240p.mp4" alt="Camp Droneview" /></h2>-->
<h3>Fedi.Camp für das Fediverse-Profil verifizieren?</h3>
<h2 class="image left"><img src="images/fedi_verify.png" alt="Verify clipart." /></h2>
<p>Na klar geht das. Schreib uns eine kurze E-Mail oder melde Dich im Matrix-Raum und Du bekommst als Teilnehmende/r die Verifizierung umgehend. Damit kannst Du zeigen, dass Du am FediCamp teilnimmst.</p><br><br>
<h3>Hygiene Maßnahmen</h3>
<h2 class="image right"><img src="images/virus.png" alt="Virus" /></h2>
<p>Obwohl es hinsichtlich der Corona-Pandemie keine gesetzlichen Maßnahmen mehr gibt, ist es immer noch wichtig, dass du gewisse Hinweise beachtest, um die Gesundheit und Sicherheit aller zu gewährleisten. Hier sind einige Maßnahmen, die du berücksichtigen solltest:</p>
<li>Überprüfe deinen Gesundheitszustand vor dem Camp. Wenn du Symptome wie Fieber, Husten oder Atembeschwerden hast, bleib bitte zu Hause.
Begrüße dich ohne körperlichen Kontakt, wie beispielsweise Händeschütteln oder Umarmungen.</li>
<li>Achte auf eine gute Handhygiene und wasche deine Hände regelmäßig mit Seife und Wasser für mindestens 20 Sekunden.</li>
<li>Halte einen angemessenen Abstand zu anderen Teilnehmern, insbesondere in Situationen, in denen ihr eng zusammenkommt.</li>
<li>Trage freiwillig eine Maske, insbesondere in Situationen, in denen der Abstand nicht eingehalten werden kann, wie beispielsweise bei gemeinsamen Aktivitäten oder in engen Räumen.</li>
<li>Vermeide das Teilen von persönlichen Gegenständen wie Besteck, Gläsern oder Flaschen. Verwende stattdessen individuelle Utensilien und Behälter.</li>
<li>Bleibe wachsam und achte auf mögliche Symptome während des Camps. Wenn du Krankheitssymptome entwickelst, informiere bitte umgehend die Kontaktpersonen, damit entsprechende Vorsichtsmaßnahmen ergriffen werden können.</li><br><br>
<h3>Du möchtest Live streamen?</h3>
<h2 class="image right"><img src="images/livestream_mini.png" alt="Livestream clipart." /></h2>
<p>KABI Fancy Media bietet einen RTMP-Endpunkt zum Streamen über Owncast an. Dieser funktioniert mit allen gängigen Streaming-Kameras sowie OBS. Wenn Du bereits selbst einen Streamingdienst hast, halte dennoch Rücksprache mit dem Technik-Team, damit entsprechende Domain-Records (stream1234.fedi.camp) gesetzt werden können.</p><br><br>
<h3>Cyber Emergency Response Team</h3>
<h2 class="image left"><img src="images/cert.png" alt="Livestream clipart." /></h2>
<p>Mithilfe im CERT? Melde Dich gern per E-Mail.<br>Du erreichst das CERT via Chat auf der Website, per Matrix sowie per Telefon. Die jeweiligen Nummern werden vor Ort ausgehangen. Außerdem in der Nähe des Camps auf 149,050.0 MHz (Freenet lizenzfrei). Schau für Updates öfters hier vorbei!</p>
<p>Text hier ..... </p>
</article>
<!-- nächstes Jahr 2024 -->
<article id="y2024">
<h2 class="major">2024?!</h2>
<h2>Gibt es im Jahr 2024 ein nächstes Camp?</h2>
<p>JA! Zeitraum und weiteres folgt im Herbst.</p>
</article>
<!-- Kontakt -->
<article id="contact">
<h2 class="major">Kontakt</h2>
<h2>Matrix-Raum</h2>
<p>Link und so</p>
<h2>E-Mail</h2>
<p>Mail und Hinweise</p>
</article>
<!-- Impressum -->
@ -314,7 +245,7 @@
</script>
-->
<!-- Participants may show their engagement by verified Website -->
<a rel="me" href="https://dz.social/@tobi"></a>
<a rel="me" href="https://social.tchncs.de/@wuffel"></a>
<a rel="me" href="https://digitalcourage.social/@chpietsch"></a>

View file

@ -0,0 +1,322 @@
<!DOCTYPE HTML>
<!--
KABI.tk PersonalMedia (hello@kabi.tk)
-->
<html>
<head>
<title>FediCamp</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Fedicamp" />
<meta property="og:description" content="Fedicamp" />
<meta property="og:image" content="/images/bg.jpg" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="dropdown">
<button class="dropbtn">Languages</button>
<div class="dropdown-content">
<a href="index.html">🇩🇪 Deutsch</a>
<a href="index_fr.html">🇫🇷 Français</a>
<a href="index_en.html">🇺🇸 English</a>
</div>
</div>
<div class="content">
<div class="inner">
<h1>FediCamp</h1>
<p>Treffen des Fediversum am Arsch der Heide</p>
</div>
</div>
<nav>
<ul>
<li><a href="#announce">Was?</a></li>
<li><a href="#date">Wann/wo?</a></li>
<li><a href="#rsvp">Anmeldung</a></li>
<li><a href="#timetable">TimeTable</a></li>
<li><a href="#archive">Archiv</a></li>
<!--<li><a href="">Online MeetUp</a></li>-->
<!--<li><a href="#contact">Kontakt</a></li>-->
</ul>
</nav>
<nav>
<!--<a href="nolinksetyet" class="button primary">Live now: Online MeetUp</a>
br><p style="color: red; font-weight: bold">Nächstes Online Meet-Up<br>am Samstag, 01.07.23 um 20 Uhr.</br>Du findest den Link kurz vorher hier auf der Seite.</p>-->
<a href="#campinfos" class="button primary">Camp Infos</a>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Announcement -->
<article id="announce">
<h2 class="major">FediCamp 2023</h2>
<p>Hast du Lust auf eine kleine Fediversumsparty?</p>
<p>Wir treffen uns gemeinsam und lernen Leute persönlich kennen, die wir über eine lange Zeit aus dem Fediversum kennen. Gleichzeitig halten wir gegenseitig Vorträge, sitzen am Lagerfeuer und haben eine gute Zeit zusammen. Die Veranstaltung ist Chaos-nah, jede:r gestaltet und wir machen daraus was uns und allen gefällt.</p>
<p>Das Fediverse ist ein Konzept, das eine Vielzahl von dezentralen sozialen Netzwerken umfasst, die miteinander verbunden sind. Es basiert auf offenen Protokollen wie ActivityPub, die es verschiedenen Plattformen ermöglichen, miteinander zu kommunizieren. Nutzer können in diesem Netzwerk auf verschiedenen Plattformen wie Mastodon, PeerTube, Pixelfed und anderen interagieren, Inhalte teilen und sich vernetzen. Das Fediverse fördert die individuelle Kontrolle über Daten und den Schutz der Privatsphäre, da Benutzer die Freiheit haben, ihre eigenen Server zu betreiben oder Plattformen zu wählen, die ihren Bedürfnissen entsprechen. Es bietet eine alternative, nicht kommerzielle und demokratische Art der sozialen Vernetzung, bei der die Nutzer die Kontrolle über ihre Online-Identität behalten.</p>
<h3>Lernen und lästern, chillen und grillen.</h3>
<p>Das Camp ist eine entspannte Angelegenheit für alle Menschen, die sich dem Fediversum, dezentraler Vernetzung und überhaupt dem Leben verbunden fühlen. Es gibt keinen strengen Ablaufplan, aber viele Optionen für Workshops, Herumalbereien, Spass, Fleiss und Faulheit und natürlich kennenlernen. Die Gegend ist sehr ländlich, es wird darauf hingewiesen, dass das auch für die Internetanbindung gilt.</p>
<p>Wusstest du schon? Analog lässt sich's auch ganz wunderbar chatten.</p>
<p>Interaktion und Kommunikation stehen hoch im Rang, technische Themen etc. werden in lockeren Vorträgen und Workshops vorgestellt.</p>
<p>Kochen, Musizieren, Rumalbern, Fahrradtouren und Besichtigungen, alles geht! Wenn dir etwas einfällt...nur zu. Das ist ein "Mach mit und sei kreativ"-Event.</p>
<p>Die in der Nähe befindlichen Atomanlagen (Stichwort Gorleben) und die Stätten des Widerstands dagegen können beguckt werden, dazu wird es natürlich auch Infos geben.</p>
<h2 class="image main"><img src="images/pic01.jpg" alt="Gruppenbild am Lagerfeuer. Fedicamp 2022." /></h2>
<p>(Gruppenbild am Lagerfeuer. Fedicamp 2022)</p>
</article>
<!-- Date -->
<article id="date">
<h2 class="major">Wann und Wo?</h2>
<!--<span class="image main"><img src="images/pic02.jpg" alt="" /></span>-->
<h2>Allgemeines</h2>
<p>Das FediCamp 2023 findet vom 18. - 23.07.2023 statt.</p>
<p><a href="promo/fedicamp2023.ics" class="button">Im Kalender speichern</a></li></p>
<p><a href="#showmetheway" class="button">Anfahrt</a></li></p>
<p>Gecampt wird auf dem Gelände vom Gasthaus Wiese, da liegen bereits reichhaltige Erfahrungen mit Camps vor.</p>
<h3>Gasthaus Wiese</h3>
<p>Das Gasthaus Wiese befindet sich in dem kleinen 70-Seelendorf Gedelitz im Wendland, in der Nähe von Gorleben, am Rand des. Biosphärenreservats Niedersächsische-Elbtalaue. 3 km entfernt sind die berühmten Atommüllzwischen- und geplantes Endlager.</p>
<p>Die Elbe ist 5 km entfernt, es gibt ne Menge Wald, Feuerstelle, Ziegen, Kaffee in ausreichender Menge, es wird gekocht, am Lagerfeuer gesessen, Gitarre gespielt und sowas, ach, das wird einfach wieder meganice!</p>
<h3>Also meldet Euch an.</h3>
<h2 class="image main"><img src="images/pic02.jpg" alt="Gasthaus Wiese und Camp. Fedicamp 2022." /></h2>
<p>(Gasthaus Wiese und Camp von oben. Fedicamp 2022.)</p>
</article>
<!-- Show me the way-->
<article id="showmetheway">
<h2 class="major">So findet Ihr zu uns</h2>
<p><a href="https://gasthaus-wiese.de/home/">Website Gasthaus Wiese</a></li></p>
<h3>Mit der Bahn (Ziel "Gedelitz Ort, Trebel")</h3>
<p>Nächster Bahnhof: Salzwedel<br>Von dort mit dem Bus 8040 nach Lüchow, weiter mit dem Bus 8060 nach Gedelitz Ort, Trebel.</p>
<h3>Mit dem Auto</h3>
<p>Nutzt den Routenplaner Eurer Wahl: <b>Ziel Gedelitz, 29494 Trebel</b></p>
<p>Außerdem steht von 9.00 bis 18.00 Uhr ein Rufbus zur Verfügung. Ruft dort 90 Minuten vor Abfahrt an: +49 5841 977377.</p>
<h3>Links</h3>
<p><a href="https://www.openstreetmap.org/node/1488568918">OpenStreetMap</a></li></p>
<p><a href="https://goo.gl/maps/Y3gHXt3N5idnu1HU8">GoogleMaps</a></li></p>
<p><a href="https://w3w.co/beady.feeder.outline">What3Words: ///beady.feeder.outline</a></li></p>
<p>Geokoordinaten: 53.03011,11.30815</p>
</article>
<!-- RSVP -->
<article id="rsvp">
<h2 class="major">Anmeldung</h2>
<p>Bitte meldet Euch per E-Mail an, damit wir einen Überblick über die Anzahl an Teilnehmenden haben. Wir werden Euch die Anmeldung bestätigen.</p>
<p><a href="mailto:info@fedi.camp" class="button">Mail an info@fedi.camp</a></li></p>
<h2 class="major">Kosten</h2>
<p>Wir rechnen mit Kosten von ca. €100 pro Person.<p>
<p>Hierin enthalten ist ein Campingplatz inkl. Kfz, Sanitäranlagen und Strom. Wir zahlen den Campingplatz dann gesammelt. Ggf. Restgeld wird für Essen verwendet. Es gibt keinen Veranstalter, jede/r Teilnehmende ist Privatkunde auf dem Campingplatz.</p>
</article>
<!-- TimeTable -->
<article id="timetable">
<h2 class="major">TimeTable</h2>
<p>Hier findet Ihr den Fahrplan zum FediCamp.<p>
<p>Wenn Ihr weitere Sessions hinzufügen möchtet, schickt uns bitte eine E-Mail mit allen im TimeTable benötigten Angaben.<br></p>
<p><b>Schaut während des Camps bitte öfters in den Plan. Veranstatlungen können sich verschieben, der Ort kann sich ändern und weitere Sessions werden hinzukommen!</b></p>
<p><a href="./timetable/index.html" class="button">TimeTable öffnen</a></li></p>
</article>
<!-- ARCHIVE -->
<article id="archive">
<h2 class="major">Archiv</h2>
<h1>Berichte aus 2022</h1>
<p>Berichte und Fotos des ersten FediCamp im Jahre 2022 findet Ihr hier.</p>
<p><a href="fc22-fotos/index.html" class="button">Fotos 2022</a></li></p>
<h2>Das Camp 2022 - Bericht</h2>
<p>Die Idee zum Fedicamp war ursprünglich Folgende: Zwei Menschen, die sich über Mastodon kennen gelernt haben, treffen sich zum gemeinsamen Kochen. Das war an sich schon alles.<br><br>
Da diese Idee aber dezent gespreadet wurde, hat sich aus diesem kleinen Treffen ein Zusammenkommen von 25 Menschen aus dem Fediverse gemausert, die aus ganz Deutschland, zum Teil auch aus Frankreich, anreisten, um sich im Gasthaus Wiese in Gedelitz im schönen Wendland zu treffen. Warum gerade das Gasthaus Wiese?<br><br>
Im Wendland (Teil des offiziell als „Lüchow-Dannenberg“ bekannten Landkreises) befindet sich der durch sein Atommüll-Zwischenlager bekannt gewordene Ort Gorleben, ca. fünf Kilometer entfernt von Gedelitz. Mit Gorleben verbindet jede/-r den Anti-Atomkraft-Widerstand, beginnend in den 1980er Jahren. Bis heute ist das Wendland geprägt von dieser Bewegung, die alten Bürgerinitiativen bestehen größtenteils fort, die Bevölkerung ist überwiegend grün eingestellt und überall sieht man gelbe Kreuze als Sinnbild des Protests. Das Gasthaus Wiese war damals schon eine der Zentralen des Widerstandes optimale Bedingungen für ein Treffen von Linken, Ökos, Nerds, politisch Engagierten, Journalisten und beliebigen Mischformen daraus aus einem dezentral organisierten Netzwerk, um subversiven Gedanken nachzuhängen.<br><br>
„Dezentral“ war im Grunde die gesamte Organisation dieses Fedicamps. Es ergab sich eine Aufgabenteilung, die zum Teil geplant und zum Teil vollkommen improvisiert war. Die Verwaltung der Kosten, die Nahrungsversorgung, die Schaffung der Infrastruktur (Strom und WLAN), das Aufstellen von Beschattungsmöglichkeiten, die Bereitstellung des Holzes für das allabendliche Lagerfeuer all dies kam ohne eine zentrale Führung aus. Es hat sich einfach immer jemand gefunden, der diese Aufgaben übernimmt. Dass dies in kleinem Rahmen durchaus funktionieren kann, wurde hiermit nachgewiesen. Dass es allerdings auch hier und da noch Raum für Verbesserungen gibt, ist selbstverständlich. Auch dieser Bericht hier ist eine Zusammenstellung aus verschiedenen Inspirationen von verschiedenen Teilnehmern. Es gibt in dem Sinne keinen einzelnen Autor - oder zusammengefasst für das ganze Camp: "Chaos trifft auf Struktur und alles fügt sich zu einem großen Ganzen zusammen."</p>
<h2>Tagesgestaltung</h2>
<p>Die allermeisten Teilnehmer haben auf dem Gelände des Gasthauses campiert. Das Gelände ist sehr groß und würde ohne Probleme die zehnfache Menge an Campern aufnehmen, weiterhin stehen indoor und outdoor Duschen/WCs zur Verfügung. Auf Grund der hochtemperierten Wetterlage entschieden wir uns dazu, die zum Gelände zugehörige Küche anzumieten. Im Nachhinein eine sehr gute Idee, da uns dadurch jede Menge Arbeitsfläche und vor allem Kühlschränke sowie überdachte Fläche zur Lagerung von Elektronik zur Verfügung standen.<br><br>
Die Tage bestanden grundsätzlich aus:<br>
<li>Aufstehen, im Tag ankommen, Kaffeeversorgung, Tee und Frühstück, sich guten morgen wünschen</li>
<li>Im Laufe des Tages einen Corona-Test durchführen. Jeder Teilnehmer des Fedicamps wurde jeden Tag einmal getestet. Mit diesem Vorgehen war im Vorfeld die gesamte Gruppe einverstanden. Die (höchstmögliche) Sicherheit, die dadurch erzielt wurde, war jeden Tag ~~mehr und mehr~~ wahrzunehmen.</li>
<li>Gelegentliche Ausflüge einzelner Teilnehmer oder in der Gruppe (Radtour zum Höhbeck, der höchsten Erhebung im Umland, im Rahmen eines Vortrags zum Zwischenlager, im Rahmen der Vorstellung eines CO2-Motors nach Gartow, eine Kräuterwanderung…)</li>
<li>Vorträge einzelner Teilnehmer zu verschiedenen IT-, Klima- und sozialen Themen</li>
<li>Vorbereitungen für Nahrungsmittelaufnahme und Lagerfeuer</li>
<li>Suche nach Handynetz… ;-)</li>
<li>Jede Menge Kommunikation zwischen den Teilnehmern. Interessant war, dass sich die Art der Kommunikation, wie wir sie aus dem Fediverse kennen, tatsächlich im persönlichen Gespräch widerspiegelt. Keiner von uns hatte zu irgendeinem Zeitpunkt das Gefühl, dass er einer Person gegenüber steht, die im Real Life anders ist als im Fediverse. Auf persönlicher Ebene konnte man viel lernen, es wurden sehr viele Themen aus den einschlägigen Bereichen aufgegriffen und hier und da hatte man das Gefühl, dass eine Verbindung über das Fediverse hinaus aufgebaut werden konnte.</li>
<li>Abendliches Beisammensein am Lagerfeuer, unter Einfluss von (sehr übersichtlichten Mengen an) Bier, Gitarrengeklimper, Marhsmallows, einigen wenigen Grillerzeugnissen, Gesprächen...</li></p>
<h2>Vorträge/Workshops</h2>
<p>Die Vorträge waren locker auf einige Tage verstreut und beinhalteten folgende Themen:<br>
<li>Hagengraf: Yunohost Blogpost: https://hagen.cocoate.com/2022/08/18/fedicamp-2022</li>
<li>Hagengraf: Pixelfed</li>
<li>Herbstfreud: CO2-Motor</li>
<li>Wuffel: Geschichte des Widerstands gegen das atomare Zwischenlager</li>
<li>Laurin: Klimakrise</li>
<li>Steffen: Facebook und die Menschenrechte</li>
<li>Ückück: https://video.dresden.network/w/6Sr3vkR8bFkE2vhDS2iQNG</li>
<li>Rufposten: Kräuterwanderung</li>
<li>Eichi: Naturnahe Waldwirtschaft (Bio), Lübecker Waldkonzept - GemeinsamBuddeln - Bäume pflanzen https://gemeinsambuddeln.de</li>
<li>Sebastian Lasse: Das Fediverse</li>
<li>Christian: Zunehmend Rechtspopulisten / Nazis auf Peertube: Was können wir tun?</li>
<li>Packpapierverlag: Herrmann vom Packpapierverlag hat in einer spontanen Aktion einen Stand aufgebaut, an dem anarchistische/linke/alternative/öko-fixierte Bücher, Buttons, Aufnäher, Sticker etc. verkauft wurden. Und da das Fedicamp keine sonderlichen definierten "Aufnahmebedingungen" hatte, wurde Herrmann auch direkt in die Gruppe aufgenommen, hörte bei Vorträgen mit, beteiligte sich am Kaffeekonsum... und so weiter und so fort. https://packpapierverlag.de</li></p>
</article>
<!-- Camp Infos -->
<article id="campinfos">
<h2 class="major">Camp Infos</h2>
<p>Teilnehmende finden hier aktuelle Informationen. Schaut bitte täglich hier vorbei und kommt auch in den Matrix Raum!</p>
<a href="https://matrix.to/#/#fedicamp:hyteck.de" class="button">Matrix-Raum</a><br><br><br>
<!--<h3>Das Camp aktuell</h3>
<h2 class="image center"><img src="https://temp.kabi.tk/FediCamp/FediCamp_Preview_240p.mp4" alt="Camp Droneview" /></h2>-->
<h3>Fedi.Camp für das Fediverse-Profil verifizieren?</h3>
<h2 class="image left"><img src="images/fedi_verify.png" alt="Verify clipart." /></h2>
<p>Na klar geht das. Schreib uns eine kurze E-Mail oder melde Dich im Matrix-Raum und Du bekommst als Teilnehmende/r die Verifizierung umgehend. Damit kannst Du zeigen, dass Du am FediCamp teilnimmst.</p><br><br>
<h3>Hygiene Maßnahmen</h3>
<h2 class="image right"><img src="images/virus.png" alt="Virus" /></h2>
<p>Obwohl es hinsichtlich der Corona-Pandemie keine gesetzlichen Maßnahmen mehr gibt, ist es immer noch wichtig, dass du gewisse Hinweise beachtest, um die Gesundheit und Sicherheit aller zu gewährleisten. Hier sind einige Maßnahmen, die du berücksichtigen solltest:</p>
<li>Überprüfe deinen Gesundheitszustand vor dem Camp. Wenn du Symptome wie Fieber, Husten oder Atembeschwerden hast, bleib bitte zu Hause.
Begrüße dich ohne körperlichen Kontakt, wie beispielsweise Händeschütteln oder Umarmungen.</li>
<li>Achte auf eine gute Handhygiene und wasche deine Hände regelmäßig mit Seife und Wasser für mindestens 20 Sekunden.</li>
<li>Halte einen angemessenen Abstand zu anderen Teilnehmern, insbesondere in Situationen, in denen ihr eng zusammenkommt.</li>
<li>Trage freiwillig eine Maske, insbesondere in Situationen, in denen der Abstand nicht eingehalten werden kann, wie beispielsweise bei gemeinsamen Aktivitäten oder in engen Räumen.</li>
<li>Vermeide das Teilen von persönlichen Gegenständen wie Besteck, Gläsern oder Flaschen. Verwende stattdessen individuelle Utensilien und Behälter.</li>
<li>Bleibe wachsam und achte auf mögliche Symptome während des Camps. Wenn du Krankheitssymptome entwickelst, informiere bitte umgehend die Kontaktpersonen, damit entsprechende Vorsichtsmaßnahmen ergriffen werden können.</li><br><br>
<h3>Du möchtest Live streamen?</h3>
<h2 class="image right"><img src="images/livestream_mini.png" alt="Livestream clipart." /></h2>
<p>KABI Fancy Media bietet einen RTMP-Endpunkt zum Streamen über Owncast an. Dieser funktioniert mit allen gängigen Streaming-Kameras sowie OBS. Wenn Du bereits selbst einen Streamingdienst hast, halte dennoch Rücksprache mit dem Technik-Team, damit entsprechende Domain-Records (stream1234.fedi.camp) gesetzt werden können.</p><br><br>
<h3>Cyber Emergency Response Team</h3>
<h2 class="image left"><img src="images/cert.png" alt="Livestream clipart." /></h2>
<p>Mithilfe im CERT? Melde Dich gern per E-Mail.<br>Du erreichst das CERT via Chat auf der Website, per Matrix sowie per Telefon. Die jeweiligen Nummern werden vor Ort ausgehangen. Außerdem in der Nähe des Camps auf 149,050.0 MHz (Freenet lizenzfrei). Schau für Updates öfters hier vorbei!</p>
</article>
<!-- Impressum -->
<article id="impressum">
<h2 class="major">Impressum/DSGVO</h2>
<p>This website is designed and hosted by KABI.tk</p>
<h2 data-startline="10" data-endline="10">Impressum</h2>
<p><a href="http://kabi.tk/" target="_blank" rel="noopener">KABI.tk</a> PersonalMedia</p>
<p>Office 34380<br />Courier Point13 Freeland Park</p>
<p>Wareham RoadPoole, Dorset<br />BH16 6FH,&nbsp;United Kingdom</p>
<p>hello@kabi.tk</p>
<p data-startline="11" data-endline="11">We do and will never collect unnecessary user data. If you visit our website, your browser will send us your IP address along with the referrer ID and your used browser. This data is collected in the server log and we are not able to link this to any natural person.</p>
<h2 data-startline="12" data-endline="12">DSGVO / GDPR Statement</h2>
<h2 data-startline="12" data-endline="12">Cookies</h2>
<p data-startline="13" data-endline="13">We do not use any cookies.</p>
<h2 data-startline="14" data-endline="14">Analytics</h2>
<p data-startline="15" data-endline="15">We are not using any analytics service for our websites.</p>
<h2 data-startline="14" data-endline="14">Server Log files</h2>
<p>The provider of the pages automatically collects and stores information in so-called server log files, which your browser automatically transmits to us. These are in particular:</p>
<p>- Browser type and browser version<br />- Operating system used<br />- Referrer URL<br />- Host name of the accessing computer<br />- Time of the server request<br />- IP address</p>
<p data-startline="23" data-endline="25">&nbsp;All data will be deleted after 24 hours and are only be used for investigating technical problems.</p>
<p data-startline="33" data-endline="38">&nbsp;</p>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">&copy; Fedi.Camp <br> Design and Hosting by <a href="https://KABI.tk">KABI.tk</a> <br> <A href="#impressum">Impressum & GDPR</a> </p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- WebsiteChat -->
<!-- <script>
(function(d,t) {
var BASE_URL="https://app.chatwoot.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: '9W2Vod8ffLArzeFQuZYyzaNr',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
-->
<a rel="me" href="https://dz.social/@tobi"></a>
<a rel="me" href="https://social.tchncs.de/@wuffel"></a>
<a rel="me" href="https://digitalcourage.social/@chpietsch"></a>
</body>
</html>

View file

@ -0,0 +1,251 @@
<!DOCTYPE HTML>
<!--
KABI.tk PersonalMedia (hello@kabi.tk)
-->
<!--
THIS IS THE ENGLISH VERSION THIS IS THE ENGLISH VERSION
-->
<html>
<head>
<title>FediCamp</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Fedicamp" />
<meta property="og:description" content="Fedicamp" />
<meta property="og:image" content="/images/bg.jpg" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="dropdown">
<button class="dropbtn">Languages</button>
<div class="dropdown-content">
<a href="index.html">🇩🇪 Deutsch</a>
<a href="index_fr.html">🇫🇷 Français</a>
<a href="index_en.html">🇺🇸 English</a>
</div>
</div>
<div class="content">
<div class="inner">
<h1>FediCamp</h1>
<p>Meeting of the Fediverse in the boonies</p>
</div>
</div>
<nav>
<ul>
<li><a href="#announce">What?</a></li>
<li><a href="#date">When/where?</a></li>
<li><a href="#rsvp">Registration</a></li>
<li><a href="#timetable">Timetable</a></li>
<li><a href="#archive">Archive</a></li>
<!--<li><a href="">Online MeetUp</a></li>-->
<!--<li><a href="#contact">Kontakt</a></li>-->
</ul>
<!--<br><a href="#" class="button primary">Live Now: Online Meetup</a>-->
</nav>
<nav>
<!--<a href="nolinksetyet" class="button primary">Live now: Online MeetUp</a>
br><p style="color: red; font-weight: bold">Nächstes Online Meet-Up<br>am Samstag, 01.07.23 um 20 Uhr.</br>Du findest den Link kurz vorher hier auf der Seite.</p>-->
<a href="#campinfos" class="button primary">Camp Infos</a>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Announcement -->
<article id="announce">
<h2 class="major">FediCamp 2023</h2>
<p>Would you like to have a little Fediversum party?</p>
<p>Chilling out in camp form, lounging around on a beautiful meadow, celebrating a relaxed and happy Freakholiday?</p>
<p>The camp is a relaxed affair for all people who feel connected to Fediversum, decentralized networking and life in general. There is no strict schedule, but plenty of options for workshops, fooling around, having fun, diligence and laziness, and of course getting to know each other. The area is very rural, it should be noted that this also applies to the internet connection.</p>
<h3>Learning and gossip, chilling and barbecuing.</h3>
<p>The Fediverse is a concept that encompasses a variety of decentralized social networks interconnected with each other. It is based on open protocols like ActivityPub, enabling different platforms to communicate with each other. Users can interact, share content, and connect across various platforms such as Mastodon, PeerTube, Pixelfed, and others within this network. The Fediverse promotes individual control over data and privacy protection, as users have the freedom to operate their own servers or choose platforms that align with their needs. It offers an alternative, non-commercial, and democratic way of social networking, where users retain control over their online identity.</p>
<p>Did you know already? It's also great for chatting analogously.</p>
<p>Interaction and communication are of great importance, technical topics etc. are presented in relaxed lectures and workshops.</p>
<p>Cooking, making music, fooling around, bike tours and sightseeing, everything is possible! If you think of something...go ahead. This is a "Get involved and be creative" event.</p>
<p>The nearby nuclear facilities (keyword: Gorleben) and the sites of resistance against them can be viewed, and of course there will also be information about them.</p>
<h2 class="image main"><img src="images/pic01.jpg" alt="Gruppenbild am Lagerfeuer. Fedicamp 2022." /></h2>
<p>(Group picture at the campfire. Fedicamp 2022)</p>
</article>
<!-- Date -->
<article id="date">
<h2 class="major">Whenn and Where?</h2>
<!--<span class="image main"><img src="images/pic02.jpg" alt="" /></span>-->
<h2>General Information</h2>
<p>The FediCamp 2023 takes place from 18. to 23.07.2023.</p>
<p><a href="promo/fedicamp2023.ics" class="button">Save to calendar</a></li></p>
<p><a href="#showmetheway" class="button">Find us here</a></li></p>
<p>The camping takes place on the grounds of Bauer Wiese, there is already a wealth of experience with camps.</p>
<h3>Gasthaus Wies Inn</h3>
<p>The Gasthaus Wiese is located in the small village of Gedelitz with 70 souls in the Wendland region, near Gorleben, on the edge of the Niedersächsische-Elbtalaue biosphere reserve. 3 km away are the famous nuclear waste interim and planned repository.</p>
<p>The Elbe is 5 km away, there's a lot of forest, fireplaces, goats, enough coffee, people are cooking, sitting around the campfire, play the guitar and stuff like that, oh, it'll just be mega-nice again!</p>
<h3>So, come on, register to the event.</h3>
<h2 class="image main"><img src="images/pic02.jpg" alt="Gasthaus Wiese und Camp. Fedicamp 2022." /></h2>
<p>(Gasthaus Wiese Inn and camp from above. Fedicamp 2022.)</p>
</article>
<!-- Show me the way-->
<article id="showmetheway">
<h2 class="major">This is how to find us</h2>
<p><a href="https://gasthaus-wiese.de/home/">Website Gasthaus Wiese</a></li></p>
<h3>By Train (Destination: "Gedelitz Ort, Trebel")</h3>
<p>Nearby train station: Salzwedel<br>Use the bus 8040 to Lüchow, continue by bus 8060 to Gedelitz Ort, Trebel.</p>
<h3>By car</h3>
<p>Use the navigation system of your choice: Destination: <b>Gedelitz, 29494 Trebel</b></p>
<p>There is also a call-in-bus available from 9am to 6pm. You need to call 90 min prior departure: +49 5841 977377.</p>
<h3>Links</h3>
<p><a href="https://www.openstreetmap.org/node/1488568918">OpenStreetMap</a></li></p>
<p><a href="https://goo.gl/maps/Y3gHXt3N5idnu1HU8">GoogleMaps</a></li></p>
<p><a href="https://w3w.co/beady.feeder.outline">What3Words: ///beady.feeder.outline</a></li></p>
<p>Geo coordinates: 53.03011,11.30815</p>
</article>
<!-- RSVP -->
<article id="rsvp">
<h2 class="major">Registration</h2>
<p>Please register by email so that we have an overview of the number of participants. We will confirm your registration.</p>
<p><a href="mailto:info@fedi.camp" class="button">Mail to info@fedi.camp</a></li></p>
<h2 class="major">Costs</h2>
<p>We calculate with a cost of around €100 per person.<p>
<p>This includes a campsite incl. car, sanitary facilities and electricity. We pay the campsite then collected. Any leftover money will be used for food. There is no organiser, every participant is a private customer on the campsite.</p>
</article>
<!-- TimeTable -->
<article id="timetable">
<h2 class="major">TimeTable</h2>
<p>Here you can find the timetable.<p>
<p>If you would like to add more sessions, please email us with all the information needed.<br></p>
<p><b>Please check the schedule often during the camp. Events can be postponed, the location can change and more sessions will be added!</b></p>
<p><a href="./timetable/index.html" class="button">Open TimeTable</a></li></p>
</article>
<!-- ARCHIVE -->
<article id="archive">
<h2 class="major">Archiv</h2>
<h1>Reports from 2022</h1>
<p>Reports and photos from previous years can be found here. Unfortunately, this will take a moment.</p>
<p><a href="fc22-fotos/index.html" class="button">Fotos 2022</a></li></p>
</article>
<!-- Camp Infos -->
<article id="campinfos">
<h2 class="major">Camp Infos</h2>
<p>Participants will find current information here. Please visit this page daily for your news update! Also, join our Matrix-Room!</p>
<a href="https://matrix.to/#/#fedicamp:hyteck.de" class="button">Matrix-Chat</a><br><br><br>
<!--<h3>The camp right now</h3>
<h2 class="image center"><img src="https://temp.kabi.tk/FediCamp/FediCamp_Preview_240p.mp4" alt="Camp Droneview" /></h2>-->
<h3>Verifying Fedi.Camp for your Fediverse profile?</h3>
<h2 class="image left"><img src="images/fedi_verify.png" alt="Verify clipart." /></h2>
<p>Of course, that's possible. Send us a short email or join the Matrix room, and as a participant, you will receive the verification promptly. This way, you can demonstrate that you are participating in FediCamp.</p><br><br>
<h3>Hygiene Measures</h3>
<h2 class="image right"><img src="images/virus.png" alt="Virus" /></h2>
<p>Although there are no longer any legal measures in place regarding the Corona pandemic, it is still important for you to follow certain guidelines to ensure the health and safety of everyone. Here are some measures you should consider:</p>
<li>Check your health status before the camp. If you have symptoms such as fever, cough, or difficulty breathing, please stay at home.</li>
<li>Greet each other without physical contact, such as handshakes or hugs.</li>
<li>Practice good hand hygiene and wash your hands regularly with soap and water for at least 20 seconds.</li>
<li>Maintain an appropriate distance from other participants, especially in situations where you are in close proximity.</li>
<li>Wear a mask voluntarily, especially in situations where maintaining a distance is not possible, such as during group activities or in confined spaces.</li>
<li>Avoid sharing personal items like cutlery, glasses, or bottles. Instead, use individual utensils and containers.</li>
<li>Stay vigilant and watch out for possible symptoms during the camp. If you develop any symptoms of illness, please inform the contact persons immediately so that appropriate precautions can be taken.</li><br><br>
<h3>You want to live stream?</h3>
<h2 class="image right"><img src="images/livestream_mini.png" alt="Livestream clipart." /></h2>
<p>KABI Fancy Media offers an RTMP endpoint for streaming via Owncast. This works with all popular streaming cameras as well as OBS. If you already have your own streaming service, it is still advisable to consult with the technical team to set up the appropriate domain records (stream1234.fedi.camp).</p><br><br>
<h3>Cyber Emergency Response Team</h3>
<h2 class="image left"><img src="images/cert.png" alt="Livestream clipart." /></h2>
<p>Interested in helping out in the CERT? Feel free to contact us via email.<br>You can reach the CERT through the chat on the website, via Matrix, and by phone. The respective numbers will be posted on-site. Additionally, you can tune in to 149.050.0 MHz (Freenet license-free) near the camp. Check back here frequently for updates!</p>
</article>
<!-- Impressum -->
<article id="impressum">
<h2 class="major">Impressum/DSGVO</h2>
<p>This website is designed and hosted by KABI.tk</p>
<h2 data-startline="10" data-endline="10">Impressum</h2>
<p><a href="http://kabi.tk/" target="_blank" rel="noopener">KABI.tk</a> PersonalMedia</p>
<p>Office 34380<br />Courier Point13 Freeland Park</p>
<p>Wareham RoadPoole, Dorset<br />BH16 6FH,&nbsp;United Kingdom</p>
<p>hello@kabi.tk</p>
<p data-startline="11" data-endline="11">We do and will never collect unnecessary user data. If you visit our website, your browser will send us your IP address along with the referrer ID and your used browser. This data is collected in the server log and we are not able to link this to any natural person.</p>
<h2 data-startline="12" data-endline="12">DSGVO / GDPR Statement</h2>
<h2 data-startline="12" data-endline="12">Cookies</h2>
<p data-startline="13" data-endline="13">We do not use any cookies.</p>
<h2 data-startline="14" data-endline="14">Analytics</h2>
<p data-startline="15" data-endline="15">We are not using any analytics service for our websites.</p>
<h2 data-startline="14" data-endline="14">Server Log files</h2>
<p>The provider of the pages automatically collects and stores information in so-called server log files, which your browser automatically transmits to us. These are in particular:</p>
<p>- Browser type and browser version<br />- Operating system used<br />- Referrer URL<br />- Host name of the accessing computer<br />- Time of the server request<br />- IP address</p>
<p data-startline="23" data-endline="25">&nbsp;All data will be deleted after 24 hours and are only be used for investigating technical problems.</p>
<p data-startline="33" data-endline="38">&nbsp;</p>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">&copy; Fedi.Camp <br> Design and Hosting by <a href="https://KABI.tk">KABI.tk</a> <br> <A href="#impressum">Impressum & GDPR</a> </p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

View file

@ -0,0 +1,249 @@
<!DOCTYPE HTML>
<!--
KABI.tk PersonalMedia (hello@kabi.tk)
-->
<!--
THIS IS THE FRENCH VERSION THIS IS THE FRENCH VERSION
-->
<html>
<head>
<title>FediCamp</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Fedicamp" />
<meta property="og:description" content="Fedicamp" />
<meta property="og:image" content="/images/bg.jpg" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="dropdown">
<button class="dropbtn">Languages</button>
<div class="dropdown-content">
<a href="index.html">🇩🇪 Deutsch</a>
<a href="index_fr.html">🇫🇷 Français</a>
<a href="index_en.html">🇺🇸 English</a>
</div>
</div>
<div class="content">
<div class="inner">
<h1>FediCamp</h1>
<p>Rencontre du Fedivers dans les boonies</p>
</div>
</div>
<nav>
<ul>
<li><a href="#announce">Quoi?</a></li>
<li><a href="#date">Quand/Où?</a></li>
<li><a href="#rsvp">Inscription</a></li>
<li><a href="#timetable">Timetable</a></li>
<li><a href="#archive">Archive</a></li>
<!--<li><a href="">Online MeetUp</a></li>-->
<!--<li><a href="#contact">Kontakt</a></li>-->
</ul>
</nav>
<nav>
<!--<a href="nolinksetyet" class="button primary">Live now: Online MeetUp</a>
br><p style="color: red; font-weight: bold">Nächstes Online Meet-Up<br>am Samstag, 01.07.23 um 20 Uhr.</br>Du findest den Link kurz vorher hier auf der Seite.</p>-->
<a href="#campinfos" class="button primary">Camp Infos</a>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Announcement -->
<article id="announce">
<h2 class="major">FediCamp 2023</h2>
<p>Voudriez-vous organiser une petite fête Fediversum ?</p>
<p>Se détendre en camp, se prélasser sur une belle prairie, célébrer un Freakholiday détendu et heureux ?</p>
<p>Le Fediverse est un concept qui englobe une variété de réseaux sociaux décentralisés interconnectés les uns aux autres. Il repose sur des protocoles ouverts tels que ActivityPub, permettant à différentes plateformes de communiquer entre elles. Les utilisateurs peuvent interagir, partager du contenu et se connecter via diverses plateformes telles que Mastodon, PeerTube, Pixelfed et autres au sein de ce réseau. Le Fediverse favorise le contrôle individuel des données et la protection de la vie privée, car les utilisateurs ont la liberté de gérer leurs propres serveurs ou de choisir des plateformes qui répondent à leurs besoins. Il offre une alternative non commerciale et démocratique aux réseaux sociaux, où les utilisateurs conservent le contrôle sur leur identité en ligne.</p>
<h3>Apprentissage et potins, détente et barbecue.</h3>
<p>Le camp est une affaire détendue pour toutes les personnes qui se sentent connectées à Fediversum, au réseau décentralisé et à la vie en général. Il n'y a pas d'horaire strict, mais de nombreuses options pour des ateliers, des bêtises, des moments de plaisir, de diligence et de paresse, et bien sûr pour faire connaissance les uns avec les autres. La région est très rurale, il convient de noter que cela s'applique également à la connexion Internet.</p>
<p>Le saviez-vous déjà ? C'est aussi génial pour discuter de manière analogue.</p>
<p>L'interaction et la communication sont d'une grande importance, les sujets techniques, etc. sont présentés lors de conférences et d'ateliers décontractés.</p>
<p>Cuisiner, faire de la musique, faire des bêtises, faire du vélo et visiter les sites touristiques, tout est possible ! Si vous avez une idée...allez-y. C'est un événement "S'impliquer et être créatif".</p>
<p>Les installations nucléaires à proximité (mot-clé : Gorleben) et les sites de résistance contre elles peuvent être visités, et bien sûr, des informations seront également fournies à leur sujet.</p>
<h2 class="image main"><img src="images/pic01.jpg" alt="Gruppenbild am Lagerfeuer. Fedicamp 2022." /></h2>
<p>(Photo de groupe au feu de camp. Fedicamp 2022)</p>
</article>
<!-- Date -->
<article id="date">
<h2 class="major">Quand et Où??</h2>
<!--<span class="image main"><img src="images/pic02.jpg" alt="" /></span>-->
<h2>Information Génerale</h2>
<p>Le FediCamp 2023 aura lieu du 18 au 23 juillet 2023.</p>
<p><a href="promo/fedicamp2023.ics" class="button">Enregistrer dans le calendrier</a></li></p>
<p><a href="#showmetheway" class="button">Le chemin vers nous</a></li></p>
<p>Le camping a lieu sur le terrain de Bauer Wiese, il y a déjà une riche expérience avec les camps.</p>
<h3>Gasthaus Wies Inn</h3>
<p>Le Gasthaus Wiese est situé dans le petit village de Gedelitz de 70 âmes dans la région du Wendland, près de Gorleben, en bordure de la réserve de biosphère Niedersächsische-Elbtalaue. A 3 km se trouvent les célèbres dépôts provisoires et planifiés de déchets nucléaires.</p>
<p>L'Elbe est à 5 km, il y a beaucoup de forêt, des cheminées, des chèvres, assez de café, les gens cuisinent, s'assoient autour du feu de camp, jouent de la guitare et des trucs comme ça, oh, ça va encore être méga-sympa!</p>
<h3>Alors, allez-y, inscrivez-vous à l'événement.</h3>
<h2 class="image main"><img src="images/pic02.jpg" alt="Gasthaus Wiese und Camp. Fedicamp 2022." /></h2>
<p>Gasthaus Wiese et Camp. Fédicamp 2022.<br>
(Gasthaus Wiese Inn et camp d'en haut. Fedicamp 2022.)</p>
</article>
<!-- Show me the way-->
<article id="showmetheway">
<h2 class="major">Le chemin vers nous :</h2>
<p><a href="https://gasthaus-wiese.de/home/">Website Gasthaus Wiese</a></li></p>
<h3>En train (destination "Gedelitz Ort, Trebel")</h3>
<p>Gare la plus proche: Salzwedel<br>De là, bus 8040 jusqu'à Lüchow, puis bus 8060 jusqu'à Gedelitz Ort, Trebel.</p>
<h3>En voiture</h3>
<p>Utilisez le planificateur d'itinéraire de votre choix: <b>Gedelitz, 29494 Trebel</b></p>
<p>Il y a aussi un call-in-bus disponible de 9h à 18h. Vous devez appeler 90 min avant le départ : +49 5841 977377.</p>
<h3>Links</h3>
<p><a href="https://www.openstreetmap.org/node/1488568918">OpenStreetMap</a></li></p>
<p><a href="https://goo.gl/maps/Y3gHXt3N5idnu1HU8">GoogleMaps</a></li></p>
<p><a href="https://w3w.co/beady.feeder.outline">What3Words: ///beady.feeder.outline</a></li></p>
<p>Coordonnées géographiques: 53.03011,11.30815</p>
</article>
<!-- RSVP -->
<article id="rsvp">
<h2 class="major">Inscription</h2>
<p>Veuillez vous inscrire par e-mail afin que nous ayons un aperçu du nombre de participants. Nous vous confirmerons votre inscription.</p>
<p><a href="mailto:info@fedi.camp" class="button">Mail à info@fedi.camp</a></li></p>
<h2 class="major">Frais</h2>
<p>Nous calculons avec un coût d'environ 100 € par personne.<p>
<p>Cela comprend un camping avec voiture, sanitaires et électricité. Nous payons le camping puis encaissés. L'argent restant sera utilisé pour la nourriture. Il n'y a pas d'organisateur, chaque participant est un client privé du camping.</p>
</article>
<!-- TimeTable -->
<article id="timetable">
<h2 class="major">TimeTable</h2>
<p>Vous pouvez trouver les horaires de FediCamp ici.<p>
<p>Si vous souhaitez ajouter plus de sessions, veuillez nous envoyer un e-mail avec toutes les informations nécessaires dans le tableau des horaires.<br></p>
<p><b>Veuillez vérifier souvent l'horaire pendant le camp. Les événements peuvent être reportés, le lieu peut changer et d'autres sessions seront ajoutées!</b></p>
<p><a href="./timetable/index.html" class="button">Ouvrir l'horaire</a></li></p>
</article>
<!-- ARCHIVE -->
<article id="archive">
<h2 class="major">Archive</h2>
<h1>Rapports de 2022</h1>
<p>Les rapports et les photos des années précédentes peuvent être trouvés ici. Malheureusement, cela prendra un moment.</p>
<p><a href="fc22-fotos/index.html" class="button">Fotos 2022</a></li></p>
</article>
<!-- Camp Infos -->
<article id="campinfos">
<h2 class="major">Informations sur le Camp</h2>
<p>Les participants trouveront ici des informations à jour. Veuillez consulter cette page quotidiennement et rejoindre également la salle Matrix !</p>
<a href="https://matrix.to/#/#fedicamp:hyteck.de" class="button">Matrix-Chat</a><br><br><br>
<!--<h3>Le camp actuellement</h3>
<h2 class="image center"><img src="https://temp.kabi.tk/FediCamp/FediCamp_Preview_240p.mp4" alt="Camp Droneview" /></h2>-->
<h3>Vérifier Fedi.Camp pour votre profil Fediverse ?</h3>
<h2 class="image left"><img src="images/fedi_verify.png" alt="Illustration de vérification." /></h2>
<p>Bien sûr, c'est possible. Envoyez-nous un court e-mail ou rejoignez la salle Matrix, et en tant que participant, vous recevrez la vérification rapidement. Ainsi, vous pourrez montrer que vous participez à FediCamp.</p><br><br>
<h3>Mesures d'hygiène</h3>
<h2 class="image right"><img src="images/virus.png" alt="Virus" /></h2>
<p>Bien qu'il n'y ait plus de mesures légales concernant la pandémie de la Corona, il est toujours important que vous respectiez certaines consignes pour garantir la santé et la sécurité de tous. Voici quelques mesures à prendre en compte :</p>
<li>Vérifiez votre état de santé avant le camp. Si vous présentez des symptômes tels que de la fièvre, de la toux ou des difficultés respiratoires, restez chez vous.</li>
<li>Saluez-vous sans contact physique, comme des poignées de main ou des câlins.</li>
<li>Pratiquez une bonne hygiène des mains et lavez-vous les mains régulièrement avec du savon et de l'eau pendant au moins 20 secondes.</li>
<li>Maintenez une distance appropriée par rapport aux autres participants, en particulier dans les situations où vous êtes proches les uns des autres.</li>
<li>Portez volontairement un masque, en particulier dans les situations où il est impossible de maintenir une distance, comme lors d'activités de groupe ou dans des espaces confinés.</li>
<li>Évitez de partager des objets personnels tels que des couverts, des verres ou des bouteilles. Utilisez plutôt des ustensiles et des contenants individuels.</li>
<li>Soyez vigilant et surveillez les éventuels symptômes pendant le camp. Si vous présentez des symptômes de maladie, veuillez en informer immédiatement les personnes de contact afin que les précautions appropriées puissent être prises.</li><br><br>
<h3>Vous voulez diffuser en direct ?</h3>
<h2 class="image right"><img src="images/livestream_mini.png" alt="Illustration de diffusion en direct." /></h2>
<p>KABI Fancy Media propose un point de terminaison RTMP pour la diffusion en continu via Owncast. Cela fonctionne avec toutes les caméras de diffusion courantes ainsi qu'avec OBS. Si vous disposez déjà de votre propre service de diffusion en continu, il est tout de même conseillé de consulter l'équipe technique pour configurer les enregistrements de domaine appropriés (stream1234.fedi.camp).</p><br><br>
<h3>Équipe de réponse aux cyber-urgences</h3>
<h2 class="image left"><img src="images/cert.png" alt="Illustration de diffusion en direct." /></h2>
<p>Intéressé(e) à aider au sein de l'équipe CERT ? N'hésitez pas à nous contacter par e-mail.<br>Vous pouvez joindre le CERT via le chat sur le site web, via Matrix et par téléphone. Les numéros respectifs seront affichés sur place. De plus, vous pouvez syntoniser la fréquence 149,050.0 MHz (Freenet sans licence) près du camp. Revenez ici fréquemment pour les mises à jour !</p>
</article>
<!-- Impressum -->
<article id="impressum">
<h2 class="major">Mentions légales/DSGVO</h2>
<p>Ce site web est conçu et hébergé par KABI.tk</p>
<h2 data-startline="10" data-endline="10">Mentions légales</h2>
<p><a href="http://kabi.tk/" target="_blank" rel="noopener">KABI.tk</a> PersonalMedia</p>
<p>Office 34380<br />Courier Point13 Freeland Park</p>
<p>Wareham RoadPoole, Dorset<br />BH16 6FH,&nbsp;United Kingdom</p>
<p>hello@kabi.tk</p>
<p data-startline="11" data-endline="11">Nous collectons et ne collecterons jamais de données utilisateur inutiles. Si vous visitez notre site Web, votre navigateur nous enverra votre adresse IP avec l'ID de référence et votre navigateur utilisé. Ces données sont collectées dans le journal du serveur et nous ne sommes pas en mesure de les lier à une personne physique.</p>
<h2 data-startline="12" data-endline="12">Déclaration DSGVO / RGPD</h2>
<h2 data-startline="12" data-endline="12">Cookies</h2>
<p data-startline="13" data-endline="13">Nous n'utilisons pas de cookies.</p>
<h2 data-startline="14" data-endline="14">Analytics</h2>
<p data-startline="15" data-endline="15">Nous n'utilisons aucun service d'analitics pour nos sites Web.</p>
<h2 data-startline="14" data-endline="14">Fichiers journaux du serveur</h2>
<p>Le fournisseur des pages collecte et stocke automatiquement des informations dans des fichiers journaux de serveur, que votre navigateur nous transmet automatiquement. Ce sont notamment ::</p>
<p>- Type de navigateur et version du navigateur<br />- Système d'exploitation utilisé<br />- URL de référence<br />- Nom d'hôte de l'ordinateur accédant<br />- Heure de la demande du serveur<br />- Adresse IP</p>
<p data-startline="23" data-endline="25">&nbsp;Toutes les données seront supprimées après 24 heures et ne seront utilisées que pour enquêter sur des problèmes techniques.</p>
<p data-startline="33" data-endline="38">&nbsp;</p>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">&copy; Fedi.Camp <br> Design and Hosting by <a href="https://KABI.tk">KABI.tk</a> <br> <A href="#impressum">Impressum & GDPR</a> </p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

View file

@ -0,0 +1,247 @@
/*
This is the only file to be modified for adding your session at FediCamp.
Please follow the file structure as given in this example and commit your changes to the repo.
That's it!
If you have any questions, ask in the Matrix-Room or ask Tobi.
If you aren't sure what to do, ask someone to help!
You also can put the date & description about your session in the pad (Link in Matrix room).
It will be merged, but maybe not in time.
As locations, please only use the following:
'Camp ground', 'Fire place', 'Lunch table', 'Stage room', 'Mobile'
As start time please only use the following numbers:
10, 12, 14, 16, 18, 20
As days please only use the following days:
'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'
*/
const eventData = {
Wednesday: {
12: {
'Camp ground': {
event: 'Fediverse Charta',
description: 'Workshop: Wir schreiben einen Entwurf einer „Fediverse-Charta“. Ansprechperson für die Session ist @reticuleena@digitalcourage.social.',
},
/* other events */
},
14: {
'Camp ground': {
event: 'Microblog und Permacomputing',
description: 'Microblog und Permacomputing - Sustainability (CO2 etc.) - Überlegungen zu verschiedenen (ActivityPub) Ansätzen. Was ist mit dem Jonasschen Prinzip Verantwortung überhaupt drin? Ansprechperson für die Session ist @mro@digitalcourage.social',
},
/* other events */
},
18: {
'Camp ground': {
event: 'Diskussionsrunde Schnittstellen',
description: 'Diskussionsrunde zu offenen Schnittstellen und wie wir das Fediverse resilient gegen Großkonzerne machen. Ansprechperson für die Session ist @reticuleena@digitalcourage.social.',
},
'Lunch table': {
event: 'Foodbar',
description: 'Abendessen und Snacks. Planung findet am Veranstaltungstag statt.',
},
/* other events */
},
20: {
'Fire place': {
event: 'Bonfire',
description: 'Sit-in and talks around the fire.',
},
},
},
Thursday: {
10: {
'Lunch table': {
event: 'Breakfast & Coffee',
description: 'Join us for a fresh morning coffee & snacks.',
},
/* other events */
},
12: {
'Camp ground': {
event: 'Fediverse Charta II',
description: 'Workshop: Wir schreiben einen Entwurf einer „Fediverse-Charta“. Ansprechperson für die Session ist @reticuleena@digitalcourage.social.',
},
},
14: {
'Stage room': {
event: 'Moderationstreffen (FMT)',
description: 'Allgemeines Moderationstreffen mit den Initiatoren des etablierten turnusmäßigen Treffen der Moderator-/innen. Ansprechperson für die Session ist @w4ts0n@nerdculture.de.',
},
},
16: {
'Lunch table': {
event: 'Pen and Paper mit Tealk',
description:
'Zur Auswahl stehen Aborea, Cyberpunk RED, Durance und Warhammer 40k Wrath & Glory. Die Delux edition ist noch unangetastet. Empfohlene Spielerzahl: 3 bis 6 Spielende. Außerdem wir das allseits beliebte Muchkin dabei sein. Ansprechperson für diese Session ist @Tealk@rollenspiel.social.',
},
'Camp ground': {
event: 'Fck Uber',
description:
'So können wir mit dezentralen Netzwerken den großen Konzernen Marktanteile wegnehmen bei Branchen, die stark lokal ausgerichtet sind. Ansprechperson ist @clemensg@digitalcourage.social.',
},
'Mobile': {
event: 'Schweißworkshops',
description: 'Einführung ins Schweißen von @willHelm@links.potsda.mn. Maximal 2 Personen.',
},
},
18: {
'Camp ground': {
event: 'Erotik und nun?',
description: 'Diskussionsrunde: Erotik-Content im Fediverse. Und nun? Ansprechpartner für diese Sessionn ist Digitalcourage.',
/* other events */
},
},
20: {
'Camp ground': {
event: '300.000 Jahre Homo Sapiens ...',
description: '... 50.000 Jahre Sprache, 10.000 Jahre Sesshaftigkeit, 2.500 Jahre Literatur, 500 Jahre Buchdruck, 25 Jahre Web - welche Anfängerfehler passieren uns gerade. Ansprechperson für diese Session ist @mro@digitalcourage.social',
},
},
/* other times */
},
Friday: {
10: {
'Camp ground': {
event: 'Dinge selber machen',
description:'Dinge trotzdem selber machen (oder: Konsum oder Agency?). Vielleicht finden wir ja einen schönen Begriff statt >Agency<. Mit einem Ausflug zu Ivan Illich und den 📖 Tools for Convivality. Ansprechperson für diese Session ist @mro@digitalcourage.social',
},
'Lunch table': {
event: 'Breakfast & Coffee',
description: 'Join us for a fresh morning coffee & snacks.',
},
},
12: {
'Camp ground': {
event: 'Was ist möglich im Fediverse',
description: 'Über die Spezifikationen des ActivityPub-Protokolls. Einführung an drei konkreten Beispielen mit Spielkarten. Ansprechperson ist @sl007@digitalcourage.social.',
},
/* other events */
},
14: {
'Stage room': {
event: 'Gesund Kommerzialisieren',
description: 'Workshop: Gesund kommerzialisieren: nachhaltige Finanzierungskonzepte entwickeln, Billing automatisieren. Ansprechperson für die Session ist @reticuleena@digitalcourage.social.',
},
'Lunch table': {
event: 'Pen and Paper: Mausritter',
description:
'Dieses Mal ein fertiges Abenteuer, dass es zu den GRT gab. ACHTUNG: Es können nicht so viele Mäuse mitspielen! Thema: Ritterliche Abenteuer mit kleinen Mäusen; Dauer 3-4 Stunden. Ansprechperson für diese Session ist @ueckueck@dresden.network.',
},
/* other events */
},
16: {
'Stage room': {
event: 'Talk: Werbetracking erkennen',
description:
'Matthias Eberl zeigt, wie man mit der Netzwerkanalyse des Browsers nach Trackingeinbettungen suchen kann, wie man sie identifiziert und mit welchen Rechtsgrundlagen man dann mit meinem Beschwerdegenerator "Tracktor" dagegen vorgehen kann. Außerdem wird eine einfache Methode gezeigt, um Apps auf verdächtige Verbindungen zu prüfen. Ansprechperson für diese Session ist @rufposten@social.tchncs.de.',
},
'Lunch table': {
event: 'Ownhome',
description:
'Ansprechperson für diese Session ist Clemens',
},
/* other events */
},
18: {
'Camp ground': {
event: 'Fedimins Serverabkommen',
description:
'Workshop: Im Anschluss an den "Fediverse Charta" Workshop reden wir über das Serverabkommen von Fedimins, betrachten den aktuellen Stand und reden darüber. Ansprechperson für die Session ist @tealk@rollenspiel.social.',
},
/* other events */
},
20: {
'Fire place': {
event: 'Bonfire',
description: 'Sit-in and talks around the fire.',
},
'Lunch table': {
event: 'Tidying up',
description: 'Tidying up the kitchen and preparing for the next day.',
},
/* other events */
},
/* other times */
},
Saturday: {
12: {
'Stage room': {
event: 'Workshop Algorithmus',
description:
'Workshop: Der "wichtiges"-Algorithmus fehlt manchen. Wie ließe sich das gesellschaftsverträglich umsetzen? Ansprechperson für die Session ist @reticuleena@digitalcourage.social.',
},
/* other events */
},
14:{
'Mobile': {
event: 'Schweißworkshops',
description: 'Einführung ins Schweißen von @willHelm@links.potsda.mn. Maximal 2 Personen',
},
'Stage room': {
event: 'Flohmarkt',
description:
'Föderierte kleinanzeigen. Ansprechperson: @grindhold@chaos.social',
},
},
16: {
'Camp ground': {
event: 'Lötworkshop',
description:
'Lernt löten. @hilde@dz.social wird durch den Workshop führen und Euch zeigen, wie das alles funktioniert. Lötkolben und weiteres benötigtes Werkzeug wird zur Verfügung gestellt.',
},
/* other events */
},
18: {
'Camp ground': {
event: 'Zu große Instanzen',
description: 'Diskusstionsrunde zum Thema große und zu große Instanzen.',
},
'Lunch table': {
event: 'Preparing BBQ',
description: 'Preparing BBQ & dinner.',
},
/* other events */
},
20: {
'Fire place': {
event: 'Bonfire',
description: 'Sit-in and talks around the fire.',
},
'Lunch table': {
event: 'Tidying up',
description: 'Tidying up the kitchen and preparing for the next day.',
},
/* other events */
},
/* other times */
},
Sunday: {
12: {
'Camp ground': {
event: 'Tearing down',
description: 'Clearing up the camp grounds.',
},
/* other events */
},
14: {
'Lunch table': {
event: 'Coffee',
description: "Let's have a last coffee before traveling home again.",
},
/* other events */
},
/* other times */
},
/* other days */
};

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Timetable</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="landscape-message">
<br><br>
<h1>FediCamp 2023 TimeTable</h1>
<img src="https://fedi.camp/images/logo2023_1.png" alt="FediCamp Logo" id="logo" />
<h2>Please Rotate Your Device</h2>
<p>For the best viewing experience, please switch to landscape mode.</p>
</div>
<div id="timetable">
<h1 id="headline">FediCamp 2023</h1>
<h2 id="subheadline">Time Table</h2>
<div id="slider-container">
<input type="range" min="0" max="4" value="0" id="slider" />
<div id="slider-day"></div>
<p id="slider-text">Slide to view other days</p>
</div>
<div id="tables-container"></div>
</div>
<div id="overlay"></div>
<script src="eventData.js"></script>
<script src="scripts.js"></script>
</body>
</html>

View file

@ -0,0 +1,97 @@
/*KABI Fancy Media and Communication */
const locations = ['Camp ground', 'Fire place', 'Lunch table', 'Stage room', 'Mobile'];
const days = ['Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
function generateDayTable(day, events) {
let table = `<table id="${day}" class="day-table"><tr><th>Time</th>`;
for (let location of locations) {
table += `<th>${location}</th>`;
}
table += '</tr>';
for (let hour = 10; hour <= 20; hour += 2) {
table += '<tr><td>' + (hour < 10 ? '0' + hour : hour) + ':00' + '</td>';
for (let location of locations) {
// Check if there is an event at this location and time
let event = events[day] && events[day][hour] && events[day][hour][location] ? events[day][hour][location] : '';
table += '<td>';
if (event) {
table += `<button class="event-button" data-day="${day}" data-hour="${hour}" data-location="${location}">${event.event}</button>`;
}
table += '</td>';
}
table += '</tr>';
}
table += '</table>';
return table;
}
// Doing the overlay shit
function showDescription(day, hour, location) {
let event = eventData[day][hour][location];
let description = event.description;
let overlay = document.getElementById('overlay');
overlay.style.display = 'block';
let content = document.createElement('div');
content.id = 'overlay-content';
let descriptionElement = document.createElement('p');
descriptionElement.innerText = description;
let closeButton = document.createElement('button');
closeButton.innerText = 'Close';
closeButton.addEventListener('click', hideOverlay);
content.appendChild(descriptionElement);
content.appendChild(closeButton);
overlay.appendChild(content);
}
function hideOverlay() {
let overlay = document.getElementById('overlay');
overlay.style.display = 'none';
overlay.innerHTML = '';
}
document.addEventListener('DOMContentLoaded', (event) => {
let tablesContainer = document.getElementById('tables-container');
for (let day of days) {
tablesContainer.innerHTML += generateDayTable(day, eventData);
}
let slider = document.getElementById('slider');
let sliderDay = document.getElementById('slider-day');
slider.addEventListener('input', (event) => {
for (let day of days) {
document.getElementById(day).style.display = 'none';
}
document.getElementById(days[event.target.value]).style.display = 'table';
sliderDay.innerText = days[event.target.value];
});
tablesContainer.addEventListener('click', (event) => {
if (event.target.matches('.event-button')) {
let day = event.target.getAttribute('data-day');
let hour = event.target.getAttribute('data-hour');
let location = event.target.getAttribute('data-location');
showDescription(day, hour, location);
}
});
// show the first table initially
slider.dispatchEvent(new Event('input'));
});

View file

@ -0,0 +1,207 @@
body {
background-color: #F6F6F6;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
#landscape-message {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
#logo {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
#landscape-message h1 {
margin-top: 0;
}
#landscape-message p {
margin: 10px 0;
}
#timetable {
display: none;
}
@media (orientation: landscape) {
#landscape-message {
display: none;
}
#timetable {
display: block;
}
}
@media (max-height: 600px) {
#headline {
margin-top: 40px;
}
}
@media (max-height: 400px) {
#headline {
margin-top: 20px;
}
}
#timetable {
width: 90%;
margin: 0 auto;
}
#headline,
#subheadline {
text-align: center;
color: #444;
margin-top: 40px;
}
#slider-container {
width: 60%;
margin: 20px auto;
text-align: center;
position: relative;
height: 50px;
}
#slider-text {
color: #444;
font-size: 0.8em;
}
#slider {
display: block;
width: 100%;
margin: 20px 0;
appearance: none;
background: #D3D3D3;
outline: none;
height: 30px;
border-radius: 20px;
}
#slider::-webkit-slider-thumb {
appearance: none;
width: 30px;
height: 30px;
background: #0066CC;
cursor: pointer;
border-radius: 50%;
}
#slider-day {
position: absolute;
width: 100%;
height: 50px;
top: 0;
left: 0;
background: transparent;
color: #000;
display: flex;
justify-content: center;
align-items: center;
transition: none;
pointer-events: none;
font-size: 1.2em;
margin-top: -7px;
}
.day-table {
width: 100%;
border-collapse: collapse;
display: none;
margin-bottom: 20px;
table-layout: fixed;
}
.day-table th,
.day-table td {
border: 1px solid #FFFFFF;
padding: 10px;
text-align: center;
background-color: #ADD8E6;
height: 60px;
word-break: break-word;
width: 20%;
}
.day-table th {
background-color: #ddd;
color: #444;
text-transform: uppercase;
}
.event-button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 999;
}
#overlay-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
text-align: center;
}
#overlay-content p {
margin-bottom: 10px;
}
#overlay-content button {
padding: 10px 20px;
background-color: #0066CC;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
@media (max-width: 600px) {
#slider-container {
width: 90%;
}
.day-table,
.day-table th,
.day-table td {
font-size: 0.8em;
}
.day-table td {
height: auto;
}
}