303 lines
13 KiB
HTML
303 lines
13 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta
|
|||
|
|
name="viewport"
|
|||
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|||
|
|
/>
|
|||
|
|
<meta name="description" content="" />
|
|||
|
|
<meta name="author" content="" />
|
|||
|
|
|
|||
|
|
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicons/apple-icon-57x57.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicons//apple-icon-60x60.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicons//apple-icon-72x72.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicons//apple-icon-76x76.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicons//apple-icon-114x114.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicons//apple-icon-120x120.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicons//apple-icon-144x144.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicons//apple-icon-152x152.png">
|
|||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons//apple-icon-180x180.png">
|
|||
|
|
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicons//android-icon-192x192.png">
|
|||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons//favicon-32x32.png">
|
|||
|
|
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicons//favicon-96x96.png">
|
|||
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons//favicon-16x16.png">
|
|||
|
|
<link rel="manifest" href="assets/favicons//manifest.json">
|
|||
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|||
|
|
<meta name="msapplication-TileImage" content="assets/favicons//ms-icon-144x144.png">
|
|||
|
|
<meta name="theme-color" content="#ffffff">
|
|||
|
|
|
|||
|
|
<title>Binary Kitchen World</title>
|
|||
|
|
<!--
|
|||
|
|
Reflux Template
|
|||
|
|
https://templatemo.com/tm-531-reflux
|
|||
|
|
-->
|
|||
|
|
<!-- Bootstrap core CSS -->
|
|||
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|||
|
|
|
|||
|
|
<!-- Additional CSS Files -->
|
|||
|
|
<link rel="stylesheet" href="assets/css/fontawesome.css" />
|
|||
|
|
<link rel="stylesheet" href="assets/css/templatemo-style.css" />
|
|||
|
|
<link rel="stylesheet" href="assets/css/owl.css" />
|
|||
|
|
<link rel="stylesheet" href="assets/css/lightbox.css" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id="page-wraper">
|
|||
|
|
<!-- Sidebar Menu -->
|
|||
|
|
<div class="responsive-nav">
|
|||
|
|
<i class="fa fa-bars" id="menu-toggle"></i>
|
|||
|
|
<div id="menu" class="menu">
|
|||
|
|
<i class="fa fa-times" id="menu-close"></i>
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="image">
|
|||
|
|
<a href="#"><img src="assets/images/binary_kitchen.png" alt="" /></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="author-content">
|
|||
|
|
<h4>Binary Kitchen World</h4>
|
|||
|
|
<span>Hackspace Regensburg</span>
|
|||
|
|
</div>
|
|||
|
|
<nav class="main-nav" role="navigation">
|
|||
|
|
<ul class="main-menu">
|
|||
|
|
<li><a href="#section1">Start</a></li>
|
|||
|
|
<li><a href="#section2">Was ist das?</a></li>
|
|||
|
|
<li><a href="#section3">Unsere Webseite</a></li>
|
|||
|
|
<li><a href="#section4">Impressum & Datenschutz</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
<div class="social-network">
|
|||
|
|
<ul class="soial-icons">
|
|||
|
|
<li>
|
|||
|
|
<a href="https://twitter.com/binary_kitchen"><i class="fa fa-twitter"></i></a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="https://www.instagram.com/binary_kitchen"><i class="fa fa-instagram"></i></a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="copyright-text">
|
|||
|
|
<p>2021 Binary Kitchen</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<section class="section start" data-section="section1">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="section-heading">
|
|||
|
|
<h2>Start</h2>
|
|||
|
|
<div class="line-dec"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="left-image-post">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="left-image">
|
|||
|
|
<img src="assets/images/left-image.png" alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="right-text">
|
|||
|
|
<h4>Hier gehts in die Binary Kitchen World</h4>
|
|||
|
|
<p>
|
|||
|
|
Bitte verhaltet Euch exzellent gegenüber anderen Teilnehmer:innen und unserer Infrastruktur. Die Software für die Welt ist neu und kann entsprechend noch Bugs enthalten.
|
|||
|
|
</p>
|
|||
|
|
<div class="white-button">
|
|||
|
|
<a href="https://play.wa.binary-kitchen.de">Welt betreten</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="right-image-post">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="left-text">
|
|||
|
|
<h4>Hier gehts zum Chaos Communication Continent</h4>
|
|||
|
|
<p>
|
|||
|
|
Im Nachgang des RC3 wollten viele die Welt nicht einfach offline gehen lassen. Eine der Pläne dies zu verhindern ist der Chaos Communication Continent.
|
|||
|
|
</p>
|
|||
|
|
<div class="white-button">
|
|||
|
|
<a href="https://play.wa.binary-kitchen.de/_/global/c0c0bird.github.io/chaos-world/main.json#start_alpen">Continent erkunden</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="right-image">
|
|||
|
|
<img src="assets/images/right-image.png" alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="section whats-that" data-section="section2">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="section-heading">
|
|||
|
|
<h2>Was ist das?</h2>
|
|||
|
|
<div class="line-dec"></div>
|
|||
|
|
<span
|
|||
|
|
>Die Binary Kitchen World ist ein interaktives Multiplayer-Erblebnis welches auf der Software <a href="http://workadventu.re">Workadventure</a> von The Coding Machine basiert. Während des RC3 des CCC im Jahr 2021 wurde die Software erweitert und ergänzt. Viele dieser Patches sind in diese Instanz eingeflossen.</span
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="first-service-icon service-icon"></div>
|
|||
|
|
<h4>Fotopolicy</h4>
|
|||
|
|
<p>
|
|||
|
|
Wie auf sonstigen Chaosevents auch gilt auch für die Binary Kitchen World die Fotopolicy. Falls Ihr Bilder oder Screenshots macht, bittet alle im Bild um Erlaubnis oder spart Gesichter und Nicks aus.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="second-service-icon service-icon"></div>
|
|||
|
|
<h4>Browser</h4>
|
|||
|
|
<p>
|
|||
|
|
Die Binary Kitchen World sollte mit allen gängigen Browsern funktionieren, es kann aber je nach verwendetem Browser kleinere Probleme geben. Unsere Erfahrung zeigt, dass die Binary Kitchen World am besten mit Chromium funktioniert.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="third-service-icon service-icon"></div>
|
|||
|
|
<h4>Hardware / Geräte</h4>
|
|||
|
|
<p>
|
|||
|
|
Ihr braucht einen Computer oder mindestens ein Gerät mit physischer Tastatur. Ein Tablet mit Tastatur scheint zu funktionieren.
|
|||
|
|
|
|||
|
|
Da die Binary Kitchen World ein interaktives Multiplayer-Erlebnis ist, werden Kamera und Mikrofon empfohlen. Ihr braucht sie aber nicht zwingend um teilzunehmen, Interaktionen mit anderen werden ohne aber sehr langweilig sein.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="fourth-service-icon service-icon"></div>
|
|||
|
|
<h4>Interaktion mit Anderen</h4>
|
|||
|
|
<p>
|
|||
|
|
Die Binary Kitchen World besteht aus verschiedenen Karten, die interaktive Elemente wie Webseiten, Audio oder Jitsi-Räume beinhalten können sowie Interaktionen mit anderen Spieler:innen. Interaktionen öffnen sich, wenn Ihr Euch über bestimmte Bereiche bewegt oder auf andere Spieler:innen trefft.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="section website" data-section="section3">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="section-heading">
|
|||
|
|
<h2>Unsere Webseite</h2>
|
|||
|
|
<div class="line-dec"></div>
|
|||
|
|
<span
|
|||
|
|
>Hier gehts zur Webseite der Binary Kitchen</span
|
|||
|
|
><p></p>
|
|||
|
|
<div class="white-button">
|
|||
|
|
<a href="https://www.binary-kitchen.de">Webseite</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="section impressum" data-section="section4">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="section-heading">
|
|||
|
|
<h2>Impressum & Datenschutz</h2>
|
|||
|
|
<div class="line-dec"></div>
|
|||
|
|
<span
|
|||
|
|
>Binary Kitchen e.V.</span
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="first-service-icon service-icon"></div>
|
|||
|
|
<h4>Impressum</h4>
|
|||
|
|
<p>
|
|||
|
|
Eingetragen im Vereinsregister des Amtsgericht Regensburg – VR 200910
|
|||
|
|
</p>
|
|||
|
|
<div class="white-button">
|
|||
|
|
<a href="https://www.binary-kitchen.de/wiki/impressum">Impressum</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="second-service-icon service-icon"></div>
|
|||
|
|
<h4>Datenschutz</h4>
|
|||
|
|
<p>
|
|||
|
|
„Öffentliche Daten nützen, private Daten schützen.“
|
|||
|
|
</p>
|
|||
|
|
<div class="white-button">
|
|||
|
|
<a href="https://www.binary-kitchen.de/wiki/datenschutz">Datenschutz</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Scripts -->
|
|||
|
|
<!-- Bootstrap core JavaScript -->
|
|||
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|||
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|||
|
|
|
|||
|
|
<script src="assets/js/isotope.min.js"></script>
|
|||
|
|
<script src="assets/js/owl-carousel.js"></script>
|
|||
|
|
<script src="assets/js/lightbox.js"></script>
|
|||
|
|
<script src="assets/js/custom.js"></script>
|
|||
|
|
<script>
|
|||
|
|
//according to loftblog tut
|
|||
|
|
$(".main-menu li:first").addClass("active");
|
|||
|
|
|
|||
|
|
var showSection = function showSection(section, isAnimate) {
|
|||
|
|
var direction = section.replace(/#/, ""),
|
|||
|
|
reqSection = $(".section").filter(
|
|||
|
|
'[data-section="' + direction + '"]'
|
|||
|
|
),
|
|||
|
|
reqSectionPos = reqSection.offset().top - 0;
|
|||
|
|
|
|||
|
|
if (isAnimate) {
|
|||
|
|
$("body, html").animate(
|
|||
|
|
{
|
|||
|
|
scrollTop: reqSectionPos
|
|||
|
|
},
|
|||
|
|
800
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
$("body, html").scrollTop(reqSectionPos);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var checkSection = function checkSection() {
|
|||
|
|
$(".section").each(function() {
|
|||
|
|
var $this = $(this),
|
|||
|
|
topEdge = $this.offset().top - 80,
|
|||
|
|
bottomEdge = topEdge + $this.height(),
|
|||
|
|
wScroll = $(window).scrollTop();
|
|||
|
|
if (topEdge < wScroll && bottomEdge > wScroll) {
|
|||
|
|
var currentId = $this.data("section"),
|
|||
|
|
reqLink = $("a").filter("[href*=\\#" + currentId + "]");
|
|||
|
|
reqLink
|
|||
|
|
.closest("li")
|
|||
|
|
.addClass("active")
|
|||
|
|
.siblings()
|
|||
|
|
.removeClass("active");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$(".main-menu").on("click", "a", function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
showSection($(this).attr("href"), true);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(window).scroll(function() {
|
|||
|
|
checkSection();
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|