Krautspace/webseite-krautspace
6
0
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity

kleine verbesseungen

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

60
index.html
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"
<ul class="no-indent">
<li role="link"><a title="Impressum"
class="link-footer"
href="https://kraut.space/impressum">Impressum</a></li>
<li><a title="Direkt zur Datenschutzerkl&auml;hrung"
<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>

37
style.css
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;
}
}