From f6736190e6582576d3f16399790d3f7a74227a93 Mon Sep 17 00:00:00 2001
From: example <example@example.com>
Date: Fri, 4 Feb 2022 23:13:23 +0100
Subject: [PATCH] kleine verbesseungen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

media query auf 680 pixel gesetz,
termine erstmal statisch gesetzt,
linien des nahverkehr hinzugefügt,
optische anpassungen,
rollenattribute hinzugefügt
---
 index.html | 64 ++++++++++++++++++++++++++++++++++++++++++++----------
 style.css  | 37 ++++++++++++++++++-------------
 2 files changed, 75 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index a39bd9a..2150cde 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/style.css b/style.css
index 4d1def6..20f50b5 100644
--- a/style.css
+++ b/style.css
@@ -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;
+  }
+
 }