Added "wie alles begann" to blog, Changed text of shop index, and

added some minor fixes to css and index file.
This commit is contained in:
root 2020-12-16 18:30:59 +01:00
parent 7cfd2eb500
commit dada84102d
5 changed files with 60 additions and 75 deletions

View file

@ -4,7 +4,6 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>freibier.cc</title> <title>freibier.cc</title>
<meta charset="UTF-8">
<link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/> <link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/freibier.css"> <link rel="stylesheet" href="./style/freibier.css">
</head> </head>
@ -35,25 +34,24 @@
Du kannst jedes unserer Rezepte auch selbst nachbrauen. Scanne einfach den Code auf einer unserer Flaschen, oder folge dem Link auf der Flasche 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 <a href="https://frbr.cc/mhd/">https://frbr.cc/mhd/</a> und dem Mindesthaltbarkeitsdatum), (zusammengesetzt aus <a href="https://frbr.cc/mhd/">https://frbr.cc/mhd/</a> und dem Mindesthaltbarkeitsdatum),
und Du erfährst chargengenau, wie Dein Bier gebraut wurde.</p> und Du erfährst chargengenau, wie Dein Bier gebraut wurde.</p>
<p>Ein Programmierer würde sagen unser Produkt ist open source. <br /> <p>Ein Programmierer würde sagen unser Produkt ist open source. <br>
Ein Verbraucherschützer würde es transparent nennen. <br /> Ein Verbraucherschützer würde es transparent nennen. <br>
Wir sagen es ist frei: <strong>frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</strong></p> Wir sagen es ist frei: <strong>frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</strong></p>
<h2>Brauen im Waschraum <br /> - wie alles begann </h2> <h2>Brauen im Waschraum <br> - wie alles begann </h2>
<p>Vor drei Jahren suchte ich einen trockenen Lagerraum. Als ich ein Angebot <p>Vor drei Jahren suchte ich einen trockenen Lagerraum. Als ich ein Angebot
besichtigte, begleitete mich Michael. Es handelte sich um den Waschraum der besichtigte, begleitete mich Michael. Es handelte sich um den Waschraum der
ehemaligen Tierfuttermittelfabrik im Regensburger Hafen . ehemaligen Tierfuttermittelfabrik im Regensburger Hafen. Als wir in dem komplett
Als wir in dem komplett gefliesten Raum mit abgemauerter Duschwanne standen, meinte Michael: "Das ist
gefliesten Raum mit abgemauerter Duschwanne standen, meinte Michael:“Das ist kein Lagerraum, das ist eine Brauerei." Innerhalb weniger Tage war alles mit unseren
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 Lebensgefährtinnen und dem Vermieter abgeklärt. Wir haben dann das nötige
Equipment besorgt und die Waschraumbrauerei in Betrieb genommen .</p> Equipment besorgt und die Waschraumbrauerei in Betrieb genommen.</p>
<p>> jetzt <a href="wieallesbegann.html">weiterlesen...</a></p> <p>> jetzt <a href="/blog/wie-alles-begann-brauen-im-waschraum.html">weiterlesen...</a></p>
</div> </div>
<div class="column right"> <div class="column right">
<h2>Aktuelles </h2> <h2>Aktuelles </h2>
<p>Hier findet ihr in Kürze aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.</p> <p>Hier findet ihr in Kürze aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.</p>
<h2>Händler </h2> <h2>Händler </h2>
<p>Unser Biere bekommt ihr hier:</p><p> <a href="https://bierothek.de/stores/regensburg">Bierothek in Regensburg</p> <p>Unser Biere bekommt ihr hier:</p><p> <a href="https://bierothek.de/stores/regensburg">Bierothek in Regensburg</a></p>
</div> </div>
</div> </div>

View file

@ -37,7 +37,7 @@
</div> </div>
<div class="column right"> <div class="column right">
<h2>Neueste Biere</h2> <h2>Neueste Biere</h2>
<p>Porter Pretoria: <a href="./21/05/15/index.html">MHD 15.05.2021</a></p> <p>Porter Praetoria: <a href="./21/05/15/index.html">MHD 15.05.2021</a></p>
<p>Alfons Crowley Ingwer Ale: <a href="./21/04/30/index.html">MHD 30.04.2021</a></p> <p>Alfons Crowley Ingwer Ale: <a href="./21/04/30/index.html">MHD 30.04.2021</a></p>
</div> </div>
</div> </div>

View file

@ -30,16 +30,35 @@
<div class="row"> <div class="row">
<div class="column left"> <div class="column left">
<h2>Shop</h2> <h2>Shop</h2>
<p>Im Moment betreiben wir keinen Web-Shop und sind uns auch nicht sicher, ob wir das selbst tun wollen. Wenn Du aber einen Laden, eine Bar, <p>
einen Webshop oder sonst etwas hast, und denkst, dass sich dort unser Bier gut verkaufen würde, schreib uns doch einfach eine Wir betreiben momentan noch keinen Webshop, wenn ihr aber
<a href="mailto:info@freibier.cc">Mail</a> sonst nicht an unsere Biere herankommt, dann könnt ihr bei
uns auch per Mail bestellen. Wir verschicken 6 oder 12
Flaschen im Paket, und pro Paket kommen 5,80€ Versandkosten
zum eigentlichen Bierpreis dazu. Wir versenden mit Hermes.
Unsere Preisliste:
<ul>
<li>6 Flaschen a 0,33l Alfons Crowley Ingwer Ale: 16,80€</li>
<li>6 Flaschen a 0,33l Porter Praetoria: 15,80€</li>
<li>3 Flaschen Alfons Crowley und 3 Flaschen Porter a 0,33l: 16,30€</li>
<li>12 Flaschen a 0,33l Alfons Crowley Ingwer Ale: 32€</li>
<li>12 Flaschen a 0,33l Porter Praetoria: 30€</li>
<li>6 Flaschen Alfons Crowley und 6 Flaschen Porter a 0,33l: 31€</li>
</ul>
Jeweils zuzüglich 5,80€ Versandkosten.
</p>
<p>
Schickt uns eine Mail an <a href="mailto:info@freibier.cc">
bestellen@freibier.cc</a> mit eurer Versand- und Rechnungsadresse.
Wir schicken euch daraufhin eine Rechnung, und sobald das Geld
überwiesen ist, schicken wir euch das Paket zu.
</p> </p>
</div> </div>
<div class="column right"> <div class="column right">
<h2>Aktuelles </h2> <h2>Aktuelles </h2>
<p>Hier findet ihr in Kürze aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.</p> <p>Hier findet ihr in Kürze aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.</p>
<h2>Händler </h2> <h2>Händler </h2>
<p>Unser Biere bekommt ihr hier:</p><p> <a href="https://bierothek.de/stores/regensburg">Bierothek in Regensburg</p> <p>Unser Biere bekommt ihr hier:</p><p> <a href="https://bierothek.de/stores/regensburg">Bierothek in Regensburg</a></p>
</div> </div>
</div> </div>

View file

@ -26,10 +26,36 @@ h3 {color: black;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-size: 110%; } font-size: 110%; }
h4 {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:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; }
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; } a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; }
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
h1 a:link {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h1 a:visited {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h1 a:hover {text-decoration: underline; font-family: 'HKGroteskRegular'; color: navy; }
h1 a:active {text-decoration: none; font-family: 'HKGroteskRegular'; color: navy; }
h2 a:link {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h2 a:visited {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h2 a:hover {text-decoration: underline; font-family: 'HKGroteskRegular'; color: navy; }
h2 a:active {text-decoration: none; font-family: 'HKGroteskRegular'; color: navy; }
h3 a:link {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h3 a:visited {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h3 a:hover {text-decoration: underline; font-family: 'HKGroteskRegular'; color: navy; }
h3 a:active {text-decoration: none; font-family: 'HKGroteskRegular'; color: navy; }
h4 a:link {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h4 a:visited {text-decoration: none; font-family: 'HKGroteskRegular'; color: black; }
h4 a:hover {text-decoration: underline; font-family: 'HKGroteskRegular'; color: navy;}
h4 a:active {text-decoration: none; font-family: 'HKGroteskRegular'; color: navy; }
li a:link {text-decoration: none; font-family: 'HKGroteskRegular'; color: grey; }
li a:visited {text-decoration: none; font-family: 'HKGroteskRegular'; color: grey; }
li a:hover {text-decoration: underline; font-family: 'HKGroteskRegular'; color: navy; }
li a:active {text-decoration: none; font-family: 'HKGroteskRegular'; color: navy; }
td {color: black; td {color: black;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: normal; font-weight: normal;

View file

@ -1,58 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>freibier.cc</title>
<meta charset="UTF-8">
<link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/freibier.css">
</head>
<body>
<div id="wrapper">
<div class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="/mhd/">Rezepte</a></li>
<li><a href="/shop/">Shop</a></li>
<li><a href="/werwirsind.html">Wer wir sind</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</div>
<a href="index.html">
<div class="logo">
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
<div class="centered">frei gebraut frei verfügbar frei verkäuflich</div>
</div>
</a>
<div class="row">
<div class="column left">
<h2>Wie alles begann <br />- brauen im Waschraum </h2>
<p>
Vor ca. vier 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.
</p><p>
Wir haben dort einige Biere und auch einige alkoholhaltige Malzgetränke jenseits des Reinheitsgebotes gebraut. Vom tschechischen Pilsner bis zur Basmatiperle (ein Bier das zu fünfzig Prozent aus Basmatireis bestand) war einiges vertreten. Die Biere haben wir für spezielle Anlässe wie Geburtstage, Hochzeiten und Gartenfeste gebraut. Oder einfach nur, weil uns der Bierstil interessierte. Als uns der Gedanke beschäftigte, eventuell im größeren Maßstab zu brauen um unser Bier auch zu verkaufen kam ein Freund von uns auf uns zu, ob wir nicht für eine GNU/Linux Konferenz ein Bier für den Eröffnungsabend brauen könnten. Ein paar Tage später meinte dieser Freund dann, mehr im Scherz als Ernst gemeint, dass die Rezeptur zu diesem Bier aber unter einer Open Source Lizenz stehen müsse. In diesem Moment war die Idee geboren für freibier.cc.
</p><p>
In der Hobbybrauerszene ist es selbstverständlich, dass man Rezepte teilt, und Erfahrungen weiter gibt. Diesen Grundgedanken wollen wir konsequent umsetzen und alle Rezepte, Zutaten und Verfahrenschritte teilen.
</p>
</div>
<div class="column right">
<h2>Michael und Sven</h2>
<a href="#img1">
<img src="img/dinosven1.jpg">
</a>
<a href="#" class="lightbox" id="img1">
<span style="background-image: url('img/dinosven1.jpg')"></span>
</a>
<p>Die beiden Brauer von freibier.cc </p>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>
</html>