bobidle/webseite-krautspace
1
0
Fork 0
forked from Krautspace/webseite-krautspace
Code Pull requests Activity
webseite-krautspace/public/index.html
+++ 2048026c27 neue ordnerstruktur, php-code hinzugefügt 
die ordner public und src hinzugefügt,
zapcallib.php für iCalendar files hinzugefügt,
getContent.php und getEvent.php hinzugefügt
2022-02-18 11:59:12 +01:00

371 lines
13 KiB
HTML
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/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">
<img class="icon-img"
alt="Raumstatus Icon - Raum ist geschlossen"
src="./images/user-times.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">
<p>
<a id="open-menu"
title="Menu öffnen"
href="#menu">Menu</a>
</p>
<nav id="menu" class="flex-box column">
<p>
<a id="close-menu"
title="Menu schliessen"
href="#open-menu">Close</a>
</p>
<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>
Aufgrund der Corona-Pandemie sind physische Treffen nur
eingeschr&auml;nkt m&ouml;glich. Daher betreiben wir derzeit
zwei w&ouml;chentliche virtuelle Treffpunkte. Daneben nutzen
wir zur Kommunikation derzeit hauptsä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>
<ul>
<li>Dienstag, 20:00 Uhr: "Chaostreff"</li>
<li>Offene Runde</li>
<li>Jitsi: <a href="https://kraut.space/chaostreff"
>https://kraut.space/chaostreff</a></li>
</ul>
<ul>
<li>Donnerstag, 20:00 Uhr: "Linux User Group"</li>
<li>Linux User Group</li>
<li>Jitsi: <a
href="https://kraut.space/lug">https://kraut.space/lug</a></li>
</ul>
</div>
<aside class="sidebar">
<h3>Kontakt</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">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">iCalendar</h4>
<ul class="aside">
<li>
<a href="https://kraut.space/krautspace.ics">kraut.space/krautspace.ics</a>
</li>
</ul>
</div>
<div class="sb-item">
<h4 class="aside">Twitter</h4>
<ul class="aside">
<li>
<a href="https://twitter.com/krautspace">twitter.com/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.&#x202f;V. fungiert als Tr&auml;gerverein für den
Hack(er)space in Jena und hat aktuell XX Mitglieder (Stand Januar
2022) und ist als gemeinn&uuml;tzig anerkannt. Unsere <a
class="extern" href="https://wiki.kraut.space/verein:satzung">Satzung</a>
kannst du dir hier anschauen.
</p>
<h3>Vorstand</h3>
<p>
Der Vorstand besteht aktuell aus:
</p>
<ul class="indent">
<li>Jens Kubieziel (Vorsitzender)</li>
<li>Jonny M&uuml;ller (Schriftf&uuml;hrer)</li>
<li>Thomas Lotze (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 Mitgliedsformular, gesendet an die
Postadresse. Durch eine &Uuml;berweisung des Mitgliedsbeitrages
und einer Best&auml;tigung ist die Mitgliedschaft besiegelt.
</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 0x6B604128A8D30500 <a class="extern"
href="http://u3mqsh2dzbbj2mv6evcobgtp7c3y6y3lox7dwvdoxhkd5dwg26xuxdid.onion/_media/verein:93990c08e1a620147a3dff1d6b604128a8d30500.asc">(Download)</a>,
der komplette Fingerprint E9B3 BDF1 AC2E 351A 4BEE EE0C A9DE BB37
7A0D B943. 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&auml;chsten Haltestellen des
&ouml;ffentlichen Nahverkehrs befinden sich ca. 50 Meter entfernt.
Das sind die Stra&szlig;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.&#x202f;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&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.</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/arrow-up.svg" />
</a>
</div>
</body>
</html>
View git blame Copy permalink