vesper/freibier.ccHomepage
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: vesper:2c56b628c40f01831cc5615bbd31232524630d20
Branches Tags
vesper:master
vesper:test.freibier.cc
vesper:bootstrap
..
compare: vesper:dd06c4c7aebc1bb2f848cc6d829f0a670917746b
Branches Tags
vesper:master
vesper:test.freibier.cc
vesper:bootstrap

No commits in common. "2c56b628c40f01831cc5615bbd31232524630d20" and "dd06c4c7aebc1bb2f848cc6d829f0a670917746b" have entirely different histories.
2c56b628c4 ... dd06c4c7ae

39 changed files with 36143 additions and 341 deletions
Show stats Expand all files Collapse all files

29
datenschutz.html
View file

@ -1,35 +1,16 @@
<!DOCTYPE html>
<html lang="de"> <html lang="de">
<head> <head>
<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"> <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" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./style/freibier.css"> <link rel="stylesheet" href="./style/freibier.css">
</head> </head>
<body> <body>
<div id="wrapper"> <div class="container">
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
<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>
<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">
<h1>Datenschutzerklärung</h1> <h1>Datenschutzerklärung</h1>
@ -93,8 +74,6 @@ widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@frei
<p> <p>
</p> </p>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div> <div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div> </div>
</body> </body>

77
datenschutz.html.save Normal file
View file

@ -0,0 +1,77 @@
<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://fontlibrary.org/face/hk-grotesk" type="text/css"/>
<link rel="stylesheet" href="./style/freibier.css">
</head>
<body>
<div class="wrapper">
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center"></a>
<h1>Datenschutzerklärung</h1>
<h2>Grundlegendes</h2>
<p>
Diese Datenschutzerklärung soll die Nutzer dieser Website über die Art, den Umfang und den Zweck der Erhebung und Verwendung personenbezogener
Daten durch den Websitebetreiber [info@freibier.cc] informieren. Der Websitebetreiber nimmt Ihren Datenschutz sehr ernst und
behandelt Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Vorschriften. Da durch neue Technologien und die ständige
Weiterentwicklung dieser Webseite Änderungen an dieser Datenschutzerklärung vorgenommen werden können, empfehlen wir Ihnen sich die
Datenschutzerklärung in regelmäßigen Abständen wieder durchzulesen. Definitionen der verwendeten Begriffe (z.B. “personenbezogene Daten”
oder “Verarbeitung”) finden Sie in Art. 4 DSGVO.
</p>
<h2>Zugriffsdaten</h2>
<p>
Wir, der Websitebetreiber bzw. Seitenprovider, erheben aufgrund unseres
berechtigten Interesses (s. Art. 6 Abs. 1 lit. f. DSGVO) Daten über Zugriffe auf die Website und speichern diese als „Server-Logfiles“ auf
dem Server der Website ab. Folgende Daten werden so protokolliert:<br />
-Besuchte Website<br />
-Uhrzeit zumZeitpunkt des Zugriffes<br />
-Menge der gesendeten Daten in Byte<br />
-Quelle/Verweis, von welchem Sie auf die Seite gelangten<br />
-Verwendeter Browser<br />
-Verwendetes Betriebssystem<br />
-Verwendete IP-Adresse<br />
Die Server Logfiles werden für maximal 7 Tage gespeichert und anschließend gelöscht. Die Speicherung der Daten erfolgt um z. B. Missbrauchsfälle
aufklären zu können. Müssen Daten aus Beweisgründen aufgehoben werden, sind sie solange von der Löschung ausgenommen bis der Vorfall
endgültig geklärt ist.
</p>
<h2>Umgang mit Kontaktdaten</h2>
<p>
Nehmen Sie mit uns als Websitebetreiber durch die angebotenen Kontaktmöglichkeiten Verbindung auf, werden Ihre Angaben gespeichert, damit
auf diese zur Bearbeitung und Beantwortung Ihrer Anfrage zurückgegriffen werden kann. Ohne Ihre Einwilligung werden diese Daten nicht an
Dritte weitergegeben
</p>
<h2>Rechte des Nutzers</h2>
<p>
Sie haben als Nutzer das Recht, auf Antrag eine kostenlose Auskunft darüber zu erhalten, welche personenbezogenen Daten über Sie gespeichert
wurden. Sie haben außerdem das Recht auf Berichtigung falscher Daten und auf die Verarbeitungseinschränkung oder Löschung Ihrer
personenbezogenen Daten. Falls zutreffend, können Sie auch Ihr Recht auf Datenportabilität geltend machen. Sollten Sie annehmen, dass Ihre
Daten unrechtmäßig verarbeitet wurden, können Sie eine Beschwerde bei der zuständigen Aufsichtsbehörde einreichen.
</p>
<h2>Löschung von Daten</h2>
<p>
Sofern Ihr Wunsch nicht mit einer gesetzlichen Pflicht zur Aufbewahrung von Daten (z. B. Vorratsdatenspeicherung) kollidiert, haben Sie ein
Anrecht auf Löschung Ihrer Daten. Von uns gespeicherte Daten werden, sollten sie für ihre Zweckbestimmung nicht mehr vonnöten sein und es
keine gesetzlichen Aufbewahrungsfristen geben, gelöscht. Falls eine Löschung nicht durchgeführt werden kann, da die Daten für zulässige
gesetzliche Zwecke erforderlich sind, erfolgt eine Einschränkung der Datenverarbeitung. In diesem Fall werden die Daten gesperrt und nicht
für andere Zwecke verarbeitet.
</p>
<h2>Widerspruchsrecht</h2>
<p>
Nutzer dieser Webseite können von ihrem Widerspruchsrecht Gebrauch machen und der Verarbeitung ihrer personenbezogenen Daten zu jeder
Zeit widersprechen. Wenn Sie eine Berichtigung, Sperrung, Löschung oder Auskunft über die zu Ihrer Person gespeicherten personenbezogenen Daten
wünschen oder Fragen bzgl. der Erhebung, Verarbeitung oder Verwendung Ihrer personenbezogenen Daten haben oder erteilte Einwilligungen
widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@freibier.cc
</p>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</body>
</html>

33
impressum.html
View file

@ -5,32 +5,13 @@
<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"> <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" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./style/freibier.css"> <link rel="stylesheet" href="./style/freibier.css">
</head> </head>
<body> <body>
<div id="wrapper"> <div class="wrapper">
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
<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>
<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">
<h1>Impressum</h1> <h1>Impressum</h1>
@ -56,11 +37,7 @@
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p> <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
<p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p> <p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p>
</div> <div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div> </div>
</body> </body>
</html> </html>

48
index.html
View file

@ -5,49 +5,15 @@
<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"> <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" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="./style/freibier.css"> <link rel="stylesheet" href="./style/freibier.css">
</head> </head>
<body> <body>
<div id="wrapper"> <div class="container">
<img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center">
<div class="header"> <h1 class="title text-center">frei gebraut – frei verfügbar – nicht gratis</h1>
<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: frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</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 class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div> </div>
</body> </body>
</html> </html>

0
img/logo_freibier_cc_s_300dpi.png → logo_freibier_cc_s_300dpi.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

0
img/logo_freibier_cc_s_72dpi.png → logo_freibier_cc_s_72dpi.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
img/logo_freibier_cc_w.svg → logo_freibier_cc_w.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

0
img/logo_freibier_cc_w_300dpi.png → logo_freibier_cc_w_300dpi.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

0
img/logo_freibier_cc_w_72dpi.png → logo_freibier_cc_w_72dpi.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

4047
style/bootstrap/css/bootstrap-grid.css vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/css/bootstrap-grid.css.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/css/bootstrap-grid.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/css/bootstrap-grid.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

432
style/bootstrap/css/bootstrap-reboot.css vendored Normal file
View file

@ -0,0 +1,432 @@
/*!
* Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
-ms-overflow-style: scrollbar;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
white-space: normal;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

1
style/bootstrap/css/bootstrap-reboot.css.map Normal file
View file

File diff suppressed because one or more lines are too long

8
style/bootstrap/css/bootstrap-reboot.min.css vendored Normal file
View file

@ -0,0 +1,8 @@
/*!
* Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#024dbc}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

1
style/bootstrap/css/bootstrap-reboot.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

3676
style/bootstrap/css/bootstrap-utilities.css vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/css/bootstrap-utilities.css.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/css/bootstrap-utilities.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/css/bootstrap-utilities.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

10073
style/bootstrap/css/bootstrap.css vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/css/bootstrap.css.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/css/bootstrap.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/css/bootstrap.min.css.map Normal file
View file

File diff suppressed because one or more lines are too long

7656
style/bootstrap/js/bootstrap.bundle.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/js/bootstrap.bundle.js.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/js/bootstrap.bundle.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/js/bootstrap.bundle.min.js.map Normal file
View file

File diff suppressed because one or more lines are too long

5016
style/bootstrap/js/bootstrap.esm.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/js/bootstrap.esm.js.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/js/bootstrap.esm.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/js/bootstrap.esm.min.js.map Normal file
View file

File diff suppressed because one or more lines are too long

5046
style/bootstrap/js/bootstrap.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
style/bootstrap/js/bootstrap.js.map Normal file
View file

File diff suppressed because one or more lines are too long

7
style/bootstrap/js/bootstrap.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
style/bootstrap/js/bootstrap.min.js.map Normal file
View file

File diff suppressed because one or more lines are too long

32
style/fonts/HKGrotesk_2466/hk-grotesk.css
View file

@ -1,39 +1,39 @@
@font-face { @font-face {
font-family: 'HKGroteskBold'; font-family: 'HKGroteskBold';
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff2') format('woff2'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff2') format('woff2');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'HKGroteskBoldItalic'; font-family: 'HKGroteskBoldItalic';
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff2') format('woff2'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff2') format('woff2');
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'HKGroteskItalic'; font-family: 'HKGroteskItalic';
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff2') format('woff2'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff2') format('woff2');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2'); src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

253
style/freibier.css
View file

@ -1,41 +1,40 @@
body {background: #E8E8E8; body {background: grey;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 100%;} font-size: 100%;}
p {color: black; p {color: white;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 100%; font-size: 100%;
display: block; } display: block; }
h1 {color: black; h1 {color: white;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-size: 150%;} font-size: 150%;}
h2 {color: black; h2 {color: white;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-size: 130%; font-size: 130%; }
text-transform: uppercase;} h3 {color: white;
h3 {color: black;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-size: 110%; } font-size: 110%; }
a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; } a:link { text-decoration: underline; color: white; }
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; } a:visited { text-decoration: underline; color: white; }
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } a:hover { text-decoration: underline; color: navy; }
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; } a:active { text-decoration: underline; color: fuchsia; }
td {color: black; td {color: white;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 100%; font-size: 100%;
text-align: left; } text-align: left; }
th {color: black; th {color: white;
font-family: 'HKGroteskRegular'; font-family: 'HKGroteskRegular';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -51,224 +50,18 @@ pre {color: grey;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 100%; } font-size: 100%; }
#wrapper {background: white; .wrapper {background: grey;
display: block; padding-left: 1.5em;
margin: 0 auto; padding-right: 1.5em;
margin-left: auto; display: block; }
.center {display: block;
margin-left: auto;
margin-right: auto; margin-right: auto;
width: 80%;} width: 70%;}
.footer {position: static; .footer {position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
background-color: grey; width: 100%;
width: 100%; background-color: grey;
color: white; color: white;
text-align: center;} 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 {
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%;
}
}