forked from KABI/fedi.camp_Website
preparation for after-camp standard site
This commit is contained in:
parent
cfa0d5bcc9
commit
22e1724e25
6 changed files with 0 additions and 1088 deletions
251
index_en.html
251
index_en.html
|
|
@ -1,251 +0,0 @@
|
||||||
<!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, 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"> 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"> </p>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer id="footer">
|
|
||||||
<p class="copyright">© 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>
|
|
||||||
249
index_fr.html
249
index_fr.html
|
|
@ -1,249 +0,0 @@
|
||||||
<!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, 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"> 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"> </p>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer id="footer">
|
|
||||||
<p class="copyright">© 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>
|
|
||||||
|
|
@ -1,247 +0,0 @@
|
||||||
/*
|
|
||||||
|
|
||||||
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 */
|
|
||||||
};
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
<!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>
|
|
||||||
|
|
@ -1,97 +0,0 @@
|
||||||
/*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'));
|
|
||||||
});
|
|
||||||
|
|
@ -1,207 +0,0 @@
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue