Kraut.World/krautworld-website_kraut.world
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity
krautworld-website_kraut.world/index_const.html
tobi 332776921f initial
2022-05-09 13:22:27 +02:00

251 lines
13 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE HTML>
<!--
KABI.TK FancyMedia (C)
-->
<!--
===============================================================================
GERMAN MAIN PAGE * GERMAN MAIN PAGE * GERMAN MAIN PAGE * GERMAN 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.html">Kraut.World</a></h1>
<!-- <a href="index_en.html">EN</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">Unser Ziel</a>
<li><a href="#explain1">Was ist die World?</a>
<li><a href="#explain2">Die Technik</a>
<li><a href="#explain3">Eigene Veranstaltung</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>unter Initiative des Kraut.Space Jena e.V und 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">Direkt zur Lounge</a></li>
<li><a href="#one" class="button major">Mehr erfahren</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1 split">
<div class="inner">
<div class="content">
<h2>Kraut.World Workadventure<br />
Was ist unser Ziel?</h2>
<p>Wir versuchen, Initiativen, Hackspaces und Menschen aus verschiedenen Regionen zusammenzubringen indem jede/-r die anderen besucht, an gemeinsamen Treffen und Vorträgen teilnimmt und neue Freunde findet. <br><br>
Dabei können Sie wie im richtigen Leben herumlaufen und mit den Menschen sprechen, denen Sie begegnen.
</p>
<ul class="actions">
<li><a href="#explain1" class="button">Wie funktioniert das?</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>Was ist die World?</h2>
<p>Die Kraut.World, eine 2D-Welt ist eine spieleartige Welt, durch die Sie mit einer Figur laufen und mit anderen Menschen in Kontakt zu treten können.<br><br>
Entstanden ist die Idee für diese Welt nach dem Abschluss des rC3, dem Remote-Congress des Chaos Computer Club. Dort war eine ähnliche 2D-Welt eingerichtet und damit nun diese, teilweise sehr liebevoll gebauten 2D-Welt-Karten der einzelnen Hackspaces, nicht einfach nur in Schubladen verschwinden, haben wir uns entschlossen die nötigen Dinge zusammen zutragen, um einigen Hackspaces aus Thüringen, Sachsen, Brandenburg und Nordrhein-Westfalen ein neues Zuhause zu geben.</p>
</div>
</section>
<section>
<span class="image"><img src="images/pic06.jpg" alt="" /></span>
<div class="content">
<h2>Wo bin ich und wie kann ich mich bewegen?</h2>
<p>Ihre Figur können Sie mit den Pfeiltasten ← ↑ → ↓ oder mit den Buchstaben A W S D Ihrer Tastatur bewegen. Aktuell steht leider noch kein Bildschirm-Joystick zur Nutzung am Tablet zur Verfügung, daher ist die World aktuell nur per PC/Laptop nutzbar.<br><br>
Nach dem Start befinden Sie sich in Thüringen. Hier finden Sie verschiedene Gebäude, Bäume, Berge und Flüsse. Die Gebäude stehen stellvertretend für die Orte in denen es Hackspaces oder Freifunk-Initiativen u.a. gibt. So finden Sie zum Beispiel den “Jenaer Turm” etwas östlich (rechts) vom Startpunkt und gelangen zum KrautSpace Jena. Auf den Karten sind oft Wegweiser, die Ihnen eine Übersicht bieten. Sie können auch das Layout Ihres Browsers anpassen und den Zoomfaktor verkleinern, damit Sie eine bessere Übersicht bekommen.</p>
</div>
</section>
<section>
<span class="image"><img src="images/pic07.jpg" alt="" /></span>
<div class="content">
<h2>Unterhaltung mit mehr als vier Personen</h2>
<p>Wenn Sie in der World auf eine andere Figur treffen und nah genug zueinander stehen, eröffnet sich ein Audio/Video-Gespräch. Symbolisiert wird das zum einen durch den Kreis, welcher sich um die Figur bildet, aber auch über die Mini-Videochat-Fenster die an der rechten Seite erscheinen.<br><br>
Bis zu vier Figuren können so gleichzeitig in einem Gespräch sein.
Sollten Sie einmal mit mehr als vier Figuren gleichzeitig ein Gespräch abhalten wollen, suchen Sie einen Video-Raum auf, diese finden Sie auf vielen Karten: Das sind integrierte Jitsi-Sessions via KABItalk. Hier können sich viele Personen unterhalten oder Vorträge halten. Die Jitsi-Räume sind auch von außerhalb, bspw. per App am Smartphone betretbar.</p>
</div>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="explain2" class="wrapper style2">
<div class="inner">
<header class="major">
<h2>Die Technik hinter Kraut.World</h2>
<p>Kraut.World basiert auf Workadventure. Gehostet wird Kraut.World sowie die Jitsi-Instanz KABItalk durch KABI.tk FancyMedia.<br>Die einzelnen Karten sind dabei völlig selbstständig und werden extern eingebunden, d.h. die Erstellung der Karten und deren Hosting findet separat statt. Jede Interessentin und jeder Interessent kann eigene Karten erstellen und diese einbinden und behält alle Rechte am eigenen Werk.</p>
</header>
<div class="features">
<section>
<span class="icon solid major fa-edit"></span>
<h3>Erstellen von Karten</h3>
<p>Dazu nutzen Sie bitte den Editor, den Sie hier herunterladen können:</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>Hosten von Karten</h3>
<p>Karten können auf GitHub oder einem anderen Repository-Manager Ihrer Wahl hosten. Wichtig dabei ist, dass Zugriff auf raw-Files uneingeschränkt möglich ist.</p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Einbinden von Karten</h3>
<p>Zusammensetzung von URLs<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>Den aktuell eingesetzen Code finden Sie auf 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 verwendet <a href="https://talk.kabi.tk" target="_blank" >KABItalk</a> als Jitsi-Instanz. Alle Video-Räume sind auch extern über <code>https://talk.kabi.tk/{raumname}</code> erreichbar.</p>
</section>
<section>
<span class="icon solid major fa-rocket"></span>
<h3>Mission control</h3>
<p>Für Interessierte gibt es einen Matrix-Raum, ein Pad sowie die Möglichkeit des Mailkontakts.</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>Eigene Veranstaltung auf Kraut.World</h2>
<h3>Kontaktaufnahme notwendig</h3>
<p>Es ist möglich, eine eigene Veranstaltung auf Kraut.World abzuhalten. Nehmen Sie dazu bitte rechtzeitig Kontakt mit uns auf. Eingebundene Karten müssen unter Umständen aktiv zugelassen werden. Das Einbindung von externen, nicht mit dem Team von Kraut.World abgestimmten Karten kann andernfalls ohne Benachrichtigung jederzeit unterbunden werden.</p>
<h3>Eigene Subdomain</h3>
<p>Es ist möglich, für Ihre Veranstaltung eine eigene Subdomain der Form <code>https://IhreWelt.kraut.world</code> zu bekommen, damit die Teilnehmenden direkt in die entsprechende Welt gelangen.
</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">hier geht's in die 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">DSGVO/Impressum</a></li>
<li><a href="mailto:abuse@kabi.tk">Notfall melden</a></li>
</ul>
<ul class="links">
<li><a href="coc_de.html">Nutzungsbedingungen (CoC)</a></li>
<li><a href="gdpr_de.html">Datenschutz</a></li>
<li><a href="https://go.kabi.tk/mx/#/#krautworld:im.kabi.tk" target="_blank">Matrix</a></li>
</ul>
<p class="copyright">&copy; 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>
<!--<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";
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: 'rvm4KL1sTsqrgtae9Z8PEyAy',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>-->
</body>
<!-- Mastodon rel-me verifications -->
<a rel="me" href="https://social.kabi.tk/@tobi"></a>
<a rel="me" href="https://chaos.social/@krautspace"></a>
</html>
Reference in a new issue View git blame Copy permalink