bobidle/webseite-krautspace
1
0
Fork 0
forked from Krautspace/webseite-krautspace
Code Pull requests Activity
webseite-krautspace/public/index.php

408 lines
15 KiB
PHP
Raw Blame History

<!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/" />
<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&auml;&szlig;ig (oder auch
unregelm&auml;&szlig;ig) stattfindende thematische Runden,
Vortr&auml;ge, Workshops oder auch einfach nur mal eine
gesellige Runde in gechillter Atmosph&auml;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>
Unser haupts&auml;chlicher Treffpunkt ist der Krautspace in der
Krautgasse 26 im Zentrum von Jena. Nachdem wir wegen der
Corona-Pandemie vor&uuml;bergehend auf virtuelle R&auml;ume
ausweichen mussten, treffen sich mittlerweile alle unsere Runden
wieder vor Ort.
</p>
<p>
Bei Chaostreff und LUG bieten wir weiterhin die M&ouml;glichkeit,
per Videokonferenz teilzunehmen. Daneben nutzen wir zur Kommunikation
haupts&auml;chlich einen Raum in der Matrix. Du kannst dort gern
Kontakt zu uns aufnehmen.
</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">Mastodon</h4>
<ul class="aside">
<li>
<a rel="me"
href="https://chaos.social/@krautspace">chaos.social/@krautspace</a>
</li>
</ul>
</div>
<div class="sb-item">
<h4 class="aside">Videokonferenz</h4>
<ul class="aside">
<li>
<a rel="me"
href="https://kraut.space/lug">https://kraut.space/lug</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.&#x202f;V. fungiert als Tr&auml;gerverein für den
Hack(er)space in Jena und hat aktuell 35 Mitglieder (Stand
08.02.2022). Die erneute Anerkennung der Gemeinn&uuml;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&uuml;hrer)</li>
<li>Daniel Mazak (Schatzmeister)</li>
</ul>
<h3>Mitglied werden</h3>
<p>
Um Mitglied zu werden, reicht eine schriftliche Willensbekundung
gegen&uuml;ber den Vorstand des Vereines — Im Idealfall &uuml;ber
das ausgef&uuml;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&uuml;rlich freuen wir uns auch &uuml;ber Post. Nur Werbung ist
unerw&uuml;nscht. Dabei kann die Post einfach an diese Adresse
gesendet werden:
</p>
<ul class="indent">
<li>Hackspace Jena e.&#x202f;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.
</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&auml;chsten Haltestellen des
&ouml;ffentlichen Nahverkehrs befinden sich ca. 50 Meter entfernt.
Das sind die Stra&szlig;enbahnen der Linie 5, sowie die Busse der
Linie 16. Von der Krautgasse aus muss man den Durchgang am Café Rossi
passieren. Ungef&auml;hr in der Mitte des Durchgangs befindet sich
auf der linken Seite der Eingang ins Haus. Im Haus geht es eine Treppe
hoch und dann nach rechts durch die Tür über den Balkon; ganz hinten
ist es dann die rechte Tür.
</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.&#x202f;V.</span></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=CD80EBA61A8142C52544F6B8790A727DF8AB15D1"
class="link-footer">0x790A727DF8AB15D1</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&auml;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.&#x202f;V.</span></li>
<li><span class="no-wrap">IBAN: DE55 8309 4495 0003 1839 12</span></li>
<li><span class="no-wrap">BIC: GENO DE F1 ETK</span></li>
<li><span class="no-wrap">Bank: Ethikbank Eisenberg</span></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>
View git blame Copy permalink