2024

content/_index.md

@@ -1,6 +1,21 @@
 ---
-header_image: "images/homepage-banner.png"
+# Striking header background image, Ideal images are homogenous around the centre and contrasting to the text. Non-ideal images can use `title_guard`
+header_image: "images/header-background-1200px.png"
+#
+# When set true, uses video from custom_header_video.html partial, instead of header_image
+header_use_video: false
+#
+# Optional header logo. CSS: `#blog-logo`, with max-height defined, optimize to prevent scaling
+header_logo: "images/headerlogo-300px.png"
+#
+# Headers are safeHTML, you can use HTML tags such as b,i,u,br
 header_headline: "Christian Schulzendorff"
-header_subheadline: "Hobby-Imker"
+header_subheadline: "Bioland - Imkerei"
+
+# Add a 'Go back to top' item to the navigation menu
+# Title: name of navigation menu entry
+# Weight (i. e. position in menu): none = no menu entry, first = add as first entry, last = ad as last entry
+nav_to_top_title: "Nach oben"
+nav_to_top_weight: last
 ---
 

content/homepage/contact.md

@@ -4,15 +4,17 @@ weight: 5
 header_menu: true
 ---
 
-{{<icon class="fa fa-envelope">}}&nbsp;[tempelgold@mailbox.org](mailto:tempelgold@mailbox.org)
+![Logo](images/imkerei-logo-400px.png)
 
-{{<icon class="fa fa-phone">}}&nbsp;[+49 160 99 240 304](tel:+4916099240304)
 
-{{<icon class="fa fa-home">}}&nbsp;Tempelstraße 8A, 63571 Gelnhausen OT Meerholz
+Christian Schulzendorff  
+Tempelstraße 8A  
+63571 Gelnhausen - OT Meerholz  
+{{<icon class="fa fa-envelope">}}&nbsp;[tempelgold(at)mailbox.org](mailto:tempelgold@mailbox.org)  
+{{<icon class="fa fa-phone">}}&nbsp;[+49 160 99 240 304](tel:+4916099240304)  
 
-Gerne stehe ich Ihnen für Verkauf, Fragen und weitere Informationen zur Verfügung.
-
-![Logo](images/logo-100.png)
 
+Gerne stehe ich Ihnen für Verkauf, Fragen und weitere Informationen zur Verfügung.
+ 
 
-Diese Seite ist Teil meiner Website https://kollegen.uber.space. Hier ist auch das [Impressum](https://kollegen.uber.space/impressum/) zu finden.
+[Impressum](https://kollegen.uber.space/impressum/)

content/homepage/opener.md

@@ -6,18 +6,18 @@ header_menu: true
 
 Mein aktuelles Honig-Angebot. 
 
-## Honig 2023
+## Honig 2024
 
-Das lebendige Frühjahr bot den Bienen genug Zeit, neben den Obstbäumen auch Nektar von anderen Blühpflanzen zu sammeln. Dadurch haben wir dieses Jahr einen leicht dunklen, vollmundigen Honig. Er ist angenehm cremig ist zergeht auf der Zunge.
+Die Obstblüte bot den Bienen im Frühjahr trotz Regenperioden ausreichend Nektar. Da kam nicht nur der Gartenbesitzer ins Schwärmen ;o) Der im Mai geerntetet Honig ist feincremig weich und von heller Erscheinung. Zartschmelzend entfaltet der Honig ein süßes Feuerwerk der Natur. 
 
-- Frühjahrstracht, 500 g Glas: 7,00 EUR
-- Sommertracht, 500 g Glas:  7,00 EUR
+- Frühjahrstracht, 500 g Glas: 8,50 EUR
+- Sommertracht, 500 g Glas:  8,50 EUR
 
-Der Honig des Sommers 2023 ist würzig und auffallend wenig kristallin. Damit bleibt er lange wunderbar flüssig. Die Robinienblüte im Schlosspark fällt in diese Ertragszeit. 
+Der Sommerhonig begann dieses Jahr mit der Blüte der Scheinakazien im Schloßgpark. Flüssig abgefüllt wird er im Laufe des Winters auskristallisieren. Im Farbton Dunkelbeige überrascht der Honig mit einer kleiner Symphonie unsere Gaumen, die an würzigen Kräuter erinnern.
 
-![Sortiment 2023](images/honig-2023.jpg)
+![Sortiment 2024](images/honig-1200px.jpg)
 
-Als Standort dient den Bienen unser Garten in Meerholz, direkt neben dem Schlosspark Meerholz. 
+Als Standort dient den Bienen unser Garten in Meerholz, direkt neben dem Schlosspark Meerholz sowie der Schlosspark selbst.
 
 Im Mehrwegglas mit PVC-freiem Deckel. 
 

content/homepage/services.md

@@ -14,14 +14,16 @@ Für die gesunde Bienenhaltung ist mir wichtig, dem Volk eine möglichst naturna
 
 ![Bio-Umstellung](images/bio-zarge.JPG)
 
-Einer besonderen Rolle kommt dem Wachs zu. Es ist DER Baustoff der Bienen. In den Waben ziehen die Bienen ihre Nachkommen groß und der Honig wird darin eingelagert. 2023 wurde komplett auf Wachs in Bio-Qualität umgestellt und die Eigenproduktion initiiert. Damit ist die Grundlage für einen offenen Wachkreislauf geschaffen. Dass bedeutet, alter Wachs wird zeitig entnommen und durch eigenproduzierten Wachs ersetzt. 
+Einer besonderen Rolle kommt dem Wachs zu. Es ist der Baustoff der Bienen. In den Waben ziehen die Bienen ihre Nachkommen groß und der Honig wird darin eingelagert. 2023 wurde komplett auf Wachs in Bio-Qualität umgestellt und die Eigenproduktion initiiert. Damit ist die Grundlage für einen offenen Wachkreislauf geschaffen. Dass bedeutet, alter Wachs wird zeitig entnommen und durch eigenproduzierten Wachs ersetzt. 
 
 Als Bienenfutter wird ausschließlich Futter in Bio-Qualität verwendet.
 
 
 ## Beuten
 
-Die Magazinbeuten sind aus Weymouth-Kiefer und mit biologischem Firnis/Lasur der Marke Auro behandelt. Die Bienen kommen nicht dauerhaft mit Plastik in Kontakt und finden im Inneren nur Holz und Stahl vor (Ausnahme ist die lebensmittelechte Kunststofffolie im Deckel).
+Die Magazinbeuten sind aus 24mm starken Brettern der Weymouth-Kiefer gebaut und mit biologischem Firnis/Lasur der Marke Auro behandelt. Die Bienen finden im Inneren unbehandetes Holz sowie Stahlelemente vor. Der Deckel ist mit dicker Hanf-Matte isoliert. Die Beuten werden nach eigener Konstruktion seit 2019 fast unverändert in der heimischen Werkstatt gebaut. 
+
+Die stabile Bauweise der Beute und die bedachte Wahl des Standortes ermöglicht den Bienen auch extreme Temperaturen gesund zu überstehen.
 
 ![Flachzarge](images/beuten.jpg)
 

content/homepage/werdegang.md

@@ -9,8 +9,13 @@ header_menu: true
 ### Werdegang
 
 * 2019-2020 Vereinsinterne Ausbildung "Bienenhaltung 2020"
-* 2020 zweitätiger Honiglehrgang beim Landesverband Hessischer Imker e.V.
-* 2023 Bioland: Teilnahme am Imkertag in Bad Boll, sowie Besuch der Fachgruppe 'Hessische Imker'
+* 2020 zweitätiger Honiglehrgang beim Landesverband Hessischer Imker e.V. nach D.I.B.
+* 2023 Umstellungsjahr Bio.  
+Teilnahmen: Bioland-Imkertag Bad Boll, Bioland-Fachgruppentreffen Wiesbaden, Mayener Vortragsreihe Abiculture e.V.
+* 2024 Zertifierung nach EU-Bio und Bioland.  
+Teilnahmen: Bioland-Imkertagung Bad Hersfeld, Bioland-Fachgruppen-Treffen  Meißner und Grävenwiesbach.
+
+
 
 ### Verein
 

hugo.toml

@@ -9,15 +9,18 @@ defaultContentLanguage = "en"
 theme = "hugo-scroll"
 
 # The "title" of your website
-title = "Hobby-Imker Christian Schulzendorff"
+title = "Imkerei Christian Schulzendorff"
 
 [params]
     # A "copyright"-line to be added at the bottom of the page.
     # Hint: Markdown is supported in here as well. So you may e.g. add a link to your legal imprint-page.
-    copyright = "© Christian Schulzendorff "
+    copyright = """
+    © Christian Schulzendorff 2024<br>
+    Diese Seite ist Teil meiner Website https://kollegen.uber.space.
+    """
 
     # The "description" of your website. This is used in the meta data of your generated html.
-    description = "Hobby-Imker in Gelnhausen Meerholz"
+    description = "Imkerei in Gelnhausen Meerholz"
 
     # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
     favicon = "images/favicon.png"
@@ -38,4 +41,4 @@ title = "Hobby-Imker Christian Schulzendorff"
     # hidedesignbyline = true
 
     [params.meta]
-        keywords = "gelnhausen, meerholz, imker, honig, bienen, tempelgold, imkerei, schulzendorff, bio, ökologisch"
+        keywords = "gelnhausen, meerholz, imker, honig, bienen, tempelgold, imkerei, schulzendorff, bio, ökologisch, bioland, regional"

layouts/partials/custom_head.html

@@ -1,85 +0,0 @@
-<!-- A partial to be overwritten by the user.
-     Its content will appear before the closing </head>-tag -->
-
-<!-- Custom CSS via inline styles
-     You may use this template to add custom CSS to your site like so: -->
-
-<style>
-     /* Links */
-     a:hover {
-         color: #b6b84c;
-     }
-
-     /* Header Buttons on Startpage */
-     a.btn {
-         color: #486059ff;
-          background-color: #ffc978ff;
-     }
-     a.btn:hover {
-          background-color: #b6b84c;
-     }
-
-     /* Scroll Menu on Startpage */
-     a.fn-item.active {
-          color: #b6b84c;
-     }
-     a.fn-item:hover {
-          color: #ced067;
-     }
-
-     /* Content / Sections */
-     .post-holder.odd {
-          background: #B80135;
-          color: white;
-     }
-     .post-holder {
-          background: #f2efe8;
-     }
-     body {
-          color: #3A4145;
-     }
-
-     /* Footer */
-     .site-footer {
-          color: #BBC7CC;
-          background-color: #22343A;
-     }
-</style>
-
-<!-- Custom CSS via "custom.css"-file
-     If you would rather place your custom CSS into
-     a separate file, create a "custom.css" in your
-     local "static/css"-directory. Then add a <link>-tag
-     referencing your "custom.css" like so: -->
-
-<!-- <link rel="stylesheet" href='{{ "css/custom.css" | absURL }}'> -->
-
-<!-- Custom CSS: Color Codes
-     You may checkout https://htmlcolorcodes.com/ to get those
-     weird color codes (like "#22343A") ;-). -->
-
-<!-- Custom link-tags for different icons
-     Generated via https://favicon.io/favicon-generator/ -->
-
-<link
-  rel="apple-touch-icon"
-  sizes="180x180"
-  href="{{ "images/apple-touch-icon.png" | absURL }}"
-/>
-<link
-  rel="icon"
-  type="image/png"
-  sizes="32x32"
-  href="{{ "images/favicon-32x32.png" | absURL }}"
-/>
-<link
-  rel="icon"
-  type="image/png"
-  sizes="16x16"
-  href="{{ "images/favicon-16x16.png" | absURL }}"
-/>
-
-{{ if (.Params.mermaid) }}
- <!-- MermaidJS support -->
- <script async src="https://unpkg.com/mermaid@8.2.3/dist/mermaid.min.js"></script>
- {{ end }}

resources/_gen/assets/css/_index.scss_7bbaf99eabb468e10b793066c2709a48.content

@@ -0,0 +1,613 @@
+:root {
+  /* === Cover / Landing area === */
+  --cover-text-color: #37501a;
+  /* Used for Landing screen menu buttons, but potentially usable for highlighting other things */
+  --highlight: #86c440;
+  --highlight-contrast: var(--cover-text-color);
+  /*inverse colors used for :hover */
+  --highlight-inverse: var(--cover-text-color);
+  --highlight-inverse-contrast: white;
+  /* visual guard around title and description, when the feature is enabled */
+  --cover-title-and-description-guard-bg-color: rgba(255, 255, 255, 0.6);
+  --cover-title-text-shadow: white 0px 0px 7px;
+  /* === sticky top/left navigation menus === */
+  --sticky-menu-text-color: #9fd067;
+  /* === Alternating content (post) sections  === */
+  /* Light section - text color */
+  --section-light-text-color: #3a4145;
+  /* Light section - background color */
+  --section-light-bg-color: #f2efe8;
+  /* Dark section - text color */
+  --section-dark-text-color: var(--section-light-bg-color);
+  /* Dark section - background color */
+  --section-dark-bg-color: #b80135;
+  /* Light&Dark section >quote. Suppressive color, compared to 'Light section - text color'*/
+  --section-uni-quote: grey;
+  /* Light&Dark section `code` a bit darker than 'Light section - background color' */
+  --section-uni-code-bg-color: #e0ded7;
+  /* === Single pages=== */
+  --single-page-text-color: var(--section-light-text-color);
+  --single-page-bg-color: var(--section-light-bg-color);
+  /* === Footer === */
+  --footer-color-background: #22343a;
+  --footer-color: #bbc7cc;
+  /* === Lists === */
+  /* define list element for unnumbered lists, leave empty for default list element */
+  --ul-li-icon: fa-asterisk; }
+
+body {
+  --color-text: var(--section-light-text-color);
+  --color-background: var(--section-light-bg-color); }
+
+/* ===== Cover =======*/
+#blog-logo {
+  display: block;
+  max-height: 100px;
+  width: auto;
+  margin: 0 auto;
+  line-height: 0; }
+
+#site-head.withCenteredImage {
+  /* can't be used together with video */
+  background: var(--section-light-bg-color) no-repeat center center; }
+
+#site-head, #site-head.withCenteredImage {
+  position: relative;
+  display: table;
+  width: 100%;
+  height: 100%;
+  margin-bottom: 0rem;
+  text-align: center;
+  color: var(--cover-text-color);
+  background-size: cover;
+  /* Big cover video at the landing area */
+  /** The arrow button to scroll to content */ }
+  #site-head video, #site-head.withCenteredImage video {
+    bottom: 0;
+    height: 100%;
+    min-width: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: auto;
+    z-index: -100; }
+  #site-head .title-and-description-guard, #site-head.withCenteredImage .title-and-description-guard {
+    margin: auto;
+    padding: 0.6em;
+    background-color: var(--cover-title-and-description-guard-bg-color);
+    border-radius: 25px;
+    width: fit-content; }
+  #site-head .blog-title, #site-head.withCenteredImage .blog-title {
+    margin: 10px 0 10px 0;
+    font-size: 5rem;
+    letter-spacing: -1px;
+    text-shadow: var(--cover-title-text-shadow); }
+  #site-head .blog-description, #site-head.withCenteredImage .blog-description {
+    margin: 0;
+    font-size: 2.5rem;
+    line-height: 1.5em;
+    font-weight: 400;
+    font-family: "Roboto Slab", serif;
+    letter-spacing: 0;
+    text-shadow: var(--cover-title-text-shadow); }
+  #site-head #site-languages, #site-head.withCenteredImage #site-languages {
+    text-align: right; }
+  #site-head #site-languages .btn-lang, #site-head.withCenteredImage #site-languages .btn-lang {
+    text-decoration: none;
+    background-color: var(--highlight);
+    color: var(--highlight-contrast);
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    display: inline-block;
+    font-size: 70%;
+    margin: 0 0 0 0.7rem;
+    padding: 0.3rem 0.7rem;
+    position: relative;
+    text-transform: uppercase; }
+    #site-head #site-languages .btn-lang.active, #site-head #site-languages .btn-lang:hover, #site-head.withCenteredImage #site-languages .btn-lang.active, #site-head.withCenteredImage #site-languages .btn-lang:hover {
+      color: var(--highlight-inverse-contrast);
+      background-color: var(--highlight-inverse); }
+  #site-head a.btn, #site-head #site-languages .btn-lang, #site-head.withCenteredImage a.btn, #site-head.withCenteredImage #site-languages .btn-lang {
+    font-family: "Oswald", sans-serif; }
+  #site-head a.btn, #site-head.withCenteredImage a.btn {
+    text-decoration: none;
+    background-color: var(--highlight);
+    color: var(--highlight-contrast);
+    border-radius: 6px;
+    -webkit-border-radius: 6px;
+    display: inline-block;
+    font-size: 16px;
+    letter-spacing: 1px;
+    margin: 0;
+    overflow: visible;
+    padding: 10px 20px 10px 20px;
+    position: relative;
+    margin-top: 2rem;
+    cursor: pointer;
+    text-transform: uppercase;
+    font-weight: lighter; }
+    #site-head a.btn:hover, #site-head.withCenteredImage a.btn:hover {
+      color: var(--highlight-inverse-contrast);
+      background-color: var(--highlight-inverse); }
+  #site-head #header-arrow, #site-head.withCenteredImage #header-arrow {
+    font-size: 140px;
+    margin: -10px auto;
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: -120px;
+    cursor: pointer;
+    opacity: 0.6;
+    transition: all ease 0.3s;
+    -webkit-transition: all ease 0.3s;
+    -moz-transition: all ease 0.3s; }
+    #site-head #header-arrow:hover, #site-head.withCenteredImage #header-arrow:hover {
+      color: inherit;
+      opacity: 0.9; }
+
+/* Left sticky menu */
+.fixed-nav {
+  background-color: var(--section-light-bg-color);
+  border-radius: 0 25px 20px 0;
+  padding: 1em 1.5em;
+  display: none;
+  flex-direction: column;
+  position: fixed;
+  top: 40px;
+  z-index: 99999;
+  font-family: "Open Sans Condensed", sans-serif;
+  text-transform: uppercase;
+  font-size: 1.5rem;
+  line-height: 130%;
+  font-weight: bold; }
+
+a.fn-item {
+  display: block;
+  cursor: pointer;
+  opacity: 0.7;
+  text-decoration: none; }
+  a.fn-item:hover, a.fn-item.active {
+    color: var(--sticky-menu-text-color); }
+  a.fn-item.active {
+    opacity: 1; }
+
+/* ========= Content ==========*/
+.post-title {
+  margin: 0; }
+  .post-title a {
+    text-decoration: none; }
+
+.post-holder {
+  width: 100%;
+  height: 100%;
+  background-color: var(--color-background);
+  color: var(--color-text);
+  position: relative;
+  /* The triangular parts between posts */ }
+  .post-holder.dark {
+    --color-text: var(--section-dark-text-color);
+    --color-background: var(--section-dark-bg-color);
+    background-color: var(--section-dark-bg-color);
+    color: var(--section-dark-text-color); }
+    .post-holder.dark hr {
+      border-color: var(--section-dark-text-color); }
+    .post-holder.dark .post-after {
+      left: unset;
+      right: 6%;
+      border-top-color: var(--section-dark-bg-color); }
+  .post-holder .post-after {
+    position: absolute;
+    bottom: -40px;
+    z-index: 1;
+    left: 6%;
+    width: 0;
+    height: 0;
+    border-left: 60px solid transparent;
+    border-right: 60px solid transparent;
+    border-top: 50px solid var(--color-background);
+    border-radius: 25px; }
+
+/* Every post, on every page, gets this style on its <article> tag
+  Not inside the post holder as this also applies for single pages
+*/
+.post {
+  position: relative;
+  width: 80%;
+  max-width: 700px;
+  margin: 0rem auto;
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+  height: 70%;
+  word-break: break-word;
+  hyphens: auto; }
+
+/* ======= Single pages =========== */
+.page-template {
+  background-color: var(--single-page-bg-color);
+  color: var(--single-page-text-color);
+  min-height: calc(100vh - 2em); }
+  .page-template .post {
+    margin-top: 0;
+    border-bottom: none;
+    padding-bottom: 0;
+    padding-bottom: 1em; }
+  .page-template .post:after {
+    display: none; }
+  .page-template .post-header {
+    padding: 60px 0; }
+
+.post-content img {
+  display: block;
+  max-width: 100%;
+  margin: 0 auto; }
+
+/** ==========  Site footer ============ */
+.site-footer {
+  background: var(--footer-color-background);
+  color: var(--footer-color);
+  font-family: "Open Sans", sans-serif;
+  font-size: 1.3rem;
+  position: relative;
+  margin: 0rem 0 0 0;
+  padding: 1rem 0;
+  line-height: 1.5em;
+  text-align: center; }
+
+.site-footer a {
+  color: var(--footer-color);
+  text-decoration: underline; }
+
+.site-footer a:hover {
+  color: var(--sticky-menu-text-color); }
+
+/* Footer Icons */
+.icons {
+  display: flex;
+  justify-content: center;
+  gap: 30px;
+  padding: 8px; }
+
+/* Footer Links */
+.site-footer .links {
+  text-align: center; }
+  .site-footer .links ol {
+    list-style-type: none;
+    list-style-position: inside;
+    padding-left: 0; }
+  .site-footer .links li {
+    margin-left: unset; }
+
+html {
+  height: 100%;
+  max-height: 100%;
+  font-size: 62.5%;
+  overflow-x: hidden;
+  scroll-behavior: smooth; }
+
+body {
+  height: 100%;
+  max-height: 100%;
+  font-family: "Roboto Slab", serif;
+  font-size: 2rem;
+  line-height: 1.6em;
+  color: var(--section-light-text-color); }
+
+::-moz-selection {
+  color: #222;
+  background: #d6edff;
+  text-shadow: none; }
+
+::selection {
+  color: #222;
+  background: #d6edff;
+  text-shadow: none; }
+
+/** =========== Headings =========== */
+h1, h2, h3, h4, h5, h6 {
+  text-rendering: optimizeLegibility;
+  line-height: 1;
+  margin-top: 0;
+  margin-bottom: 10px;
+  font-family: "Open Sans", sans-serif; }
+
+h3, h4, h5, h6 {
+  text-rendering: optimizeLegibility;
+  line-height: 120%;
+  margin-top: 0;
+  font-family: "Open Sans", sans-serif;
+  margin-bottom: 0%; }
+
+h1 {
+  font-size: 5rem;
+  line-height: 1.2em;
+  letter-spacing: -2px;
+  text-indent: -3px; }
+
+h2 {
+  font-size: 4rem;
+  line-height: 1.2em;
+  letter-spacing: -1px;
+  text-indent: -2px; }
+
+h3 {
+  font-size: 3.5rem; }
+
+h4 {
+  font-size: 3rem; }
+
+h5 {
+  font-size: 2.5rem; }
+
+h6 {
+  font-size: 2rem; }
+
+p {
+  margin: 1em 0; }
+
+/** ======== Links ========= */
+a {
+  color: inherit;
+  transition: all ease 0.3s;
+  -webkit-transition: all ease 0.3s;
+  -moz-transition: all ease 0.3s; }
+  a:hover {
+    color: var(--sticky-menu-text-color); }
+  a.fa {
+    text-decoration: none; }
+
+/** ======== Lists ====================== */
+dl {
+  margin: 1.6em 0; }
+  dl dt {
+    float: left;
+    width: 180px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: bold;
+    margin-bottom: 1em; }
+  dl dd {
+    margin-left: 200px;
+    margin-bottom: 1em; }
+
+ul, ol {
+  margin: 1em 0; }
+  ul ol, ul ul, ol ol, ol ul {
+    margin: 0.4em 0; }
+
+li {
+  margin-left: 30px; }
+
+/** ======== Content semantics ============= */
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid var(--color-text);
+  margin: 1.5em 0;
+  padding: 0; }
+
+/** Helper to be inserted by JS before quotations*/
+.quo {
+  margin-right: 10px;
+  margin-left: 10px;
+  font-size: 20px; }
+
+blockquote {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 1em 0 1em -2.2em;
+  padding: 0 0 0 1em;
+  color: var(--section-uni-quote); }
+  blockquote p {
+    margin: 0.8em 0; }
+  blockquote small {
+    display: inline-block;
+    margin: 0.8em 0 0.8em 1.5em;
+    font-size: 0.9em;
+    color: #ccc; }
+    blockquote small:before {
+      content: "\2014 \00A0"; }
+  blockquote cite {
+    font-weight: bold; }
+    blockquote cite a {
+      font-weight: normal; }
+
+mark {
+  background-color: var(--sticky-menu-text-color);
+  filter: brightness(125%); }
+
+code, tt {
+  color: var(--section-light-text-color);
+  background-color: var(--section-uni-code-bg-color);
+  border-radius: 3px;
+  font-family: Inconsolata, monospace, sans-serif;
+  font-size: 0.75em;
+  padding: 3px 5px; }
+
+code {
+  color: var(--section-light-text-color);
+  background-color: var(--section-uni-code-bg-color);
+  border-radius: 3px;
+  font-family: Inconsolata, monospace, sans-serif;
+  font-size: 0.75em;
+  padding: 3px 5px; }
+
+pre {
+  background: var(--section-light-text-color);
+  color: #e2e2e2;
+  border: 1px solid #343434;
+  border-radius: 3px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  font-family: Inconsolata, monospace, sans-serif;
+  font-size: 0.9em;
+  margin: 1.6em 0;
+  padding: 10px;
+  white-space: pre;
+  overflow-x: scroll;
+  width: 100%; }
+  pre code, pre tt {
+    color: inherit;
+    background: transparent;
+    font-size: inherit;
+    white-space: -moz-pre-wrap;
+    white-space: pre-wrap;
+    border: none;
+    padding: 0; }
+
+kbd {
+  color: var(--section-light-text-color);
+  background: var(--section-uni-code-bg-color);
+  border: var(--section-light-text-color) 1px solid;
+  border-radius: 4px;
+  display: inline-block;
+  font-size: 0.9em;
+  font-weight: bold;
+  margin-bottom: 0.4em;
+  padding: 1px 8px;
+  text-shadow: #fff 0 1px 0;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset; }
+
+/** ======== Tables ========= */
+table {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-spacing: 0;
+  margin: 1.6em 0;
+  width: 100%;
+  max-width: 100%;
+  background-color: transparent; }
+  table th,
+  table td {
+    padding: 8px;
+    line-height: 20px;
+    text-align: left;
+    vertical-align: top; }
+  table thead th,
+  table thead td {
+    border-bottom: 1px solid var(--color-text); }
+  table tbody > tr:nth-child(even) {
+    background-color: #fff5;
+    background-blend-mode: lighten; }
+  table.plain tbody > tr:nth-child(odd) > td, table.plain tbody > tr:nth-child(odd) > th {
+    background: transparent; }
+
+/** ======== Github integration ========= */
+.gist table {
+  margin: 0;
+  font-size: 1.4rem; }
+
+.gist .line-number {
+  min-width: 25px;
+  font-size: 1.1rem; }
+
+/* ==========================================================================
+   8. Media Queries - Smaller than 1130px
+   ========================================================================== */
+@media only screen and (max-width: 1130px) {
+  /* makes it a top sticky menu */
+  .fixed-nav {
+    opacity: 1;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    flex-wrap: wrap;
+    flex-direction: row;
+    width: 100vw;
+    z-index: 99999;
+    background: var(--color-background);
+    border-radius: 0;
+    text-align: center;
+    padding: 4px; }
+  a.fn-item {
+    display: inline;
+    margin-left: 10px; }
+  blockquote {
+    margin-left: 0; }
+  .post-holder {
+    padding-top: 20px; }
+  #site-head {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    min-height: 240px;
+    padding: 15% 0;
+    height: 100%;
+    margin-bottom: 0rem; }
+  .blog-title {
+    font-size: 4rem;
+    letter-spacing: -1px; }
+  .blog-description {
+    font-size: 2.2rem;
+    line-height: 1.5em; }
+  .post {
+    font-size: 0.9em;
+    line-height: 1.6em; }
+  /* skip the top menu when scrolling */
+  .post-holder .post {
+    scroll-margin-top: 48px; }
+  .post-template .post {
+    padding-bottom: 1rem; }
+  .post-template .post-header {
+    padding: 40px 0; }
+  h1 {
+    font-size: 4.8rem;
+    text-indent: -2px; }
+  h2 {
+    font-size: 3.8rem; }
+  h3 {
+    font-size: 3.3rem; }
+  h4 {
+    font-size: 2.8rem; } }
+
+/* ==========================================================================
+   9. Media Queries - Smaller than 500px
+   ========================================================================== */
+@media only screen and (max-width: 500px) {
+  .post-holder {
+    padding-top: 20px; }
+  #blog-logo {
+    max-height: 80px; }
+  .inner,
+  .pagination {
+    width: auto;
+    margin-left: 16px;
+    margin-right: 16px; }
+  .post {
+    width: auto;
+    margin-left: 16px;
+    margin-right: 16px;
+    font-size: 0.8em;
+    line-height: 1.6em; }
+  #site-head {
+    padding: 10% 0;
+    height: 65%; }
+  #header-arrow {
+    display: none; }
+  a.btn {
+    margin-top: 10px; }
+  .blog-title {
+    font-size: 3rem; }
+  .blog-description {
+    font-size: 2.2rem; }
+  h1,
+  h2 {
+    font-size: 3rem;
+    line-height: 1.1em;
+    letter-spacing: -1px; }
+  h3 {
+    font-size: 2.8rem; }
+  h4 {
+    font-size: 2.3rem; }
+  .post-template .post {
+    padding-bottom: 0; }
+  .post-template .post-header {
+    padding: 30px 0; }
+  .site-footer {
+    font-size: 1.1rem; } }

resources/_gen/assets/css/_index.scss_7bbaf99eabb468e10b793066c2709a48.json

@@ -0,0 +1 @@
+{"Target":"/css/_index.css","MediaType":"text/css","Data":{}}

themes/hugo-scroll

@@ -1 +1 @@
-Subproject commit 989db1748409e8beaf13b2b7583d45c9084d71e2
+Subproject commit d326aa747e7ec9ef226576905b9d69e16eed62e1