231 lines
12 KiB
HTML
231 lines
12 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
KABI.TK FancyMedia (C)
|
|
-->
|
|
|
|
<!--
|
|
===================================================================================
|
|
PAGE D'ACCEUIL * PAGE D'ACCEUIL * PAGE D'ACCEUIL * PAGE D'ACCEUIL
|
|
===================================================================================
|
|
-->
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="images/fav/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" href="images/fav/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="images/fav/favicon-16x16.png" sizes="16x16">
|
|
|
|
<html>
|
|
<head>
|
|
<meta property="og:title" content="Kraut.World" />
|
|
<meta property="og:description" content="2D-Adventures by Kraut.Space and KABI.tk" />
|
|
<meta property="og:image" content="https://kraut.world/images/pic07.jpg" />
|
|
<title>Kraut.World</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<h1><a href="index_en.html">Kraut.World</a></h1>
|
|
<a href="index.html">DE</a>
|
|
<a href="index_en.html">EN</a>
|
|
<a href="#menu">Menu</a>
|
|
</header>
|
|
|
|
<!-- Menu -->
|
|
<nav id="menu">
|
|
<ul class="links">
|
|
<li><a href="#banner">Acceuil</a></li>
|
|
<li><a href="#one">Notre but</a>
|
|
<li><a href="#explain1">C'est quoi le World?</a>
|
|
<li><a href="#explain2">Tech</a>
|
|
<li><a href="#explain3">Votre propre événement</a>
|
|
</ul>
|
|
|
|
<!-- Language choosing menu -->
|
|
<!-- Buttons not neccessary atm, but may be later
|
|
<ul class="actions stacked">
|
|
<li><a href="#" class="button primary fit">Primary big</a></li>
|
|
<li><a href="#" class="button fit">Smaller for LogIn or sth</a></li>
|
|
</ul>
|
|
-->
|
|
</nav>
|
|
|
|
<!-- Banner -->
|
|
<section id="banner">
|
|
<div class="inner">
|
|
<div class="content">
|
|
<h2>Kraut.World 2D-Adventures</h2>
|
|
<p> sous l'initiative de Kraut.Space Jena e.V. et KABI.tk</p><br><br>
|
|
<!--<h2><span style="background-color: #ff0000; color: #ffffff;"><strong>Actuellement en mode maintenance!</strong></span></h2>-->
|
|
</div>
|
|
<ul class="actions stacked">
|
|
<li><a href="https://play.kraut.world/_/global/raw.githubusercontent.com/die3ungleichen/2D-Welt-thueringen/main/main.json" class="button primary major"> Démarrer</a></li>
|
|
<!--<li><a href="https://play.kraut.world/_/global/raw.git.nr18.space/tobi/world-lounge/master/main.json" class="button primary major">Au salon</a></li>-->
|
|
<li><a href="#one" class="button major">Apprendre plus</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- One -->
|
|
<section id="one" class="wrapper style1 split">
|
|
<div class="inner">
|
|
<div class="content">
|
|
<h2>Kraut.World Workadventure<br />
|
|
Quel est notre but?</h2>
|
|
<p>On essaie de rassembler des initiatives, hackspaces et des gens de differentes regions en participant à des réunions et discussions conjointes et en nouant de nouvelles amitiés.<br><br>
|
|
Vous pouver vous promener et discuter aux gens que vous rencontrerez.
|
|
</p>
|
|
<ul class="actions">
|
|
<li><a href="#explain1" class="button">Comment ça marche?</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="image-circles">
|
|
<div class="images">
|
|
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
|
|
<span class="image"><img src="images/pic02.jpg" alt="" /></span>
|
|
</div>
|
|
<div class="images">
|
|
<span class="image"><img src="images/pic03.jpg" alt="" /></span>
|
|
<span class="image"><img src="images/pic04.jpg" alt="" /></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Explaination -->
|
|
<section id="explain1" class="wrapper style1">
|
|
<div class="inner">
|
|
<div class="spotlights">
|
|
<section>
|
|
<span class="image"><img src="images/pic05.jpg" alt="" /></span>
|
|
<div class="content">
|
|
<h2>C'est quoi le World?</h2>
|
|
<p>Le monde 2D est un espace de type jeu où vous pouvez créer un personnage (affiché comme un avatar sympa) et l'utiliser pour interagir avec d'autres personnes tout en marchant dans les lieux conçus. L'idée de ce monde est née après le rC3, le congrès à distance du Chaos Computer Club en 2020, où un monde 2D similaire a été mis en place. </p> On ne veut pas que ces belles cartes disparaissent juste comme ça, alors on a décidé de rassembler les backends techniques nécessaires pour donner un nouveau foyer à certains hackspaces de Thuringe, Saxe, Brandebourg, Berlin et Rhénanie du Nord-Westphalie.</p>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<span class="image"><img src="images/pic06.jpg" alt="" /></span>
|
|
<div class="content">
|
|
<h2>Où suis-je et comment puis-je me déplacer?</h2>
|
|
<p>
|
|
Vous pouvez déplacer votre personnage à l'aide des touches fléchées ← ↑ → ↓ ou des lettres A W S D de votre clavier. Cependant, il n'y a pas de joystick à l'écran disponible pour le moment. Ainsi, le monde ne peut actuellement être utilisé que via un PC / ordinateur portable.</p>
|
|
<p>Une fois prêt, vous serez automatiquement dans une Thuringe 2D. Là, vous trouverez plusieurs bâtiments, arbres, montagnes et rivières. Les bâtiments sont représentatifs des endroits où se trouvent des hackspaces ou d'autres initiatives. Par exemple, vous pouvez visiter la "Jena Tower" un peu à l'est (à droite) du point de départ et accéder au hackspace local. Il y a souvent des panneaux indicateurs sur les cartes pour vous donner un aperçu général. Vous pouvez également ajuster la disposition de votre navigateur en réduisant le facteur de zoom pour obtenir une vue plus agréable.</p>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<span class="image"><img src="images/pic07.jpg" alt="" /></span>
|
|
<div class="content">
|
|
<h2>Conversation avec plus de quatre personnes</h2>
|
|
<p>Interagir avec d'autres utilisateurs est assez facile et totalement possible dans le monde. Une fois que vous rencontrez un autre personnage, une fenêtre contextuelle audio / vidéo apparaît et vous pouvez sélectionner l'un ou l'autre. </p> <p> Jusqu'à quatre personnes peuvent participer à une même conversation. Si vous souhaitez organiser une discussion avec plus de quatre participants en même temps, recherchez une salle vidéo. Celles-ci peuvent être trouvées sur de nombreuses cartes: ce sont des sessions Jitsi intégrées via KABItalk, où de nombreuses personnes peuvent parler ou donner des conférences. Les chambres Jitsi sont également accessibles de l'extérieur, par ex. via l'application sur votre smartphone.</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Two -->
|
|
<section id="explain2" class="wrapper style2">
|
|
<div class="inner">
|
|
<header class="major">
|
|
<h2>La téchnologie dérrière Kraut.World</h2>
|
|
<p>Kraut.World est basé sur Workadventure. Kraut.World et l'instance Jitsi KABItalk qui sont hébergées par KABI.tk FancyMedia. <br> Les cartes individuelles sont complètement indépendantes et sont intégrées à partir de sources externes, c'est-à-dire que la création des cartes et leur hébergement se fait séparément. Chaque personne intéressée peut créer ses propres cartes et les intégrer, en conservant tous les droits sur son propre travail.</p>
|
|
</header>
|
|
<div class="features">
|
|
<section>
|
|
<span class="icon solid major fa-edit"></span>
|
|
<h3>Creation des cartes</h3>
|
|
<p>Veuillez utiliser le logiciel d'édition que vous pouvez télécharger ici:</p>
|
|
<p><a href="https://www.mapeditor.org" target="_blank">Tiled Mapeditor</a></h1>
|
|
|
|
</section>
|
|
<section>
|
|
<span class="icon solid major fa-map"></span>
|
|
<h3>Hébergement de cartes</h3>
|
|
<p>Les cartes peuvent être hébergées sur GitHub ou un autre gestionnaire de référentiel de votre choix. Il est important que l'accès aux fichiers bruts soit illimité.</p>
|
|
</section>
|
|
<section>
|
|
<span class="icon solid major fa-link"></span>
|
|
<h3>Integration des cartes</h3>
|
|
<p> Composition URL<br>
|
|
<code>https://play.kraut.world/_/global/</code> <br>+<br> <code>{raw-repository-main.json}</code>
|
|
</section>
|
|
<section>
|
|
<span class="icon brands fa-github major"></span>
|
|
<h3> Dépôt/Repository</h3>
|
|
<p> Vous pouvez trouver le code actuel sur Gitea.</p>
|
|
<p><a href="https://git.nr18.space/lbehm/workadventure" target="_blank">Repository</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon solid major fa-video"></span>
|
|
<h3>KABItalk</h3>
|
|
<p>Kraut.World utilise l'instance Jitsi <a href="https://talk.kabi.tk" target="_blank" >KABItalk</a>. Toutes les salles vidéo sont également accessibles de l'extérieur via <code>https://talk.kabi.tk/{roomname}</code></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon solid major fa-rocket"></span>
|
|
<h3>Contrôle de mission </h3>
|
|
<p>Il y a une salle Matrix, un Pad, et la possibilité de contact mail pour les personnes intéressées par le projet.</p>
|
|
<p><a href="https://go.kabi.tk/mx/#/#krautworld:im.kabi.tk" target="_blank">Matrix</a> | <a href="https://missioncontrol.kraut.world" target="_blank">Pad</a> | <a href="mailto:maps@missioncontrol.kraut.world">Mail</a></p>
|
|
</section>
|
|
</div>
|
|
<!-- maybe adding stuff here later - something more etc.
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="#" class="button major">More Features</a></li>
|
|
</ul>
|
|
</footer>
|
|
-->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Four -->
|
|
<section id="explain3" class="wrapper style2 special">
|
|
<div class="inner">
|
|
<span class="image"><img src="images/logos/kabi_full.png" style="width:200px;" alt="" /></span>
|
|
<header>
|
|
<h2> Votre propre événement dans le Kraut.World</h2>
|
|
<h3>Contact préalable requis</h3>
|
|
<p>Vous pouvez planifier librement votre propre événement sur Kraut.World. Il vous suffit de nous contacter au préalable afin que nous vous préparions le terrain. Les cartes devront peut-être être activement approuvées. L'intégration de cartes externes non convenues avec l'équipe Kraut.World sera inaccessible à tout moment sans avertissement!</p>
|
|
<h3>Votre propre sous-domaine</h3>
|
|
<p>Il peut être possible d'obtenir un sous-domaine distinct pour votre événement, tel que <code>https://YourMap.kraut.world</code>, afin que les participants soient redirigés vers la carte utilisée.
|
|
</header>
|
|
<ul class="actions special">
|
|
<li><a href="https://play.kraut.world/_/global/raw.githubusercontent.com/die3ungleichen/2D-Welt-thueringen/main/main.json" class="button primary major"> Vers le World</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<div class="inner">
|
|
<ul class="icons">
|
|
<li><a href="https://git.nr18.space/lbehm/workadventure" class="icon brands fa-github"><span class="label">Gitea</span></a></li>
|
|
<li><a href="https://chaos.social/@krautspace" class="icon brands fa-mastodon"><span class="label">Mastodon</span></a></li>
|
|
<li><a href="mailto:maps@missioncontrol.kraut.world" class="icon solid fa-envelope"><span class="label">Envelope</span></a></li>
|
|
</ul>
|
|
<ul class="contact">
|
|
<li><a href="https://kabi.tk" target="_blank">KABI.tk</a></li>
|
|
<li><a href="https://kabi.tk/imprint-gdpr.html" target="_blank">GDPR/Imprint</a></li>
|
|
<li><a href="mailto:abuse@kabi.tk">Signaler une urgence</a></li>
|
|
</ul>
|
|
<ul class="links">
|
|
<li><a href="coc_en.html">Code de Conduite (CoC) (EN)</a></li>
|
|
<li><a href="gdpr_en.html">Intimité</a></li>
|
|
<li><a href="https://go.kabi.tk/mx/#/#krautworld:im.kabi.tk" target="_blank">Matrix</a></li>
|
|
</ul>
|
|
<p class="copyright">© KABI.tk Fancy Media & Communication</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.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>
|