Compare commits
No commits in common. "9529ddd003705a363f152d597be69b0ab50ead2c" and "da963ef6cd05156b001485059a55edd857a2afaf" have entirely different histories.
9529ddd003
...
da963ef6cd
Binary file not shown.
|
Before Width: | Height: | Size: 269 KiB |
|
|
@ -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>
|
||||
<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 class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
|
|
|
|||
65
index.html~
65
index.html~
|
|
@ -1,65 +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://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
17
rechts.html
|
|
@ -1,17 +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://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~
59
rechts.html~
|
|
@ -1,59 +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://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,11 +53,6 @@ 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;
|
||||
|
|
@ -272,9 +267,9 @@ img {
|
|||
.column {
|
||||
width: 94%;
|
||||
}
|
||||
/* .centered {
|
||||
.centered {
|
||||
display: none;
|
||||
} */
|
||||
}
|
||||
.left{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
|
|
|
|||
|
|
@ -85,9 +85,6 @@ 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;
|
||||
}
|
||||
|
|
@ -111,15 +108,14 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
clear: both;
|
||||
}
|
||||
|
||||
/* Centered text in Logo*/
|
||||
/* Centered text */
|
||||
.centered {
|
||||
position: absolute;
|
||||
top: 85%;
|
||||
/* left: 50%;
|
||||
transform: translate(-0%, -50%);*/
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 2vw;
|
||||
color: lime;
|
||||
font-size: 1.2em;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
|
@ -263,13 +259,13 @@ strong {font-family: 'HKGroteskBold'; }
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 65em) {
|
||||
@media (max-width: 54em) {
|
||||
.column {
|
||||
width: 94%;
|
||||
}
|
||||
/* .centered {
|
||||
.centered {
|
||||
display: none;
|
||||
} */
|
||||
}
|
||||
.left{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
|
|
|
|||
46
werwirsind.html~
Normal file
46
werwirsind.html~
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<!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,36 +30,11 @@
|
|||
<div class="row">
|
||||
<div class="column left">
|
||||
<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>
|
||||
<p> Text </p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2>Michael und Sven</h2>
|
||||
<img src="img/dinosven1.jpg" alt="">
|
||||
<p>Die beiden Brauer von freibier.cc </p>
|
||||
<h2> Title rechts </h2>
|
||||
<p> Text </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,37 +29,12 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<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>
|
||||
<h2>Title links </h2>
|
||||
<p> Text </p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2>Michael und Sven</h2>
|
||||
<img src="img/dinosven1.jpg" alt="">
|
||||
<p>Die beiden Brauer von freibier.cc </p>
|
||||
<h2> Title rechts </h2>
|
||||
<p> Text </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue