first commit

.gitignore

@@ -0,0 +1,4 @@
+/public
+.hugo_build.lock
+.domains
+/themes/hugo-scroll/*

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/hugo-scroll"]
+	path = themes/hugo-scroll
+	url = https://github.com/zjedi/hugo-scroll.git

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

@@ -0,0 +1,54 @@
+baseURL = 'http://example.org/'
+languageCode = 'de-de'
+
+
+# This is a "one page"-website, so we do not need these kinds of pages...
+disableKinds = ["section", "taxonomy", "term", "RSS", "robotsTXT"]
+
+defaultContentLanguage = "de"
+
+# The name of this wonderful theme ;-).
+theme = "hugo-scroll"
+
+# The browser tab name
+title = "Vanilla Engineering"
+
+# Theme-specific variables `.Site.Params.myParamName`
+[params]
+
+    # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
+    favicon = "images/favicon.png"
+
+    # These "images" are used for the structured data templates. This will show up, when
+    # services like Twitter or Slack want to generate a preview of a link to your site.
+    # See https://gohugo.io/templates/internal#twitter-cards and https://gohugo.io/templates/internal#open-graph.
+    # NOT the actual header background image, go to _index.md instead
+    images = ["images/cover-image.jpg"]
+
+    # When set true, it creates a visual guard (partially transparent rounded box), preventing non-ideal background images from interfering with title/description headings
+    # Ideal images are homogenous around the centre and contrasting to the text.
+    # see CSS classes: .title-and-description-guard, .blog-title, .blog-description
+    # see _index.md header_headline and header_subheadline
+    title_guard = false
+
+    # Another "title" :-). This one is used as the site_name on the Hugo's internal
+    # opengraph structured data template.
+    # See https://ogp.me/ and https://gohugo.io/templates/internal#open-graph.
+    title = "Vanilla Engineering"
+
+    # The "description" of your website. This is used in the meta data of your generated html.
+    description = "Camper-Van Ausbau einfach gedacht"
+
+    # A "copyright"-line to be added at the bottom of the page.
+    # Hint: Plain HTML is supported in here as well. So you may e.g. add a link to your legal imprint-page.
+    copyright = "© Edgar Grüner"
+
+    # This theme will, by default, inject a design-by-line at the bottom of the page.
+    # You can turn it off, but we would really appreciate if you don’t :-)
+    hidedesignbyline = false
+
+    # The sections of the home page alternate styling. Mark invert as true to swap the styling of the sections
+    invertSectionColors = false
+    
+    [params.meta]
+        keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"

content/_index.md

@@ -0,0 +1,14 @@
+---
+# 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/cover-image.jpg"
+#
+# 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/vanilla-svgrepo-com.svg"
+#
+# Headers are safeHTML, you can use HTML tags such as b,i,u,br
+header_headline: "Vanilla Engineering"
+header_subheadline: "Camper-Van Ausbau mitgedacht"
+---

content/datenschutz.md

@@ -0,0 +1,4 @@
+---
+title: "Datenschutz"
+---
+

content/homepage/about-me.md

@@ -0,0 +1,11 @@
+---
+title: "Über mich"
+weight: 3
+header_menu: true
+---
+
+![Edgar Grüner](images/eg.jpg)
+
+##### Edgar Grüner
+
+

content/homepage/contact.md

@@ -0,0 +1,18 @@
+---
+title: "So erreichen Sie mich"
+header_menu_title: "Kontakt"
+navigation_menu_title: "Kontakt"
+weight: 4
+header_menu: true
+---
+
+{{<icon class="fa fa-envelope">}}&nbsp;[mail@vanilla.engieering](mailto:mail@vanilla.engineering)
+
+{{<icon class="fa fa-phone">}}&nbsp;[+49 351 30973180](tel:+4935130973180)
+
+{{<icon class="fa fa-comment">}}&nbsp; Threema [A88RJYE9](https://threema.id/A88RJYE9)
+
+{{<rawhtml>}}  
+<img src="/icons/linkedin.svg" height="22px" style="display:inline;"> Mein Profil auf <a href="https://www.linkedin.com/in/egruener" target="_blank">LinkedIn</a>
+
+{{</rawhtml>}}

content/homepage/index.md

@@ -0,0 +1,3 @@
+---
+headless: true
+---

content/homepage/opener.md

@@ -0,0 +1,6 @@
+---
+title: "Herzlich Willkommen"
+weight: 1
+---
+
+

content/homepage/services.md

@@ -0,0 +1,9 @@
+---
+title: "Das biete ich Ihnen"
+header_menu_title: "Meine Dienstleistung"
+navigation_menu_title: "Dienstleistung"
+weight: 2
+header_menu: true
+---
+
+

content/impressum.md

@@ -0,0 +1,4 @@
+---
+title: "Impressum"
+---
+

content/services.md

@@ -0,0 +1,40 @@
+---
+title: "Services"
+---
+
+This is a page about the services, which I offer.
+
+It carries a lot more detail than what I put on the homepage - I swear!
+
+You want to know what I can do for you?
+
+Well, let me tell ya!
+
+---
+
+## Nutrition Coaching
+
+This is not an easy task. You will likely have to pay money for this. You know what - let us look at a nice picture first.
+
+![Nice picture to make you pay me ;-)](../images/selective-focus-photography-of-pasta-with-tomato-and-basil-1279330.jpg)
+
+Wow. That was nice, right? Well, call me and let us talk.
+
+---
+
+## Chef Consulting
+
+Did you see the picture above? I can show you how to go from
+
+![Let us get started on a clean slate](../images/board-bunch-cooking-food-349609.jpg)
+
+to
+
+![Let us get started on a clean slate](../images/woman-pouring-juice-on-glass-3184192.jpg)
+
+in estimated seconds.
+
+Don't believe me? Here are some bullets
+
+* If anyone can teach you to cook, I can
+* And if you already know how to cook, I will make you that much better

layouts/partials/custom_body.html

@@ -0,0 +1,12 @@
+<!-- A partial to be overwritten by the user.
+     Simply place a custom_body.html into
+     your local /layouts/partials-directory.
+     Its content will appear before the closing </body>-tag -->
+<footer class="site-footer">
+  <div class="inner">
+  <section>
+  <a href="/impressum">Impressum</a>&nbsp;&nbsp;&nbsp;<a href="/datenschutz">Datenschutz</a>
+  </section>
+  
+    </div>
+</footer>

layouts/partials/custom_head.html

@@ -0,0 +1,64 @@
+<!-- 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>
+:root {
+    /* see variables.scss for more variables*/
+
+    /*
+    --section-light-text-color: #3a4145!important;
+    --section-light-bg-color: #ffdb8c!important;
+    --section-dark-bg-color: #035e00!important;
+    */
+    --cover-text-color: #000;
+    --highlight: #9f55ba;
+    --section-dark-bg-color: #a3ba55;
+    --sticky-menu-text-color: var(--highlight);
+}
+
+.blog-title {
+    font-family: Arial;
+
+
+}
+</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 }}"
+/>

layouts/partials/custom_header_video.html

@@ -0,0 +1,11 @@
+<video playsinline="" autoplay="true" muted="" loop=""
+    poster="https://www.ledger.com/wp-content/themes/ledger-v2/public/images/homepage/home-hero-ledger.jpg">
+    <!-- 
+    <source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.webm?v=1637155649" type="video/webm">
+    <source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mp4?v=1637155649" type="video/mp4">
+    <source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mov?v=1637155649" type="video/mov">
+    -->
+
+    {{ $videoResource := resources.Get "cover/pexels-pressmaster-3209239-960x540-25fps.mp4" }}
+    <source src="{{ $videoResource.Permalink }}" type="video/mp4">
+</video>

resources/_gen/assets/scss/css/_index.scss_f120a3f402b106f64b18d498afd3d82e.content

@@ -0,0 +1,566 @@
+: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);
+  /*iverse 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. Supressive 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;
+  /* === Footer === */
+  --footer-color-background: #22343a;
+  --footer-color: #bbc7cc; }
+
+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 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;
+    font-family: "Oswald", sans-serif;
+    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 =========== */
+.post-template .post {
+  margin-top: 0;
+  border-bottom: none;
+  padding-bottom: 0; }
+
+.post-template .post:after {
+  display: none; }
+
+.post-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); }
+
+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; }
+  .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 img {
+    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/scss/css/_index.scss_f120a3f402b106f64b18d498afd3d82e.json

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

static/icons/linkedin.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve" width="64px" height="64px">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path d="M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z M339,617c0,5.5-4.5,10-10,10h-432c-5.5,0-10-4.5-10-10V185c0-5.5,4.5-10,10-10h432c5.5,0,10,4.5,10,10V617z"/> <rect x="-8.5" y="348.4" width="49.9" height="159.7"/> <path d="M177.7,346.9c-28.6,0-46.5,15.6-49.8,26.6v-25.1H71.8c0.7,13.3,0,159.7,0,159.7h56.1v-86.3c0-4.9-0.2-9.7,1.2-13.1 c3.8-9.6,12.1-19.6,27-19.6c19.5,0,28.3,14.8,28.3,36.4v82.6H241v-88.8C241,369.9,213.2,346.9,177.7,346.9z"/> <path d="M15.4,273c-18.4,0-30.5,11.9-30.5,27.7c0,15.5,11.7,27.7,29.8,27.7h0.4c18.8,0,30.5-12.3,30.4-27.7 C45.1,284.9,33.8,273,15.4,273z"/> </g> </g>
+
</svg>

static/images/van-svgrepo-com.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512" xml:space="preserve">
+<g>
+	<g>
+		<path d="M421.812,73.383H181.003c-46.005-44.228-98.297-46.952-100.54-47.047c-2.83-0.122-5.52,1.188-7.172,3.481
+			c-1.654,2.293-2.042,5.263-1.036,7.905l13.584,35.661H27.449c-4.641,0-8.403,3.762-8.403,8.403c0,4.64,3.762,8.403,8.403,8.403
+			h394.363c4.641,0,8.403-3.762,8.403-8.403C430.214,77.145,426.452,73.383,421.812,73.383z M103.822,73.383L93.033,45.062
+			c14.303,2.944,38.234,10.271,62.128,28.321H103.822z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M361.677,377.362c-19.876,0-36.047,16.171-36.047,36.047c0,19.876,16.171,36.047,36.047,36.047
+			c19.876,0,36.047-16.171,36.047-36.047C397.724,393.533,381.553,377.362,361.677,377.362z M361.677,432.651
+			c-10.61,0-19.242-8.632-19.242-19.242c0-10.61,8.632-19.242,19.242-19.242c10.61,0,19.242,8.632,19.242,19.242
+			C380.919,424.019,372.287,432.651,361.677,432.651z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M503.597,259.361h-32.972v-42.876c0-60.108-48.902-109.01-109.01-109.01H140.604c-4.641,0-8.403,3.762-8.403,8.403
+			s3.762,8.403,8.403,8.403h221.011c24.118,0,46.092,9.319,62.541,24.531h-33.59c-0.016,0-0.032,0-0.048,0H107.371
+			c-27.081,0-49.113,22.033-49.113,49.113c0,27.08,22.032,49.113,49.113,49.113h298.71c0.012,0,0.025,0.001,0.037,0.001
+			c0.011,0,0.023-0.001,0.035-0.001h47.669v38.196c-1.079-1.334-2.189-2.647-3.363-3.914
+			c-14.272-15.379-34.484-24.198-55.456-24.198H127.16c-4.641,0-8.403,3.762-8.403,8.403c0,4.641,3.762,8.403,8.403,8.403h267.842
+			c16.312,0,32.034,6.861,43.133,18.821c4.271,4.606,7.72,9.804,10.294,15.388c-0.636-0.06-1.278-0.1-1.93-0.1
+			c-13.529,0-24.127,13.178-24.127,30s10.597,30,24.127,30c2.563,0,5.021-0.475,7.322-1.357v38.329h-20.385
+			c-4.179-35.899-34.757-63.86-71.758-63.86s-67.58,27.961-71.758,63.86H180.609c-1.602-13.594-7.043-26.579-15.741-37.242
+			c-1.595-1.956-3.986-3.091-6.511-3.091H59.351c-2.524,0-4.915,1.135-6.511,3.091c-8.698,10.664-14.139,23.648-15.741,37.242
+			h-6.927V273.926h68.98c4.641,0,8.403-3.762,8.403-8.403c0-4.64-3.762-8.403-8.403-8.403h-68.98v-99.902
+			c0-18.162,14.776-32.938,32.938-32.938h49.486c4.64,0,8.403-3.762,8.403-8.403s-3.762-8.403-8.403-8.403H63.109
+			c-27.428,0-49.744,22.315-49.744,49.744v247.788H8.403c-4.641,0-8.403,3.762-8.403,8.403s3.762,8.403,8.403,8.403h28.693
+			c4.179,35.899,34.757,63.86,71.758,63.86c37.002,0,67.579-27.961,71.758-63.86h109.288c0.909,7.903,3.102,15.534,6.568,22.772
+			c2.004,4.186,7.021,5.955,11.208,3.949c4.186-2.004,5.954-7.022,3.949-11.207c-3.577-7.47-5.394-15.494-5.405-23.847
+			c0-0.023,0.003-0.047,0.003-0.071c0-0.025-0.003-0.048-0.003-0.072c0.039-30.546,24.901-55.386,55.455-55.386
+			c30.579,0,55.457,24.878,55.457,55.457s-24.879,55.457-55.457,55.457c-12.491,0-24.281-4.052-34.099-11.718
+			c-3.658-2.857-8.938-2.206-11.794,1.451c-2.856,3.658-2.207,8.938,1.451,11.794c12.8,9.996,28.168,15.278,44.442,15.278
+			c37.002,0,67.58-27.961,71.758-63.86h47.756c4.641,0,8.403-3.762,8.403-8.403s-3.762-8.403-8.403-8.403h-10.565v-24.648h32.972
+			c4.641,0,8.403-3.762,8.403-8.403V267.764C512,263.123,508.238,259.361,503.597,259.361z M213.614,230.232h-60.872v-26.328
+			c0-4.641-3.762-8.403-8.403-8.403s-8.403,3.762-8.403,8.403v26.328h-28.566c-17.815,0-32.307-14.493-32.307-32.308
+			c0-17.815,14.493-32.307,32.307-32.307h28.566v10.278c0,4.641,3.762,8.403,8.403,8.403s8.403-3.762,8.403-8.403v-10.278h60.872
+			V230.232z M291.291,230.232h-60.872v-64.615h60.872V230.232z M308.096,230.232v-64.615h75.407l12.447,64.615H308.096z
+			 M453.82,230.232h-40.755v0l-12.447-64.615h37.85c9.69,14.591,15.352,32.078,15.352,50.868V230.232z M108.854,394.167
+			c10.61,0,19.242,8.632,19.242,19.242c0,10.61-8.632,19.242-19.242,19.242c-10.61,0-19.242-8.632-19.242-19.242
+			C89.612,402.799,98.245,394.167,108.854,394.167z M164.311,413.424c-0.007,30.572-24.882,55.443-55.456,55.443
+			c-30.579,0-55.457-24.878-55.457-55.457c0-11.432,3.571-22.629,10.12-31.93h28.637c-11.488,6.033-19.347,18.078-19.347,31.93
+			c0,19.876,16.171,36.047,36.047,36.047c19.876,0,36.047-16.171,36.047-36.047c0-13.852-7.858-25.897-19.347-31.93h28.637
+			c6.547,9.297,10.117,20.487,10.119,31.914c0,0.006-0.001,0.01-0.001,0.016C164.309,413.414,164.311,413.419,164.311,413.424z
+			 M446.499,351.23c-3.386,0-7.321-5.764-7.321-13.194s3.936-13.194,7.321-13.194c3.386,0,7.322,5.764,7.322,13.194
+			S449.884,351.23,446.499,351.23z M495.195,363.554h-24.569v-87.387h24.569V363.554z"/>
+	</g>
+</g>
+</svg>

static/images/vanilla-svgrepo-com.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 3.61067C13.7455 5.02291 14.4557 7.24053 14.0286 9.29728C15.4408 8.48323 17.1926 8.28245 18.8399 8.89664C19.2481 9.04883 19.6374 9.24754 20.0001 9.48884L19.9839 9.53225C19.2094 11.6095 17.3466 12.9639 15.2835 13.1898C16.5052 14.297 17.2406 15.9219 17.1572 17.698C17.1377 18.1137 17.0728 18.526 16.9639 18.9276L16.9443 19C14.724 18.8957 12.8588 17.5395 11.9989 15.6458C11.3193 17.1455 9.99941 18.3418 8.28535 18.8067C7.88372 18.9157 7.47141 18.9805 7.05573 19L7.0361 18.9276C6.45366 16.7804 7.17413 14.587 8.71576 13.1878C7.10325 13.0123 5.57728 12.1487 4.60828 10.6923C4.36699 10.3297 4.16829 9.9404 4.01611 9.53225L3.99992 9.48884C5.85282 8.25605 8.16659 8.25653 9.97308 9.29573C9.63103 7.65333 10.0026 5.87656 11.1401 4.47058C11.3958 4.15457 11.684 3.86634 12 3.61067ZM18.4303 3.20852C18.4322 3.21035 18.434 3.21219 18.4359 3.21405L19.1603 3.9468C19.8457 4.63997 19.8456 5.75552 19.1603 6.44865L17.0885 8.5425C17.6724 8.56623 18.2626 8.68138 18.8399 8.89664C19.2481 9.04883 19.6374 9.24754 20.0001 9.48884L19.9839 9.53225C19.2094 11.6095 17.3466 12.9639 15.2835 13.1898C16.5052 14.297 17.2406 15.9219 17.1572 17.698C17.1377 18.1137 17.0728 18.526 16.9639 18.9276L16.9443 19C14.724 18.8957 12.8588 17.5395 11.9989 15.6458C11.3193 17.1455 9.99941 18.3418 8.28535 18.8067C7.88372 18.9157 7.47141 18.9805 7.05573 19L7.0361 18.9276C6.45366 16.7804 7.17413 14.587 8.71576 13.1878C7.10325 13.0123 5.57728 12.1487 4.60828 10.6923C4.36699 10.3297 4.16829 9.9404 4.01611 9.53225L3.99992 9.48884C4.89884 8.89076 5.90623 8.58295 6.91154 8.54319L4.8396 6.44851C4.1543 5.75544 4.1542 4.63999 4.83939 3.9468L5.56363 3.21411C5.84347 2.931 6.29983 2.92835 6.58294 3.20819L6.58574 3.21097L6.60613 3.23156C6.85299 3.48097 6.87784 3.86736 6.68058 4.14436L6.6066 4.2323C6.33254 4.50973 6.33265 4.95599 6.60683 5.23329L9.86612 8.53069C9.76334 7.11588 10.1774 5.66045 11.1401 4.47058C11.3958 4.15457 11.684 3.86634 12 3.61067C13.5296 4.84824 14.2642 6.7043 14.135 8.52859L17.393 5.23343C17.6398 4.98381 17.6646 4.59729 17.4671 4.32026L17.3931 4.2323C17.119 3.95494 17.1191 3.5086 17.3934 3.23142L17.4109 3.21377C17.691 2.93081 18.1474 2.92846 18.4303 3.20852ZM10.3629 13.3148C10.1278 13.2893 9.95788 13.078 9.98339 12.8428C9.99356 12.7492 10.0343 12.6615 10.0994 12.5933L10.1378 12.5531C10.5283 12.144 10.7051 11.5758 10.6156 11.0174L10.61 10.9826C10.5715 10.7424 10.735 10.5165 10.9752 10.478C11.0668 10.4633 11.1607 10.4779 11.2435 10.5197C11.7235 10.762 12.2937 10.7442 12.7576 10.4723L12.7885 10.4542C12.988 10.3373 13.2445 10.4043 13.3614 10.6037C13.4112 10.6887 13.4295 10.7885 13.4129 10.8857L13.4033 10.9425C13.3121 11.4781 13.4899 12.0243 13.8788 12.4035C14.0582 12.5784 14.0618 12.8656 13.8869 13.0449C13.8223 13.1112 13.739 13.1561 13.6481 13.1736L13.6355 13.1761C13.0921 13.2809 12.6313 13.6387 12.395 14.1391L12.3653 14.202C12.2663 14.4117 12.0161 14.5014 11.8065 14.4024C11.7193 14.3612 11.6489 14.2912 11.6072 14.2042L11.601 14.1912C11.3677 13.7045 10.8995 13.373 10.3629 13.3148Z" stroke="#000000" stroke-linejoin="round"/>
+</svg>

themes/hugo-scroll

@@ -0,0 +1 @@
+Subproject commit ad4cfad51f69b8955d9004ccc25fc085eeacc515