kleine verbesseungen

media query auf 680 pixel gesetz,
termine erstmal statisch gesetzt,
linien des nahverkehr hinzugefügt,
optische anpassungen,
rollenattribute hinzugefügt
This commit is contained in:
example 2022-02-04 23:13:23 +01:00
parent 9837d79198
commit f6736190e6
2 changed files with 75 additions and 26 deletions

View file

@ -125,9 +125,24 @@
<p>
Aufgrund der Corona-Pandemie sind physische Treffen nur
eingeschr&auml;nkt m&ouml;glich. Daher betreiben wir derzeit zwei
virtuelle Treffpunkte w&ouml;chentlich.
eingeschr&auml;nkt m&ouml;glich. Daher betreiben wir derzeit
w&ouml;chentlich zwei virtuelle Treffpunkte.
</p>
<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>
<section>
</div> <!-- end class panel-wrapper content-overlay -->
@ -208,6 +223,29 @@
Das sind die Stra&szlig;enbahnen der Linie 16, sowie die Busse der
Linie 5.
</p>
<div id="map-box" class="flex-box-column space-around">
<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">
<h3>Haltestellen</h3>
<ul class="no-indent">
<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>
</aside>
</div>
</section>
</div> <!-- end class panel-wrapper content-overlay -->
@ -220,28 +258,32 @@
<div id="footer" class="flex-box-row center-content max-width">
<div class="sub-panel">
<h4>Kontakt</h4>
<ul class="list-footer">
<ul class="no-indent">
<li><span class="no-wrap">Hackspace Jena e.&#x202f;V.</li>
<li>Krautgasse 26</li>
<li>07743 Jena</li>
<li>E-Mail: <a href="mailto:office@kraut.space">office@kraut.space</a></li>
<li>GPG-Key: <a href="https://keys.openpgp.org/search?q=93990C08E1A620147A3DFF1D6B604128A8D30500">0x6B604128A8D30500</a></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 class="list-footer">
<li><a title="Impressum"
href="https://kraut.space/impressum">Impressum</a></li>
<li><a title="Direkt zur Datenschutzerkl&auml;hrung"
href="https://wiki.kraut.space/datenschutz">Datenschutz</a></li>
<ul class="no-indent">
<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 class="list-footer">
<ul class="no-indent">
<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>

View file

@ -25,8 +25,13 @@ ul {
list-style: none;
}
ul.no-indent {
padding-left: 0;
}
a {
text-decoration: none;
color: #333333;
text-decoration: underline 1px dotted #333333;
}
div.center-content {
@ -54,6 +59,10 @@ div.max-width {
justify-content: space-between;
}
.space-around {
justify-content: space-around;
}
/**** fixed elements ****************************/
/************************************************/
@ -243,20 +252,9 @@ main {
background-color: inherit;
}
/**** main - iframe ****/
div#text {
width: 30%;
}
div#iframe-karte {
width: 70%;
}
iframe#osm {
div#map img {
width: 100%;
height: 100%;
max-width: 100%;
}
@ -278,11 +276,16 @@ ul.list-footer {
padding-left: 1em;
}
a.link-footer {
color: #ffffff;
text-decoration: underline 1px dotted #ffffff;
}
/**** media querys ******************************/
/************************************************/
@media only screen and (min-width: 600px) {
@media only screen and (min-width: 680px) {
label#responsiv-navi-label {
display: none;
@ -297,4 +300,8 @@ ul.list-footer {
padding: 0 0 0 1em;
}
div#map-box {
flex-direction: row;
}
}