230 lines
12 KiB
HTML
230 lines
12 KiB
HTML
<!DOCTYPE HTML>
|
||
<!--
|
||
KABI.TK FancyMedia (C)
|
||
-->
|
||
|
||
<!--
|
||
===================================================================================
|
||
ENGLISH MAIN PAGE * ENGLISH MAIN PAGE * ENGLISH MAIN PAGE * ENGLISH MAIN PAGE
|
||
===================================================================================
|
||
-->
|
||
|
||
<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_fr.html">FR</a>
|
||
<a href="#menu">Menu</a>
|
||
</header>
|
||
|
||
<!-- Menu -->
|
||
<nav id="menu">
|
||
<ul class="links">
|
||
<li><a href="#banner">Home</a></li>
|
||
<li><a href="#one">Our Goal</a>
|
||
<li><a href="#explain1">What is the World?</a>
|
||
<li><a href="#explain2">The Tech</a>
|
||
<li><a href="#explain3">Your Own Event</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>under initiative of Kraut.Space Jena e.V. and KABI.tk</p><br><br>
|
||
<!--<h2><span style="background-color: #ff0000; color: #ffffff;"><strong>Currently in 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">Start</a></li>
|
||
<!--<li><a href="https://play.kraut.world/_/global/raw.git.nr18.space/tobi/world-lounge/master/main.json" class="button primary major">To the Lounge</a></li>-->
|
||
<li><a href="#one" class="button major">Learn more</a></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- One -->
|
||
<section id="one" class="wrapper style1 split">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<h2>Kraut.World Workadventure<br />
|
||
What is our goal?</h2>
|
||
<p>We try to bring initiatives, hackspaces and people from different regions together by visiting one anothers, participating in joint meetings and talks, and making new friendships. <br><br>
|
||
You can walk around and talk to the people you meet, just like in the real world.
|
||
</p>
|
||
<ul class="actions">
|
||
<li><a href="#explain1" class="button">How does it work?</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>What is the World?</h2>
|
||
<p>The 2D World is a game-like space where you can create a character (displayed as a cool avatar) and use it to interact with other people while walking through the designed locations. The idea for this world originated after the rC3, the remote congress of the Chaos Computer Club in 2020, where a similar 2D world was set up.</p> We don’t want those lovely made maps to just disappear, so we decided to gather the necessary technical backends to give some hackspaces from Thuringia, Saxony, Brandenburg, Berlin and North Rhine-Westphalia a new home.</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<span class="image"><img src="images/pic06.jpg" alt="" /></span>
|
||
<div class="content">
|
||
<h2>Where am I and how can I move around?</h2>
|
||
<p>You can move your character using the arrow keys ← ↑ → ↓ or the letters A W S D on your keyboard. However, there is no on-screen joystick available, at the moment. So, the World can currently be used via PC/laptop only. </p>
|
||
<p>Once you're all set, you will automatically be in a 2D Thuringia. There, you find various buildings, trees, mountains and rivers. The buildings are representative for the places where hackspaces or other initiatives are located. For example, you can visit the "Jena Tower" a bit east (right) of the starting point and get to the local hackspace. There are often signposts on the maps to give you a general overview. You can also adjust the layout of your browser by reducing the zoom factor to get a better sight.</p>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<span class="image"><img src="images/pic07.jpg" alt="" /></span>
|
||
<div class="content">
|
||
<h2>Conversation with more than four people</h2>
|
||
<p>Interacting with other users is pretty easy and totally possible in the World. Once you come across another character, an audio/video popup will appear, and you can select either one.</p> <p>Up to four people can be in one same conversation. If you want to hold a discussion with more than four participants at the same time, look for a video room. These can be found on many maps: these are integrated Jitsi sessions via KABItalk, where many people can talk or give lectures. The Jitsi rooms can also be accessed from outside, e.g. via app on your smartphone.</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Two -->
|
||
<section id="explain2" class="wrapper style2">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h2>The tech behind Kraut.World</h2>
|
||
<p>Kraut.World is based on Workadventure. Kraut.World and the Jitsi instance KABItalk are hosted by KABI.tk FancyMedia.<br>The individual maps are completely independent and are integrated from external sources, i.e. the creation of the maps and their hosting is done separately. Every interested person can create his or her own maps and integrate them, retaining all rights to his or her own work.</p>
|
||
</header>
|
||
<div class="features">
|
||
<section>
|
||
<span class="icon solid major fa-edit"></span>
|
||
<h3>Creating maps</h3>
|
||
<p>Please use the editor software that you can download here:</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>Map hosting</h3>
|
||
<p>Maps can be hosted on GitHub or another repository manager of your choice. It is important that access to raw files is unrestricted.</p>
|
||
</section>
|
||
<section>
|
||
<span class="icon solid major fa-link"></span>
|
||
<h3>Integrating of maps</h3>
|
||
<p>URL composition<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>Repository</h3>
|
||
<p>You can find the current code on 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 uses the Jitsi instance <a href="https://talk.kabi.tk" target="_blank" >KABItalk</a>. All video rooms are also accessible externally via <code>https://talk.kabi.tk/{roomname}</code></p>
|
||
</section>
|
||
<section>
|
||
<span class="icon solid major fa-rocket"></span>
|
||
<h3>Mission control</h3>
|
||
<p>There is a Matrix room, a Pad, and the possibility of mail contact for people interested in the project.</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>Your own event in the Kraut.World</h2>
|
||
<h3>Previous contacting required</h3>
|
||
<p>You can freely plan your own event on Kraut.World. Yet, you just have to contact us beforehand so we lay the ground for you. Maps may need to be actively approved. The integration of external maps that have not been agreed upon with the Kraut.World team will be unaccessible at any time without a warning!</p>
|
||
<h3>Your own subdomain</h3>
|
||
<p>It may be possible to get a separate subdomain for your event, such as <code>https://YourMap.kraut.world</code>, so participants will be redirected to the map in use.
|
||
</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">To the 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">Report emergency</a></li>
|
||
</ul>
|
||
<ul class="links">
|
||
<li><a href="coc_en.html">Code of Conduct (CoC)</a></li>
|
||
<li><a href="gdpr_en.html">Privacy</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>
|