From c6f4f0f689924df3f7f501f64271ce8168fd4c8d Mon Sep 17 00:00:00 2001 From: sven Date: Thu, 29 Oct 2020 10:07:05 +0100 Subject: [PATCH 1/3] =?UTF-8?q?Spruch=20auf=20Startseite=20ge=C3=A4ndert?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index b54c507..0b65473 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@
freibier.cc -

frei gebraut – frei verfügbar – nicht gratis

+

Frei wie in Freiheit

Impressum Datenschutzerklärung

From 21f036967170949924165e64318bd67b6d0344ea Mon Sep 17 00:00:00 2001 From: sven Date: Wed, 9 Dec 2020 13:46:43 +0100 Subject: [PATCH 2/3] Finishing test.fr.. branch --- style/freibier.css | 8 +- style/freibier.css~ | 272 +++++++++++++++++++++++++++++++++++++++++++ template.html | 44 +++++++ werwirsind.html | 44 +++++++ werwirsind.html~ | 46 ++++++++ wieallesbegann.html | 44 +++++++ wieallesbegann.html~ | 44 +++++++ 7 files changed, 500 insertions(+), 2 deletions(-) create mode 100644 style/freibier.css~ create mode 100644 template.html create mode 100644 werwirsind.html create mode 100644 werwirsind.html~ create mode 100644 wieallesbegann.html create mode 100644 wieallesbegann.html~ diff --git a/style/freibier.css b/style/freibier.css index 3ac2900..b3afef0 100644 --- a/style/freibier.css +++ b/style/freibier.css @@ -70,13 +70,17 @@ pre {color: grey; .footer a:hover { text-decoration: underline; color: navy; } .footer a:active { text-decoration: underline; color: fuchsia; } +.none {display: none;} + +.bold {font-family: HKRegularBold;} + .logo { background-color: grey; width: 100%; height: auto; display: flex; - justify-content: center; - align-items: center; + justify-content: center; + align-items: center; position: relative;} .column { diff --git a/style/freibier.css~ b/style/freibier.css~ new file mode 100644 index 0000000..3ac2900 --- /dev/null +++ b/style/freibier.css~ @@ -0,0 +1,272 @@ +body {background: #E8E8E8; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%;} +p {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + display: block; } +h1 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 150%;} +h2 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 130%; + text-transform: uppercase;} +h3 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 110%; } +a:link { text-decoration: underline; color: fuchsia; } +a:visited { text-decoration: underline; color: purple; } +a:hover { text-decoration: underline; color: navy; } +a:active { text-decoration: underline; color: navy; } +td {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + text-align: left; } +th {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + text-align: left; } +input {color: grey; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; } +pre {color: grey; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; } +#wrapper {background: white; + display: block; + margin: 0 auto; + margin-left: auto; + margin-right: auto; + width: 80%;} +.footer {position: static; + left: 0; + bottom: 0; + background-color: grey; + width: 100%; + color: white; + text-align: center;} + +.footer a:link { text-decoration: none; color: white; } +.footer a:visited { text-decoration: none; color: white; } +.footer a:hover { text-decoration: underline; color: navy; } +.footer a:active { text-decoration: underline; color: fuchsia; } + +.logo { + background-color: grey; + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + position: relative;} + +.column { + float: left; +} + +.left { + width: 42%; + padding-left: 15%; + padding-right: 8%; +} + +.right { + width: 15%; + padding-left: 5%; + padding-right: 15%; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Centered text */ +.centered { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 2vw; + color: lime; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; } + +/* header */ + +.header { + background-color: #fff; + display: block; + box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); + position: relative; + width: inherit; + color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + padding:0px; +} + +.header ul { + margin: 0; + padding: 0; + list-style: none; + overflow: hidden; + background-color: #fff; +} + +.header li a { + display: block; + padding: 1em 1em; + border-right: 1px solid #f4f4f4; + text-decoration: none; +} + + +.header li a:hover, +.header .menu-btn:hover { + background-color: #f4f4f4; + text-decoration: underline; color: navy; +} + +.header .logo { + display: block; + float: left; + font-size: 2em; + padding: 2em 10em; + text-decoration: none; +} + +/* menu */ + +.header .menu { + clear: both; + max-height: 0; + transition: max-height .2s ease-out; +} + +/* menu icon */ + +.header .menu-icon { + cursor: pointer; + display: inline-block; + float: right; + padding: 28px 20px; + position: relative; + user-select: none; +} + +.header .menu-icon .navicon { + background: #333; + display: block; + height: 2px; + position: relative; + transition: background .2s ease-out; + width: 18px; +} + +.header .menu-icon .navicon:before, +.header .menu-icon .navicon:after { + background: #333; + content: ''; + display: block; + height: 100%; + position: absolute; + transition: all .2s ease-out; + width: 100%; +} + +.header .menu-icon .navicon:before { + top: 5px; +} + +.header .menu-icon .navicon:after { + top: -5px; +} + +/* menu btn */ + +.header .menu-btn { + display: none; +} + +.header .menu-btn:checked ~ .menu { + max-height: 240px; +} + +.header .menu-btn:checked ~ .menu-icon .navicon { + background: transparent; +} + +.header .menu-btn:checked ~ .menu-icon .navicon:before { + transform: rotate(-45deg); +} + +.header .menu-btn:checked ~ .menu-icon .navicon:after { + transform: rotate(45deg); +} + +.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, +.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { + top: 0; +} + +@media (min-width: 54em) { + .header li { + float: left; + } + .header li a { + color: black; + padding: 20px 40px; + } + .header .menu { + clear: none; + float: right; + max-height: none; + } + .header .menu-icon { + display: none; + } +} +@media (max-width: 54em) { + .column { + width: 94%; + } + .centered { + display: none; + } + .left{ + padding-left: 3%; + padding-right: 3%; + } + .right{ + padding-left: 3%; + padding-right: 3%; + } + #wrapper{ + width: 95%; + } +} diff --git a/template.html b/template.html new file mode 100644 index 0000000..fb3b8fd --- /dev/null +++ b/template.html @@ -0,0 +1,44 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Title links

+

Text

+
+
+

Title rechts

+

Text

+
+
+ +

Impressum Datenschutzerklärung

+
+ + diff --git a/werwirsind.html b/werwirsind.html new file mode 100644 index 0000000..fb3b8fd --- /dev/null +++ b/werwirsind.html @@ -0,0 +1,44 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Title links

+

Text

+
+
+

Title rechts

+

Text

+
+
+ +

Impressum Datenschutzerklärung

+
+ + diff --git a/werwirsind.html~ b/werwirsind.html~ new file mode 100644 index 0000000..44a0241 --- /dev/null +++ b/werwirsind.html~ @@ -0,0 +1,46 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Willkommwn bei Freibier.cc

+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

+

Brauen im Waschraum
- wie alles begann

+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

+
+
+

Brauen im Waschraum
- wie alles begann

+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

+
+
+ +

Impressum Datenschutzerklärung

+
+ + diff --git a/wieallesbegann.html b/wieallesbegann.html new file mode 100644 index 0000000..3c6ad09 --- /dev/null +++ b/wieallesbegann.html @@ -0,0 +1,44 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Wie alles begann
- brauen im Waschraum

+

Text

+
+
+

Title rechts

+

Text

+
+
+ +

Impressum Datenschutzerklärung

+
+ + diff --git a/wieallesbegann.html~ b/wieallesbegann.html~ new file mode 100644 index 0000000..fb3b8fd --- /dev/null +++ b/wieallesbegann.html~ @@ -0,0 +1,44 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Title links

+

Text

+
+
+

Title rechts

+

Text

+
+
+ +

Impressum Datenschutzerklärung

+
+ + From acc77aff2b161de9889b23925fe0be6142969325 Mon Sep 17 00:00:00 2001 From: sven Date: Wed, 9 Dec 2020 13:52:40 +0100 Subject: [PATCH 3/3] Pulled changes from online --- index.html | 63 ++++++++++ style/freibier.css | 280 ++++++++++++++++++++++++++++++++++++++++++++ style/freibier.css~ | 18 ++- 3 files changed, 356 insertions(+), 5 deletions(-) create mode 100644 index.html create mode 100644 style/freibier.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..3da5934 --- /dev/null +++ b/index.html @@ -0,0 +1,63 @@ + + + + + + freibier.cc + + + + + +
+ +
+ + + +
+ + + +
+
+

Willkommen bei Freibier.cc

+

Wir sind zwei Regensburger Brauer, die es sich zur Aufgabe gemacht haben freies Bier zu brauen. Das heißt, wir veröffentlichen alle unsere Rezepte und Protokolle online.

+

Hier kannst Du nachschauen, welche Rohstoffe wir für welches Bier verwendet haben: Welches Malz, welcher Hopfen, welcher Hefestamm und wieviel genau wovon. + Du kannst jedes unserer Rezepte auch selbst nachbrauen. Scanne einfach den Code auf einer unserer Flaschen, oder folge dem Link auf der Flasche + (zusammengesetzt aus https://frbr.cc/mhd/ und dem Mindesthaltbarkeitsdatum), + und Du erfährst chargengenau, wie Dein Bier gebraut wurde.

+

Ein Programmierer würde sagen unser Produkt ist open source.
+ Ein Verbraucherschützer würde es transparent nennen.
+ Wir sagen es ist frei: frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!

+

Brauen im Waschraum
- wie alles begann

+

Vor drei Jahren suchte ich einen trockenen Lagerraum. Als ich ein Angebot +besichtigte, begleitete mich Michael. Es handelte sich um den Waschraum der +ehemaligen Tierfuttermittelfabrik im Regensburger Hafen . +Als wir in dem komplett +gefliesten Raum mit abgemauerter Duschwanne standen, meinte Michael:“Das ist +kein Lagerraum, das ist eine Brauerei. “Innerhalb weniger Tage war alles mit unseren +Lebensgefährtinnen und dem Vermieter abgeklärt. Wir haben dann das nötige +Equipment besorgt und die Waschraumbrauerei in Betrieb genommen .

+

> jetzt weiterlesen...

+
+
+

Aktuelles

+

In Kürze beginnen wir mit dem Verkauf unserer Produkte. Dann findet ihr hier aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.

+

Händler

+

In Kürze beginnen wir mit dem Verkauf unserer Produkte. Dann listen wir hier die Händler, bei denen ihr unsere Biere beziehen könnt.

+
+
+ +

Impressum Datenschutzerklärung

+
+ + diff --git a/style/freibier.css b/style/freibier.css new file mode 100644 index 0000000..99e06d6 --- /dev/null +++ b/style/freibier.css @@ -0,0 +1,280 @@ +body {background: #E8E8E8; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%;} +p {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + display: block; } +h1 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 150%;} +h2 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 130%; + padding-top: 3em; + text-transform: uppercase;} +h3 {color: black; + font-family: 'HKGroteskRegular'; + font-weight: bold; + font-style: normal; + font-size: 110%; } +a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; } +a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; } +a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } +a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } +td {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + text-align: left; } +th {color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + text-align: left; } +input {color: grey; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; } +pre {color: grey; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; } +strong {font-family: 'HKGroteskBold'; } +#wrapper {background: white; + display: block; + margin: 0 auto; + margin-left: auto; + margin-right: auto; + width: 80%;} +.footer {position: static; + left: 0; + bottom: 0; + background-color: grey; + width: 100%; + color: white; + text-align: center;} + +.footer a:link { text-decoration: none; color: white; } +.footer a:visited { text-decoration: none; color: white; } +.footer a:hover { text-decoration: underline; color: navy; } +.footer a:active { text-decoration: underline; color: fuchsia; } + +.none {display: none;} + +.bold {font-family: HKGroteskBold;} + +.logo { + background-color: grey; + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + position: relative;} + +.column { + float: left; +} + +.left { + width: 42%; + padding-left: 15%; + padding-right: 8%; +} + +.right { + width: 15%; + padding-left: 5%; + padding-right: 15%; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Centered text */ +.centered { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 2vw; + color: lime; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; } + +/* header */ + +.header { + background-color: #fff; + display: block; + box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); + position: relative; + width: inherit; + color: black; + font-family: 'HKGroteskRegular'; + font-weight: normal; + font-style: normal; + font-size: 100%; + padding:0px; +} + +.header ul { + margin: 0; + padding: 0; + list-style: none; + overflow: hidden; + background-color: #fff; +} + +.header li a { + font-family: 'HKGroteskRegular'; + display: block; + padding: 1em 1em; + border-right: 1px solid #f4f4f4; + text-decoration: none; +} + + +.header li a:hover, +.header .menu-btn:hover { + font-family: 'HKGroteskRegular'; + background-color: #f4f4f4; + text-decoration: underline; color: navy; +} + +.header .logo { + display: block; + float: left; + font-size: 2em; + padding: 2em 10em; + text-decoration: none; +} + +/* menu */ + +.header .menu { + clear: both; + max-height: 0; + transition: max-height .2s ease-out; +} + +/* menu icon */ + +.header .menu-icon { + cursor: pointer; + display: inline-block; + float: right; + padding: 28px 20px; + position: relative; + user-select: none; +} + +.header .menu-icon .navicon { + background: #333; + display: block; + height: 2px; + position: relative; + transition: background .2s ease-out; + width: 18px; +} + +.header .menu-icon .navicon:before, +.header .menu-icon .navicon:after { + background: #333; + content: ''; + display: block; + height: 100%; + position: absolute; + transition: all .2s ease-out; + width: 100%; +} + +.header .menu-icon .navicon:before { + top: 5px; +} + +.header .menu-icon .navicon:after { + top: -5px; +} + +/* menu btn */ + +.header .menu-btn { + display: none; +} + +.header .menu-btn:checked ~ .menu { + max-height: 240px; +} + +.header .menu-btn:checked ~ .menu-icon .navicon { + background: transparent; +} + +.header .menu-btn:checked ~ .menu-icon .navicon:before { + transform: rotate(-45deg); +} + +.header .menu-btn:checked ~ .menu-icon .navicon:after { + transform: rotate(45deg); +} + +.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, +.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { + top: 0; +} + +@media (min-width: 54em) { + .header li { + float: left; + } + .header li a { + color: black; + padding: 20px 40px; + } + .header .menu { + clear: none; + float: right; + max-height: none; + } + .header .menu-icon { + display: none; + } +} +@media (max-width: 54em) { + .column { + width: 94%; + } + .centered { + display: none; + } + .left{ + padding-left: 3%; + padding-right: 3%; + } + .right{ + padding-left: 3%; + padding-right: 3%; + } + #wrapper{ + width: 95%; + } +} diff --git a/style/freibier.css~ b/style/freibier.css~ index 3ac2900..99e06d6 100644 --- a/style/freibier.css~ +++ b/style/freibier.css~ @@ -18,17 +18,18 @@ h2 {color: black; font-family: 'HKGroteskRegular'; font-weight: bold; font-style: normal; - font-size: 130%; + font-size: 130%; + padding-top: 3em; text-transform: uppercase;} h3 {color: black; font-family: 'HKGroteskRegular'; font-weight: bold; font-style: normal; font-size: 110%; } -a:link { text-decoration: underline; color: fuchsia; } -a:visited { text-decoration: underline; color: purple; } -a:hover { text-decoration: underline; color: navy; } -a:active { text-decoration: underline; color: navy; } +a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; } +a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; } +a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } +a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } td {color: black; font-family: 'HKGroteskRegular'; font-weight: normal; @@ -51,6 +52,7 @@ pre {color: grey; font-weight: normal; font-style: normal; font-size: 100%; } +strong {font-family: 'HKGroteskBold'; } #wrapper {background: white; display: block; margin: 0 auto; @@ -70,6 +72,10 @@ pre {color: grey; .footer a:hover { text-decoration: underline; color: navy; } .footer a:active { text-decoration: underline; color: fuchsia; } +.none {display: none;} + +.bold {font-family: HKGroteskBold;} + .logo { background-color: grey; width: 100%; @@ -139,6 +145,7 @@ pre {color: grey; } .header li a { + font-family: 'HKGroteskRegular'; display: block; padding: 1em 1em; border-right: 1px solid #f4f4f4; @@ -148,6 +155,7 @@ pre {color: grey; .header li a:hover, .header .menu-btn:hover { + font-family: 'HKGroteskRegular'; background-color: #f4f4f4; text-decoration: underline; color: navy; }