kraut.space - Homepage

commit 9837d79198d7f6f9e8261e2372acaf15b1ed8d43 Author: example Date: Fri Feb 4 20:43:06 2022 +0100 initialer commit diff --git a/images/arrow-up.svg b/images/arrow-up.svg new file mode 100644 index 0000000..2c879c7 --- /dev/null +++ b/images/arrow-up.svg @@ -0,0 +1,2 @@ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..a39bd9a --- /dev/null +++ b/index.html @@ -0,0 +1,268 @@ + + + + + + + + + + + + + + + + + + + + + kraut.space - Homepage + + + + + + Zum Inhalt springen + + + +

+ +

+ +

C

+

l

+

o

+

s

+

e

+

d

+

+

+ + + +

+

+

+ + + + + +

+

+

+

+ + + + + + + +

+

+ +

+

+ +

Treffpunkte

+ +

+ Aufgrund der Corona-Pandemie sind physische Treffen nur + eingeschränkt möglich. Daher betreiben wir derzeit zwei + virtuelle Treffpunkte wöchentlich. +

+

+ +

+ +

+

+ +

Unser Trägerverein

+ +

+ 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. + November 2016) und ist als gemeinnützig anerkannt. Unsere Satzung + kannst du dir hier anschauen. +

+ +

Vorstand

+ +

+ Der Vorstand besteht aktuell aus: +

+ +

Jens Kubieziel (Vorsitzender)
Jonny Müller (Schriftführer)
Thomas Lotze (Schatzmeister)

+ +

Mitglied werden

+ +

+ Um Mitglied zu werden, reicht eine schriftliche Willensbekundung + gegenüber den Vorstand des Vereines — Im Idealfall über + das ausgefüllte Mitgliedsformular, gesendet an die + Postadresse. Durch eine Überweisung des Mitgliedsbeitrages + und einer Bestätigung ist die Mitgliedschaft besiegelt. +

+ +

Kontaktmöglichkeiten

+ +

+ Natürlich freuen wir uns auch über Post. Nur Werbung ist + unerwünscht. Dabei kann die Post einfach an diese Adresse + gesendet werden: +

+ +

Hackspace Jena e. V.
+
Krautgasse 26
07743 Jena

+ +

+ Elektronische Post wird über office@kraut.space entgegen + genommen - gerne auch mit PGP/GnuPG verschlüsselt und signiert. + Die aktuelle KeyID ist 0x6B604128A8D30500 (Download), + der komplette Fingerprint E9B3 BDF1 AC2E 351A 4BEE EE0C A9DE BB37 + 7A0D B943. Für einen Erstkontakt kann auch dieser Service benutzt + werden: https://encrypt.to/office@kraut.space +

+ +

+

+ +

+

+ +

Unser Raum

+ +

+ Unser physischer Raum liegt mitten im Zentrum Jenas und ist sehr + gut zu erreichen. Die nächsten Haltestellen des + öffentlichen Nahverkehrs befinden sich ca. 50 Meter entfernt. + Das sind die Straßenbahnen der Linie 16, sowie die Busse der + Linie 5. +

+

+

+ +

+

+ + + + + + + +

+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..4d1def6 --- /dev/null +++ b/style.css @@ -0,0 +1,300 @@ +/* style.css für kraut.space */ + + +/********** allgemein ***************************/ +/************************************************/ + +html, body { + margin: 0; + padding: 0; + font-size: 100%; + color: #333333; + background-color: #ffffff; + line-height: 150%; + border-collapse: collapse; + scroll-behavior: smooth; +} + +body { + display: flex; + min-height: 100vh; + flex-direction: column; +} + +ul { + list-style: none; +} + +a { + text-decoration: none; +} + +div.center-content { + margin: 0 auto; +} + +div.max-width { + max-width: 75em; +} + +.hidden, hr { + display: none; +} + +.flex-box-row { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.flex-box-column { + display: table; /* fallback IE<9 */ + display: flex; + flex-direction: column; + justify-content: space-between; +} + + +/**** fixed elements ****************************/ +/************************************************/ + +/**** space status ****/ + +div#space-status-div { + position: fixed; + top: 0; + left: 0; + width: 3em; + height: 3em; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 1.5em; + border-bottom-right-radius: 1.5em; + overflow: hidden; + background-color: #ffffff; + z-index: 10; + display: none; +} + +div#space-status-div:hover { + height: 12em; +} + + +/**** fixed header ****/ + +div#head-fix { + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: #ffffff; + box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.8); + z-index: 100; +} + +#headline { + margin: 0; + padding: 1em; + align-items: center; +} + +header { + align-self: flex-start; + flex-grow: 1; +} + +h1 { + margin: 0; + padding: 0; +} + +/**** fixed navigation ****/ + +nav { + height: 100%; + align-items: flex-end; + flex-grow: 2; +} + +label#responsiv-navi-label { + width: 1.5em; + height: 1.5em; + display: flex; + cursor: pointer; +} + +input#responsiv-navi-checkbox { + display: none; +} + +div#hamburger { + width: 100%; + height: 100%; + justify-content: space-around; +} + +.hamburger-scheibe { + width: 100%; + height: 20%; + background-color: #333333; +} + +/* +#hamburger-menu:after { + content: 'Menu'; + position: absolute; + top: 0; + right: 0; +} +*/ + +ul#navigation-menu { + justify-content: space-between; + align-items: flex-end; + list-style: none; + display: none; + margin: 0; + padding: 0; + z-index: 5; +} + +ul#navigation-menu > li { + padding: 0.5em 0 0 0; + z-index: 5; +} + +ul#navigation-menu li a { + color: inherit; +} + +#responsiv-navi-checkbox:checked ~ ul#navigation-menu { + display: flex; +} + + +/**** go-to-top ****/ + +div#go-to-top { + position: fixed; + right: 2%; + bottom: 2%; + width: 2.5em; + height: 2.5em; + border-radius: 0.5em; + background-color: #ffffff; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); + z-index: 10; +} + +img#to-top { + width: 80%; + height: 80%; + padding: 10% 10% 10% 10%; +} + + +/**** flexible elements *************************/ +/************************************************/ + +/**** startimage ****/ + +#start-image-container { + position: relative; + display: block; + width: 100%; + min-height: 50vh; + max-height: 60vh; + margin: 0; + padding: 0; + overflow: hidden; + background: url('./images/doppelzimmer-2000.jpg') no-repeat center; + background-size: cover; +} + + +/**** main ****/ + +main { + min-height: 100px; + flex: 1; +} + +.wrapper { + position: relative; + padding: 0 2%; +} + +.content-overlay { + position: relative; + top: -40px; +} + +.panel-wrapper { + margin: 1% 1% 5% 1%; + padding: 3.5em 2em 7em 1.5em;; + background-color: #ffffff; + box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.7); +} + +.sub-panel { + flex-grow: 1; + padding: 1em 1em 1em 1.5em; + background-color: inherit; +} + + +/**** main - iframe ****/ + +div#text { + width: 30%; +} + +div#iframe-karte { + width: 70%; +} + +iframe#osm { + width: 100%; + height: 100%; +} + + +/**** footer ****/ + +footer { + padding: 0 5% 10% 5%; + color: #ffffff; + background-color: #333333; +} + +div#footer { + display: flex; + flex-wrap: wrap; +} + +ul.list-footer { + color: inherit; + padding-left: 1em; +} + + +/**** media querys ******************************/ +/************************************************/ + +@media only screen and (min-width: 600px) { + + label#responsiv-navi-label { + display: none; + } + + ul#navigation-menu { + display: flex; + flex-direction: row; + } + + ul#navigation-menu li { + padding: 0 0 0 1em; + } + +}