wieallesbegann erstellt
This commit is contained in:
sven
parent
da963ef6cd
commit
e0161b0ea9
BIN
img/dinosven1.jpg
Normal file
BIN
img/dinosven1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
BIN
img/dinosven1.png
Normal file
BIN
img/dinosven1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 MiB |
|
|
@ -49,12 +49,12 @@ Lebensgefährtinnen und dem Vermieter abgeklärt. Wir haben dann das nötige
|
|||
Equipment besorgt und die Waschraumbrauerei in Betrieb genommen .</p>
|
||||
<p>> jetzt <a href="wieallesbegann.html">weiterlesen...</a></p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2>Aktuelles </h2>
|
||||
<div class="column right">
|
||||
<h2>Aktuelles </h2>
|
||||
<p>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.</p>
|
||||
<h2>Händler </h2>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
|
|
|
|||
65
index.html~
Normal file
65
index.html~
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
<!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://test.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="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Willkommen bei Freibier.cc</h2>
|
||||
<p>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.</p>
|
||||
<p>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 <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>
|
||||
<p>Ein Programmierer würde sagen unser Produkt ist open source. <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>
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>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 .</p>
|
||||
<p>> jetzt <a href="wieallesbegann.html">weiterlesen...</a></p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<iframe src="rechts.html"
|
||||
title="Rechte Spalte"
|
||||
seamless
|
||||
width="100%"
|
||||
height="100%">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
17
rechts.html
Normal file
17
rechts.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!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://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="./style/freibier.css">
|
||||
</head>
|
||||
<body>
|
||||
<h2>Aktuelles </h2>
|
||||
<p>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.</p>
|
||||
<h2>Händler </h2>
|
||||
<p>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.</p>
|
||||
</body>
|
||||
</html>
|
||||
59
rechts.html~
Normal file
59
rechts.html~
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
<!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://test.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="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Willkommen bei Freibier.cc</h2>
|
||||
<p>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.</p>
|
||||
<p>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 <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>
|
||||
<p>Ein Programmierer würde sagen unser Produkt ist open source. <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>
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>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 .</p>
|
||||
<p>> jetzt <a href="wieallesbegann.html">weiterlesen...</a></p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -53,6 +53,11 @@ pre {color: grey;
|
|||
font-style: normal;
|
||||
font-size: 100%; }
|
||||
strong {font-family: 'HKGroteskBold'; }
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#wrapper {background: white;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
|
@ -267,9 +272,9 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
.column {
|
||||
width: 94%;
|
||||
}
|
||||
.centered {
|
||||
/* .centered {
|
||||
display: none;
|
||||
}
|
||||
} */
|
||||
.left{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
|
|
|
|||
|
|
@ -85,6 +85,9 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
align-items: center;
|
||||
position: relative;}
|
||||
|
||||
.logo img {margin-left: 30%; margin-right: 30%;
|
||||
margin-top: 7%; margin-bottom:7%;}
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -108,14 +111,15 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
clear: both;
|
||||
}
|
||||
|
||||
/* Centered text */
|
||||
/* Centered text in Logo*/
|
||||
.centered {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 2vw;
|
||||
top: 85%;
|
||||
/* left: 50%;
|
||||
transform: translate(-0%, -50%);*/
|
||||
text-align: center;
|
||||
color: lime;
|
||||
font-size: 1.2em;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
|
@ -259,13 +263,13 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 54em) {
|
||||
@media (max-width: 65em) {
|
||||
.column {
|
||||
width: 94%;
|
||||
}
|
||||
.centered {
|
||||
/* .centered {
|
||||
display: none;
|
||||
}
|
||||
} */
|
||||
.left{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
|
|
|
|||
|
|
@ -1,46 +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="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Willkommwn bei Freibier.cc</h2>
|
||||
<p>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.</p>
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>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.</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>
|
||||
|
|
@ -30,11 +30,36 @@
|
|||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Wie alles begann <br />- brauen im Waschraum </h2>
|
||||
<p> Text </p>
|
||||
<p> 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. </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 entweder für spezielle Anlässe gebraut, wie Geburtstage,
|
||||
Hochzeiten und Gartenfeste, oder einfach nur, weil uns der Bierstil interessiert
|
||||
und die Biere dann zusammen mit Freunden auf dem Bismarkplatz oder am Regen in
|
||||
Regensburg getrunken. Irgendwann kam die Idee auf zu brauen um unser Bier zu verkaufen. Aber wir hatten keine Idee, wie wir die Brauerei
|
||||
nennen sollten. Uns war klar, dass der Waschraum weiterhin nichtkommerziell betrieben
|
||||
wird.</p>
|
||||
<p>Genau in diesem Moment kam ein Freund von uns auf uns zu, ob wir nicht für eine Konferen zu einem
|
||||
GNU/Linux Betriebssystem ein Bier für den Eröffnungsabend brauen könnten. Spontan sagten wir
|
||||
zu. 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.
|
||||
Und in diesem Moment war die Idee geboren für freibier.cc.</p>
|
||||
<p>In der Hobbybrauerszene ist es normal, dass man Rezepte teilt, und Erfahrungen weiter
|
||||
gibt. Viele der Softwareprodukte die wir für unsere Firma verwenden sind frei und offen
|
||||
zugänglich, also dachten wir uns, können wir auch unsere Bierrezepte mit Euch teilen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2> Title rechts </h2>
|
||||
<p> Text </p>
|
||||
<h2>Michael und Sven</h2>
|
||||
<img src="img/dinosven1.jpg" alt="">
|
||||
<p>Die beiden Brauer von freibier.cc </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,12 +29,37 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Title links </h2>
|
||||
<p> Text </p>
|
||||
<h2>Wie alles begann <br />- brauen im Waschraum </h2>
|
||||
<p> 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. </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 entweder für spezielle Anlässe gebraut, wie Geburtstage,
|
||||
Hochzeiten und Gartenfeste, oder einfach nur, weil uns der Bierstil interessiert
|
||||
und die Biere dann zusammen mit Freunden auf dem Bismarkplatz oder am Regen in
|
||||
Regensburg getrunken. Irgendwann kam die Idee auf zu brauen um unser Bier zu verkaufen. Aber wir hatten keine Idee, wie wir die Brauerei
|
||||
nennen sollten. Uns war klar, dass der Waschraum weiterhin nichtkommerziell betrieben
|
||||
wird.</p>
|
||||
<p>Genau in diesem Moment kam ein Freund von uns auf uns zu, ob wir nicht für eine Konferen zu einem
|
||||
GNU/Linux Betriebssystem ein Bier für den Eröffnungsabend brauen könnten. Spontan sagten wir
|
||||
zu. 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.
|
||||
Und in diesem Moment war die Idee geboren für freibier.cc.</p>
|
||||
<p>In der Hobbybrauerszene ist es normal, dass man Rezepte teilt, und Erfahrungen weiter
|
||||
gibt. Viele der Softwareprodukte die wir für unsere Firma verwenden sind frei und offen
|
||||
zugänglich, also dachten wir uns, können wir auch unsere Bierrezepte mit Euch teilen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2> Title rechts </h2>
|
||||
<p> Text </p>
|
||||
<h2>Michael und Sven</h2>
|
||||
<img src="img/dinosven1.jpg" alt="">
|
||||
<p>Die beiden Brauer von freibier.cc </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue