forked from Krautspace/webseite-krautspace
407 lines
15 KiB
PHP
407 lines
15 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="keywords" content="Hackspace, Jena, Technik, Elektronik,
|
|
Computer, krautspace" />
|
|
<meta name="description" content="Webseite des Hackspace Jena e. V. aka
|
|
krautspace" />
|
|
<meta name="robots" content="index, follow" />
|
|
<meta name="language" content="de" />
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="content-type" content="text/html" charset="UTF-8">
|
|
<meta property="og:title" content="kraut.space" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://kraut.space" />
|
|
<meta property="og:description" content="Webseite des Hackspace Jena e. V. aka
|
|
krautspace" />
|
|
<meta property="og:locale" content="de_DE" />
|
|
<meta property="og:image" content="https://kraut.space/favicon.ico" />
|
|
<link rel="canonical" href="https://kraut.space/index.html" />
|
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
|
<link rel="shortcut icon" href="favicon.ico"/>
|
|
<title>kraut.space - Homepage</title>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<a href="#space"
|
|
class="hidden"
|
|
title="Springe zum Inhalt">Springe zum Inhalt</a>
|
|
|
|
<!-- head with banner and navigation ---------------------------------->
|
|
|
|
<header>
|
|
<div class="center-content max-width">
|
|
<div id="headline" class="flex-box row">
|
|
<div id="header-left" class="flex-box row center">
|
|
<div id="status-icon" class="icon tooltip">
|
|
<?php
|
|
include_once '../src/getContent.php';
|
|
try {
|
|
echo getKrautButton($status);
|
|
} catch(Throwable $th) {
|
|
echo '<span class="tooltiptext">
|
|
Fehler beim Parsen des Raumstatus</span>
|
|
<img alt="Raumstatus Icon - Fehler beim Parsen"
|
|
class="icon-img" src="./images/icons/question.svg"/>';
|
|
}
|
|
?>
|
|
</div>
|
|
<div id="banner-div" class="flex-box column">
|
|
<a id="banner" href="#"
|
|
role="banner"
|
|
title="Zum Seitenanfang"><h1>kraut.space</h1></a>
|
|
</div>
|
|
</div>
|
|
<div id="header-right" class="flex-box row center">
|
|
<div id="menu-icon" class="icon">
|
|
<a id="open-menu"
|
|
title="Navigation öffnen"
|
|
href="#menu">
|
|
<img class="icon-img"
|
|
alt="Navigation öffnen"
|
|
src="./images/icons/bars-white.svg" />
|
|
</a>
|
|
</div>
|
|
<nav id="menu" class="flex-box column">
|
|
<div id="menu-icon" class="icon">
|
|
<a id="close-menu"
|
|
title="Navigation schliessen"
|
|
href="#open-menu">
|
|
<img class="icon-img"
|
|
alt="Navigation schliessen"
|
|
src="./images/icons/times-white.svg" />
|
|
</a>
|
|
</div>
|
|
<ul role="menu">
|
|
<li role="menuitem">
|
|
<a title="Was ist der Krautspace?"
|
|
href="#space">Krautspace</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a title="Neuigkeiten, Termine und Kontaktmöglichkeiten rund um den Space"
|
|
href="#treffpunkte">Treffpunkte</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a title="Trägerverein, Mitgliedschaft, Vorstand"
|
|
href="#verein">Verein</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a title="Der physische Raum und Anfahrt"
|
|
href="#raum">Raum</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a class="extern" title="Unser Wiki"
|
|
href="https://wiki.kraut.space">Wiki</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a class="extern" title="Unser Blog im Wiki"
|
|
href="https://wiki.kraut.space/blog:start">Blog</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<a id="backdrop"
|
|
href="#open-menu"
|
|
tabindex="-1"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- big image at the top, should be further a slider ----------------->
|
|
|
|
<div id="start-image-container" aria-hidden="true">
|
|
<div class="center-content max-width">
|
|
</div> <!-- end center-content, max-width -->
|
|
</div> <!-- end start-image-container -->
|
|
|
|
<!-- main area with content ------------------------------------------>
|
|
|
|
<main role="main">
|
|
<div class="wrapper center-content max-width">
|
|
<div id="space" class="panel-wrapper content-overlay">
|
|
|
|
<h2>Krautspace</h2>
|
|
|
|
<section>
|
|
<p>
|
|
Der Krautspace ist ein Platz für technisch interessierte Menschen
|
|
zum kulturellen und technischen Austausch.
|
|
</p>
|
|
<p>
|
|
Dazu gibt es regelmäßig (oder auch
|
|
unregelmäßig) stattfindende thematische Runden,
|
|
Vorträge, Workshops oder auch einfach nur mal eine
|
|
gesellige Runde in gechillter Atmosphäre. Wir versuchen
|
|
Wissen zu vermitteln und Hilfe zur Selbsthilfe zu geben. In einer
|
|
kleinen Werkstatt findet man diverse Werkzeuge um das eine oder
|
|
andere Projekt umzusetzen.
|
|
</p>
|
|
<p>
|
|
Ansonsten betreiben wir noch dezentrale Kommunikationsdienste wie
|
|
Jabber oder Matrix. Auf Wunsch richten wir dir auch gern einen
|
|
Account ein.
|
|
</p>
|
|
<section>
|
|
</div>
|
|
|
|
<div id="treffpunkte" class="panel-wrapper content-overlay">
|
|
|
|
<h2>Treffpunkte</h2>
|
|
|
|
<section>
|
|
<p>
|
|
Mit Begin der Corona-Pandemie waren auch wir gezwungen unsere
|
|
Aktivitäten in einen virtuellen Raum zu verlegen. Dazu
|
|
betreiben wir zwei wöchentliche virtuelle Treffpunkte. Daneben
|
|
nutzen wir zur Kommunikation hauptsächlich einen Raum in der
|
|
Matrix. Du kannst dort gern Kontakt zu uns aufnehmen.
|
|
</p>
|
|
<p>
|
|
Anfang Juni 2022 haben wir die bisherige Mailingliste durch ein
|
|
<a class="extern" href="https://senf.kraut.space">Forum</a>
|
|
abgelöst. Alle Runden treffen sich wieder live in der
|
|
Krautgasse. Bei Chaostreff und LUG bieten wir weiterhin die
|
|
Möglichkeit per Jitsi teilzunehmen.
|
|
</p>
|
|
|
|
<div class="flex-box column with-aside">
|
|
<div>
|
|
<h3>Termine</h3>
|
|
<?php
|
|
require_once '../src/getEvents.php';
|
|
try {
|
|
printEventList();
|
|
} catch (Throwable $th) {
|
|
echo '<p>Sorry ... keine Termine verfügbar</p>';
|
|
error_log($th->getMessage(), 0);
|
|
}
|
|
?>
|
|
<p>
|
|
Du kannst unsere Termine auch als iCalendar-Datei <a
|
|
href="https://kraut.space/krautspace.ics">herunterladen</a> und in
|
|
deinen Kalender importieren.
|
|
</p>
|
|
</div>
|
|
|
|
<aside class="sidebar">
|
|
<h3>Kommunikation</h3>
|
|
<div class="sb-item">
|
|
<h4 class="aside">Matrix</h4>
|
|
<ul class="aside">
|
|
<li><a href="https://matrix.to/#/#krautchan:matrix.kraut.space"
|
|
>#krautchan:matrix.kraut.space</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sb-item">
|
|
<h4 class="aside">Forum</h4>
|
|
<ul class="aside">
|
|
<li><a href="https://senf.kraut.space"
|
|
>senf.kraut.space</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sb-item">
|
|
<h4 class="aside">Jabber</h4>
|
|
<ul class="aside">
|
|
<li>MUC: <a href="xmpp:krautchan@chat.krautspace.de"
|
|
>krautchan@chat.krautspace.de</a></li>
|
|
<li>Webchat: <a href="https://kraut.space/chat">kraut.space/chat</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="sb-item">
|
|
<h4 class="aside">Twitter</h4>
|
|
<ul class="aside">
|
|
<li>
|
|
<a rel="me"
|
|
href="https://twitter.com/hackspacejena">twitter.com/hackspacejena</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sb-item">
|
|
<h4 class="aside">Mastodon</h4>
|
|
<ul class="aside">
|
|
<li>
|
|
<a rel="me"
|
|
href="https://chaos.social/@krautspace">chaos.social/@krautspace</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<section>
|
|
|
|
</div> <!-- end class panel-wrapper content-overlay -->
|
|
|
|
<div id="verein" class="panel-wrapper content-overlay">
|
|
|
|
<h2>Verein</h2>
|
|
|
|
<section>
|
|
<p>
|
|
Der Verein Hackspace Jena e. V. fungiert als Trägerverein für den
|
|
Hack(er)space in Jena und hat aktuell 35 Mitglieder (Stand
|
|
08.02.2022). Die erneute Anerkennung der Gemeinnützigkeit wird
|
|
angestrebt. Unsere Satzung kannst du dir <a
|
|
class="extern" href="https://wiki.kraut.space/verein:satzung">hier</a>
|
|
anschauen.
|
|
</p>
|
|
|
|
<h3>Vorstand</h3>
|
|
|
|
<p>
|
|
Der Vorstand besteht aktuell aus:
|
|
</p>
|
|
|
|
<ul class="indent">
|
|
<li>Jens Kubieziel (Vorsitzender)</li>
|
|
<li>Ludwig Behm (Schriftführer)</li>
|
|
<li>Thomas Lotze (Schatzmeister)</li>
|
|
</ul>
|
|
|
|
<h3>Mitglied werden</h3>
|
|
|
|
<p>
|
|
|
|
Um Mitglied zu werden, reicht eine schriftliche Willensbekundung
|
|
gegenüber den Vorstand des Vereines — Im Idealfall über
|
|
das ausgefüllte <a class="extern"
|
|
href="https://wiki.kraut.space/_media/verein:mitgliedsantrag.pdf">Mitgliedsformular</a>,
|
|
gesendet an die Postadresse.
|
|
</p>
|
|
|
|
<h3>Kontaktmöglichkeiten</h3>
|
|
|
|
<p>
|
|
Natürlich freuen wir uns auch über Post. Nur Werbung ist
|
|
unerwünscht. Dabei kann die Post einfach an diese Adresse
|
|
gesendet werden:
|
|
</p>
|
|
|
|
<ul class="indent">
|
|
<li>Hackspace Jena e. V.</li>
|
|
<li>Krautgasse 26</li>
|
|
<li>07743 Jena</li>
|
|
</ul>
|
|
|
|
<p>
|
|
Elektronische Post wird über <a
|
|
href="mailto:office@kraut.space">office@kraut.space</a> entgegen
|
|
genommen - gerne auch mit PGP/GnuPG verschlüsselt und signiert.
|
|
Die aktuelle KeyID ist 0x790A727DF8AB15D1 <a class="extern"
|
|
href="https://wiki.kraut.space/_media/verein:0x790a727df8ab15d1.asc">(Download)</a>,
|
|
der komplette Fingerprint B9C5 96CF BE9C A631 9483 6DC7 79CB 5BA6
|
|
BC40 B637. Für einen Erstkontakt kann auch dieser Service benutzt
|
|
werden: <a class="extern"
|
|
href="https://encrypt.to/office@kraut.space">https://encrypt.to/office@kraut.space</a>
|
|
</p>
|
|
|
|
</section>
|
|
</div> <!-- end class panel-wrapper content-overlay -->
|
|
|
|
<div id="raum" class="panel-wrapper content-overlay">
|
|
|
|
<h2>Raum</h2>
|
|
|
|
<section>
|
|
<p>
|
|
Unser physischer Raum liegt mitten im Zentrum Jenas und ist sehr
|
|
gut zu erreichen. Die nächsten Haltestellen des
|
|
öffentlichen Nahverkehrs befinden sich ca. 50 Meter entfernt.
|
|
Das sind die Straßenbahnen der Linie 16, sowie die Busse der
|
|
Linie 5.
|
|
</p>
|
|
<div id="map-box" class="flex-box column with-aside">
|
|
<div id="map">
|
|
<a class="extern"
|
|
href="http://www.openstreetmap.org/node/1875593753">
|
|
<img src="./images/lageplan.svg"
|
|
alt="Lageplan des Krautspace"
|
|
title="Karte auf Open Street Map öffnen">
|
|
</a>
|
|
</div>
|
|
|
|
<aside id="öpnv" class="sidebar">
|
|
<div class="sb-item">
|
|
<h4 class="aside">Haltestellen</h4>
|
|
<ul class="aside">
|
|
<li>
|
|
<a href="https://www.nahverkehr-jena.de/fahrplan/strassenbahn/linie-5.html"
|
|
title="Zum Fahrplan der Linie 5">Linie 5</a> - Ernst-Abbe-Platz
|
|
</li>
|
|
<li>
|
|
<a href="https://www.nahverkehr-jena.de/fahrplan/bus/linie-16.html"
|
|
title="Zum Fahrplan der Linie 16">Linie 16</a> - Johannisplatz
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|
|
|
|
</div>
|
|
</section>
|
|
</div> <!-- end class panel-wrapper content-overlay -->
|
|
</main>
|
|
<hr/>
|
|
|
|
<!-- footer ---------------------------------------------------------->
|
|
|
|
<footer>
|
|
<div id="footer" class="flex-box row center-content max-width">
|
|
<div class="sub-panel">
|
|
<h4>Kontakt</h4>
|
|
<ul>
|
|
<li><span class="no-wrap">Hackspace Jena e. V.</li>
|
|
<li>Krautgasse 26</li>
|
|
<li>07743 Jena</li>
|
|
<li role="link">E-Mail: <a href="mailto:office@kraut.space"
|
|
class="link-footer">office@kraut.space</a></li>
|
|
<li role="link">GPG-Key: <a href="https://keys.openpgp.org/search?q=93990C08E1A620147A3DFF1D6B604128A8D30500"
|
|
class="link-footer">0x6B604128A8D30500</a></li>
|
|
</ul>
|
|
</div> <!-- end class sub-panel -->
|
|
|
|
<div class="sub-panel">
|
|
<h4>Organisatorisches</h4>
|
|
<ul>
|
|
<li role="link"><a title="Impressum"
|
|
class="link-footer"
|
|
href="https://kraut.space/impressum">Impressum</a></li>
|
|
<li role="link"><a title="Direkt zur Datenschutzerklährung"
|
|
class="link-footer"
|
|
href="https://wiki.kraut.space/datenschutz">Datenschutz</a></li>
|
|
</ul>
|
|
</div> <!-- end class sub-panel -->
|
|
|
|
<div class="sub-panel">
|
|
<h4>Bankverbindung</h4>
|
|
<ul>
|
|
<li><span class="no-wrap">Inhaber: Hackspace Jena e. V.</li>
|
|
<li><span class="no-wrap">IBAN: DE55 8309 4495 0003 1839 12</li>
|
|
<li><span class="no-wrap">BIC: GENO DE F1 ETK</li>
|
|
<li><span class="no-wrap">Bank: Ethikbank Eisenberg</li>
|
|
</ul>
|
|
</div> <!-- end class sub-panel -->
|
|
|
|
</div> <!-- end class flex-box center-content max-width footer-box -->
|
|
</footer>
|
|
|
|
<!-- go-to-top ------------------------------------------------------->
|
|
|
|
<div id="go-to-top" class="icon">
|
|
<a href="#start-image-container"
|
|
alt="Springe zum Seitenanfang"
|
|
title="Springe zum Seitenanfang">
|
|
<img class="icon-img"
|
|
alt="Pfeil nach oben"
|
|
src="./images/icons/arrow-up.svg" />
|
|
</a>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|