forked from Krautspace/webseite-krautspace
abschnitt krautspace eingefügt, optische korrekturen
This commit is contained in:
parent
f6736190e6
commit
7966609576
2 changed files with 144 additions and 46 deletions
104
index.html
104
index.html
|
@ -27,7 +27,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<a href="#treffpunkte"
|
||||
<a href="#space"
|
||||
title="Springe zum Inhalt"
|
||||
alt="Springe zum Inhalt">Zum Inhalt springen</a>
|
||||
|
||||
|
@ -79,6 +79,10 @@
|
|||
<ul id="navigation-menu"
|
||||
role="menu"
|
||||
class="flex-box-column">
|
||||
<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>
|
||||
|
@ -116,19 +120,50 @@
|
|||
<!-- main area with content ------------------------------------------>
|
||||
|
||||
<main role="main">
|
||||
|
||||
|
||||
<div class="wrapper center-content max-width">
|
||||
|
||||
<div id="treffpunkte" class="panel-wrapper content-overlay">
|
||||
<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 euch dort 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änkt möglich. Daher betreiben wir derzeit
|
||||
wöchentlich zwei virtuelle Treffpunkte.
|
||||
</p>
|
||||
|
||||
<div class="flex-box-column with-aside">
|
||||
<div>
|
||||
<h3>Termine</h3>
|
||||
<ul>
|
||||
<li>Dienstag, 20:00 Uhr: "Chaostreff"</li>
|
||||
<li>Offene Runde</li>
|
||||
|
@ -142,16 +177,47 @@
|
|||
<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">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">Matrix</h4>
|
||||
<p><a
|
||||
href="https://matrix.to/#/#krautchan:matrix.kraut.space">#krautchan:matrix.kraut.space</a>
|
||||
</div>
|
||||
<div class="sb-item">
|
||||
<h4 class="aside">iCalendar</h4>
|
||||
<p><a href="https://kraut.space/krautspace.ics"
|
||||
>kraut.space/krautspace.ics</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="sb-item">
|
||||
<h4 class="aside">Twitter</h4>
|
||||
<p><a href="https://twitter.com/krautspace">twitter.com/krautspace"</a>
|
||||
</p>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
|
||||
</div> <!-- end class panel-wrapper content-overlay -->
|
||||
|
||||
<div id="verein" class="panel-wrapper content-overlay">
|
||||
|
||||
<h2>Verein</h2>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Unser Trägerverein</h2>
|
||||
|
||||
<p>
|
||||
Der Verein Hackspace Jena e. V. fungiert als Trägerverein für den
|
||||
Hack(er)space in Jena und hat aktuell 49 Mitglieder (Stand 27.
|
||||
|
@ -166,7 +232,7 @@
|
|||
Der Vorstand besteht aktuell aus:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<ul class="indent">
|
||||
<li>Jens Kubieziel (Vorsitzender)</li>
|
||||
<li>Jonny Müller (Schriftführer)</li>
|
||||
<li>Thomas Lotze (Schatzmeister)</li>
|
||||
|
@ -190,7 +256,7 @@
|
|||
gesendet werden:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<ul class="indent">
|
||||
<li>Hackspace Jena e. V.<li>
|
||||
<li>Krautgasse 26</li>
|
||||
<li>07743 Jena</li>
|
||||
|
@ -212,10 +278,10 @@
|
|||
</div> <!-- end class panel-wrapper content-overlay -->
|
||||
|
||||
<div id="raum" class="panel-wrapper content-overlay">
|
||||
|
||||
<h2>Raum</h2>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Unser Raum</h2>
|
||||
|
||||
<p>
|
||||
Unser physischer Raum liegt mitten im Zentrum Jenas und ist sehr
|
||||
gut zu erreichen. Die nächsten Haltestellen des
|
||||
|
@ -223,7 +289,7 @@
|
|||
Das sind die Straßenbahnen der Linie 16, sowie die Busse der
|
||||
Linie 5.
|
||||
</p>
|
||||
<div id="map-box" class="flex-box-column space-around">
|
||||
<div id="map-box" class="flex-box-column with-aside">
|
||||
<div id="map">
|
||||
<a class="extern"
|
||||
href="http://www.openstreetmap.org/node/1875593753">
|
||||
|
@ -232,9 +298,11 @@
|
|||
title="Karte auf Open Street Map öffnen">
|
||||
</a>
|
||||
</div>
|
||||
<aside id="öpnv">
|
||||
<h3>Haltestellen</h3>
|
||||
<ul class="no-indent">
|
||||
|
||||
<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
|
||||
|
@ -244,7 +312,9 @@
|
|||
title="Zum Fahrplan der Linie 16">Linie 16</a> - Johannisplatz
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div> <!-- end class panel-wrapper content-overlay -->
|
||||
|
@ -258,7 +328,7 @@
|
|||
<div id="footer" class="flex-box-row center-content max-width">
|
||||
<div class="sub-panel">
|
||||
<h4>Kontakt</h4>
|
||||
<ul class="no-indent">
|
||||
<ul>
|
||||
<li><span class="no-wrap">Hackspace Jena e. V.</li>
|
||||
<li>Krautgasse 26</li>
|
||||
<li>07743 Jena</li>
|
||||
|
@ -271,7 +341,7 @@
|
|||
|
||||
<div class="sub-panel">
|
||||
<h4>Organisatorisches</h4>
|
||||
<ul class="no-indent">
|
||||
<ul>
|
||||
<li role="link"><a title="Impressum"
|
||||
class="link-footer"
|
||||
href="https://kraut.space/impressum">Impressum</a></li>
|
||||
|
@ -283,7 +353,7 @@
|
|||
|
||||
<div class="sub-panel">
|
||||
<h4>Bankverbindung</h4>
|
||||
<ul class="no-indent">
|
||||
<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>
|
||||
|
|
44
style.css
44
style.css
|
@ -4,15 +4,19 @@
|
|||
/********** allgemein ***************************/
|
||||
/************************************************/
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
border-collapse: collapse;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
line-height: 150%;
|
||||
border-collapse: collapse;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -25,8 +29,8 @@ ul {
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
ul.no-indent {
|
||||
padding-left: 0;
|
||||
ul.indent {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -59,8 +63,8 @@ div.max-width {
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.space-around {
|
||||
justify-content: space-around;
|
||||
main section {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
|
||||
|
@ -258,6 +262,25 @@ div#map img {
|
|||
}
|
||||
|
||||
|
||||
/**** aside ****/
|
||||
|
||||
div.sb-item {
|
||||
border-top: 1px solid #333333;
|
||||
}
|
||||
|
||||
div.sb-item p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h4.aside {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
ul.aside {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
/**** footer ****/
|
||||
|
||||
footer {
|
||||
|
@ -300,8 +323,13 @@ a.link-footer {
|
|||
padding: 0 0 0 1em;
|
||||
}
|
||||
|
||||
div#map-box {
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 980px) {
|
||||
|
||||
div.with-aside {
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue