chore(deps-dev): bump prettier from 2.8.7 to 3.5.3

Bumps [prettier](https://github.com/prettier/prettier) from 2.8.7 to 3.5.3.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/2.8.7...3.5.3)

---
updated-dependencies:
- dependency-name: prettier
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

.github/FUNDING.yml

@@ -1,2 +0,0 @@
-custom: ["https://www.paypal.me/janraasch/29,00"]
-github: ["janraasch"]

.github/stale.yml

@@ -1,17 +1,18 @@
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 60
+daysUntilStale: 90
 # Number of days of inactivity before a stale issue is closed
-daysUntilClose: 7
+daysUntilClose: 30
 # Issues with these labels will never be considered stale
 exemptLabels:
   - pinned
   - security
+  - bug
+  - priority-high
+exemptProjects: true
+exemptMilestones: true
 # Label to use when marking an issue as stale
-staleLabel: wontfix
+staleLabel: no-activity
 # Comment to post when marking an issue as stale. Set to `false` to disable
-markComment: >
-  This issue has been automatically marked as stale because it has not had
-  recent activity. It will be closed if no further activity occurs. Thank you
-  for your contributions.
+markComment: false
 # Comment to post when closing a stale issue. Set to `false` to disable
-closeComment: false
+closeComment: false

.github/workflows/ci.yml

@@ -10,23 +10,24 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-22.04
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Hugo
-        uses: peaceiris/actions-hugo@v2.5.0
+        uses: peaceiris/actions-hugo@v3.0.0
         with:
           hugo-version: latest
+          extended: true
 
       - name: Build local ./exampleSite
-        run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://janraasch.github.io/hugo-scroll/
+        run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://zjedi.github.io/hugo-scroll/
 
       - name: Deploy to GitHub Pages
         if: github.event_name == 'push'
-        uses: peaceiris/actions-gh-pages@v3.8.0
+        uses: peaceiris/actions-gh-pages@v4.0.0
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./public

.gitignore

@@ -1,3 +1,6 @@
 public
 exampleSite/public
+exampleSite/resources
 node_modules
+*.lock
+hugo-scroll.code-workspace

.prettierignore

@@ -1,6 +1,5 @@
-build
-resources
+assets/css/fontawesome
+assets/css/normalize.css
+layouts/_default/index.html
 public
-static/fork-awesome
-static/css/normalize.css
-layouts/index.html
+resources

CHANGELOG.md

@@ -0,0 +1,37 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+* Added for new features.
+* Changed for changes in existing functionality.
+* Deprecated for soon-to-be removed features.
+* Removed for now removed features.
+* Fixed for any bug fixes.
+* Security in case of vulnerabilities.
+
+## [Unreleased](https://github.com/zjedi/hugo-scroll/compare/v.1.0.0...master)
+
+* **JS cleanup / CSS refactoring**, possibly causing some pain if you have extensive CSS customisations in screen.css #4, #61, #102. For backwards compatibility, a released tag `v1.0.0` was created just in case some projects needed to fix the legacy version. However, I won't actively support the legacy branch.
+* New features: #70 , #46 , #118
+* More features #116 , #119
+
+## [1.0.0 Legacy Snapshot](https://github.com/zjedi/hugo-scroll/releases/tag/v.1.0.0)
+
+## Template for new releases
+
+## [x.y.z](https://github.com/zjedi/hugo-scroll/compare/v1.0.0...vx.y.z)
+
+### Added
+
+### Changed
+
+### Deprecated
+
+### Removed
+
+### Fixed
+
+### Security

README.md

@@ -1,97 +1,144 @@
-# Hugo Scroll ![Test](https://github.com/janraasch/hugo-scroll/workflows/CI/badge.svg?branch=master&event=push) [![Pay me][paypal-svg]][paypal-dot-me] [![Sponsor me][github-sponsors-svg]][github-sponsors]
+<h1 align=center>Hugo Scroll 📜 <a href="https://zjedi.github.io/hugo-scroll/" rel="nofollow">Demo</a></h1>
 
-📜 A [Hugo](https://gohugo.io/)-theme for pretty, quick and simple single-page websites.
+Clean, responsive, single-page [Hugo](https://gohugo.io/) website theme.
 
-![Screenshot Hugo Scroll Theme](https://raw.githubusercontent.com/janraasch/hugo-scroll/master/images/tn.png)
+[![hugo-scroll](https://img.shields.io/badge/Hugo--Themes-HugoScroll-blue)](https://themes.gohugo.io/themes/hugo-scroll/)
+![Test](https://github.com/zjedi/hugo-scroll/workflows/CI/badge.svg?branch=master&event=push)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/a56faf45-76fa-4bdf-b9d4-35cfc7d620cf/deploy-status)](https://app.netlify.com/sites/hugo-scroll/deploys)
+[![GitHub](https://img.shields.io/github/license/zjedi/hugo-scroll)](https://github.com/zjedi/hugo-scroll/blob/master/LICENSE)
+![code-size](https://img.shields.io/github/languages/code-size/zjedi/hugo-scroll)
 
-## Demo
+Promo image which may be a bit outdated:<br/>
+![Screenshot Hugo Scroll Theme](https://raw.githubusercontent.com/zjedi/hugo-scroll/master/images/tn.png)
 
-For a current & working demo of this theme please check out https://janraasch.github.io/hugo-scroll/ 🎯.
+## ⭐ Feature highlights
 
-## Sponsor 💟
+- Responsive to screen size/shape
+- SEO friendly
+- Customizable
+- Video cover
+- [Font Awesome v6.6.0 Icons][font-awesome-icons] out of the box
+- Header logo
+- Visual guards to guarantee readability
+- External links
+- JS/CSS Assets optimized (Minification, Fingerprinting, pipeline-processed
+into single file)
+- git info in footer (opt-in)
 
-Support my work on this theme via [GitHub Sponsors][github-sponsors] (recurring) or [PayPal][paypal-dot-me] (one-time).
+## 🔑 Installation
 
-[![GitHub Stats](https://github-readme-stats.vercel.app/api/?username=janraasch)][github-sponsors]
+You need to install Hugo extended version.
+If you already have a Hugo site on your machine, you can simply add this theme via
 
-## Installation
-
-If you already have a hugo site on your machine, you can simply add this theme via
-
-```
-git submodule add https://github.com/janraasch/hugo-scroll.git themes/hugo-scroll
+```cli
+git submodule add https://github.com/zjedi/hugo-scroll.git themes/hugo-scroll
 ```
 
-Then, adjust the `config.toml` as detailed below.
+Then, adjust the `hugo.toml` as detailed below & in the file comments.
+
+### Playing around with our example site
 
 If you simply want to check out the `exampleSite`, you can run
 
-```
-git clone https://github.com/janraasch/hugo-scroll.git hugo-scroll
+```cli
+git clone https://github.com/zjedi/hugo-scroll.git hugo-scroll
 cd hugo-scroll
 hugo server --source=exampleSite --themesDir=../..
 ```
 
-For more information read the official [setup guide][hugo-setup-guide] of Hugo.
-
-## Adjust configuration / config.toml
-
-Please check out the [config.toml](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/config.toml) included on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite) of this theme.
-
-## Content & structure
-
-### Starting fresh
+For more information, read the official [Hugo setup guide][hugo-setup-guide].
 
 If you are starting fresh, simply copy over the contents of the `exampleSite`-directory included in this theme to your source directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.
 
-### Adding content
+Please check out the [hugo.toml](https://github.com/zjedi/hugo-scroll/blob/master/exampleSite/hugo.toml) included in the [exampleSite](https://github.com/zjedi/hugo-scroll/tree/master/exampleSite) of this theme.
 
-You can add **a new section to the homepage** via running
+You can add **a new section to the homepage** by running `hugo new homepage/my-new-content.md` (or craft the file manually)
 
-```
-hugo new homepage/my-new-content.md
+To create **a page separate from the homepage**, run `hugo new my-new-page.md`
+
+## 🔧 Feature details 🔨
+
+### Customizing CSS
+
+Add a [`custom_head.html`](https://github.com/zjedi/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html) file to your `layouts/partials` directory.
+
+- You can use `<style>` tag to embed the overrides (better performance-wise)
+- Alternatively you can `<link>` your own `custom.css`
+
+`CSS` variables `var(--some-var-name)` from `assets\css\variables.scss` can be overridden by adding
+
+```scss
+:root {
+  --some-var-name: blue!important;
+}
 ```
 
-To create **a page separate from the homepage**, run
+### Icons
 
-```
-hugo new my-new-page.md
+This theme includes the full set of [Font Awesome v6.6.0 icons][font-awesome-icons]. Use the `{{< icon >}}` [shortcode][hugo-shortcodes] with the respective `name` to use an icon directly in your `.md` files. For example:
+
+```html
+{{< icon name="envelope" >}}
 ```
 
-### Using icons
+If you want to use one of Font Awesome's brand icons—the ones that have a trademark warning and the `fa-brands` class—add `brand=true`. For example:
 
-This theme includes the full set of [Fork Awesome 1.1.7 Icons][fork-awesome-icons]. Use the `{{<icon>}}`-[shortcode][hugo-shortcodes] with the respective "fa fa-ICONNAME"-`class` to use an icon directly in your `.markdown` files à la
+```html
+{{< icon name="github" brand=true >}}
+```
+
+If you want to use these branded icons in your contact list, use the full class names in your `hugo.toml`:
+
+```toml
+[[params.contacts]]
+  label = "GitHub"
+  value = "github.com/zjedi/hugo-scroll"
+  url = "https://github.com/zjedi/hugo-scroll"
+  icon = "fa-brands fa-github"
+```
+
+### Header logo
+
+Configured in `_index.md`, see `exampleSite`: `header_logo: "images/chef-hat.png"`
+
+### Video cover
+
+Set `header_use_video: true` in `/exampleSite/content/_index.md` and define video source via custom partial, such as `exampleSite/layouts/partials/custom_header_video.html`.
+
+### Footer version information
+
+In order to see technical version information (extracted from Hugo's [GitInfo](https://gohugo.io/variables/git/))) set the following general option in your hugo.toml: `enableGitInfo = true`
+
+### External links
+
+You can add an external link in the menu, see `external.md` in the `exampleSite`.
+
+You can also use `extlink` shortcode to create a link opening in a new tab:
 
 ```markdown
-Look at this nice »envelope«-icon: {{<icon class="fa fa-envelope">}}. I took this from https://forkaweso.me/Fork-Awesome/icon/envelope/ :-)
+Visit us at {{<extlink text="Instagram" href="https://www.instagram.com/yourInstagramName/">}}
 ```
 
-For the full list of icons, see [Fork Awesome 1.1.7 Icons][fork-awesome-icons].
+Referencing and showing icons in front of the link text is possible with a new parameter `icon`:
 
-### Adding your branding / colors / css
+```markdown
+Visit us at {{<extlink icon="fa fa-instagram" text="Instagram" href="https://www.instagram.com/yourInstagramName/">}}
+```
 
-Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you may add a `<style>`-tag _or_ you may add a `<link>`-tag referencing your own `custom.css` (in case you prefer to have a separate `.css`-file). Checkout the [`custom_head.html`](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html)-file from the `exampleSite`-directory to get started and to find more detailed instructions.
+## 🐛 Issues / 💡 Feedback / 👑 Contributing
 
-## Issues / Feedback / Contributing
+[Discussion](https://github.com/zjedi/hugo-scroll/discussions) for Q&A (when unsure),
+[Issues](https://github.com/zjedi/hugo-scroll/issues) for tracking,
+[Pull Requests](https://github.com/zjedi/hugo-scroll/pulls) for contributions.
 
-Please use [GitHub issues](https://github.com/janraasch/hugo-scroll/issues) and [Pull Requests](https://github.com/janraasch/hugo-scroll/pulls).
+See [contributing guideline](https://github.com/zjedi/hugo-scroll/blob/master/contributing.md) for more.
 
-If you do not have a GitHub-account, feel free to hit me up via e-mail (see [janraasch.com](https://www.janraasch.com)).
+## 👏 Special Thanks
 
-## Special Thanks 🎁
+- [Jan Raasch](https://www.janraasch.com), original author of theme
+- [Yonatan Wolowelsky](https://github.com/grmmph), author of [GhostScroll](https://github.com/grmmph/GhostScroll) theme, which formed the basis of this [Hugo](https://gohugo.io/) theme.
+- [Pexels](https://www.pexels.com), for supplying _free_ stock photos.
 
-- Go to [Yonatan Wolowelsky](https://github.com/grmmph), for the great [GhostScroll](https://github.com/grmmph/GhostScroll)-theme which formed the basis of this [Hugo](https://gohugo.io/)-theme.
-- Go to [Pexels](https://www.pexels.com), for supplying those wonderful _free_ stock photos on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite).
-
-## License
-
-[MIT License](http://en.wikipedia.org/wiki/MIT_License) © [Jan Raasch](https://www.janraasch.com)
-
-[paypal-dot-me]: https://www.paypal.me/janraasch/29,00
-[github-sponsors]: https://github.com/sponsors/janraasch
-[paypal-svg]: https://img.shields.io/badge/onetime-donation-11dde2.svg?logo=paypal
-[github-sponsors-svg]: https://img.shields.io/badge/recurring-sponsorship-ee4aaa.svg?logo=github
 [hugo-setup-guide]: https://gohugo.io/getting-started/installing
-[fork-awesome]: https://forkaweso.me/Fork-Awesome/
-[fork-awesome-icons]: https://forkaweso.me/Fork-Awesome/icons/
+[font-awesome-icons]: https://fontawesome.com/icons
 [hugo-shortcodes]: https://gohugo.io/content-management/shortcodes/

archetypes/homepage.md

@@ -1,9 +1,19 @@
 ---
 title: '{{ replace .Name "-" " " | title }}'
+
+# The "header_menu_title" value will be used as text for header buttons.
+# The "title" value will be used if value for "header_menu_title" is not provided.
+#header_menu_title: 'Short Menu Title'
+
+# The "navigation_menu_title" value will be used as text for fixed menu items.
+# The "title" value will be used if value for "navigation_menu_title" is not provided.
+#navigation_menu_title: 'Short Menu Title'
+
 # The "weight" will determine where this section appears on the "homepage".
 # A bigger weight will place the content more towards the bottom of the page.
 # It's like gravity ;-).
 weight: 5
+
 # If "header_menu" is true, then a button linking to this section will be placed
 # into the header menu at the top of the homepage.
 header_menu: true

assets/css/_index.scss

@@ -0,0 +1,11 @@
+// CSS variables
+@import "./variables.scss";
+
+// Theme layout and skelet styling
+@import "./theme.scss";
+
+// Content-related styles
+@import "./content.scss";
+
+// Media queries for responsiveness (optimizations for various screen sizes)
+@import "./responsiveness.scss"

assets/css/content.scss

@@ -0,0 +1,291 @@
+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;
+
+    &:hover {
+        color: var(--sticky-menu-text-color);
+    }
+
+    // Fix font awesome icons
+    &.fa {
+        text-decoration: none;
+    }
+}
+
+/** ======== Lists ====================== */
+dl {
+    margin: 1.6em 0;
+
+    dt {
+    float: left;
+    width: 180px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: bold;
+    margin-bottom: 1em;
+    }
+
+    dd {
+    margin-left: 200px;
+    margin-bottom: 1em;
+    }
+}
+
+ul, ol {
+    margin: 1em 0;
+
+    // Second level of lists
+    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);
+
+    p {
+        margin: 0.8em 0;
+    }
+
+    small {
+        display: inline-block;
+        margin: 0.8em 0 0.8em 1.5em;
+        font-size: 0.9em;
+        color: #ccc;
+
+        &:before {
+            content: "\2014 \00A0";
+        }
+    }
+
+    cite {
+        font-weight: bold;
+
+        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%;
+
+    code, 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;
+
+    th,
+    td {
+        padding: 8px;
+        line-height: 20px;
+        text-align: left;
+        vertical-align: top;
+    }
+
+    thead {
+        th,
+        td {
+            border-bottom: 1px solid var(--color-text);
+        }
+    }
+
+    tbody>tr:nth-child(even) {
+        background-color: #fff5;
+        background-blend-mode: lighten;
+    }
+
+    &.plain tbody>tr:nth-child(odd)>td,
+    &.plain tbody>tr:nth-child(odd)>th {
+        background: transparent;
+    }
+}
+
+/** ======== Github integration ========= */
+.gist {
+    table {
+        margin: 0;
+        font-size: 1.4rem;
+    }
+
+    .line-number {
+        min-width: 25px;
+        font-size: 1.1rem;
+    }
+}
+

assets/css/fontawesome/LICENSE.txt

@@ -0,0 +1,165 @@
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2024 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**

assets/css/fontawesome/solid.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}

assets/css/fonts.css

@@ -0,0 +1,328 @@
+/* ==========================================================================
+   Table of Contents
+   ========================================================================== */
+
+/*
+
+    1. Open Sans            300italic,400italic,600italic,700italic,800italic,300,400,600,700,800
+    2. Open Sans Condensed  300,300italic,700
+    3. Oswald               300,400,700
+    4. Roboto Slab          100,300,400,700
+
+ */
+
+/* ==========================================================================
+   1. Open Sans
+   ========================================================================== */
+
+/* open-sans-300 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-600 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-700 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-800 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-300italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-600italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-700italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-800italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url('../webfonts/open-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-v27-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+
+/* ==========================================================================
+   2. Open Sans Condensed
+   ========================================================================== */
+
+/* open-sans-condensed-300 - latin */
+@font-face {
+  font-family: 'Open Sans Condensed';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/open-sans-condensed-v21-latin-300.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-condensed-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-condensed-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-condensed-v21-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-condensed-300italic - latin */
+@font-face {
+  font-family: 'Open Sans Condensed';
+  font-style: italic;
+  font-display: swap;
+  font-weight: 300;
+  src: url('../webfonts/open-sans-condensed-v21-latin-300italic.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-condensed-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-condensed-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-condensed-v21-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
+}
+
+/* open-sans-condensed-700 - latin */
+@font-face {
+  font-family: 'Open Sans Condensed';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/open-sans-condensed-v21-latin-700.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/open-sans-condensed-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/open-sans-condensed-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/open-sans-condensed-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/open-sans-condensed-v21-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
+}
+
+/* ==========================================================================
+   3. Oswald
+   ========================================================================== */
+
+/* oswald-300 - latin */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/oswald-v40-latin-300.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/oswald-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/oswald-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/oswald-v40-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/oswald-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/oswald-v40-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
+}
+
+/* oswald-regular - latin */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/oswald-v40-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/oswald-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/oswald-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/oswald-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/oswald-v40-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
+}
+
+/* oswald-700 - latin */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/oswald-v40-latin-700.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/oswald-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/oswald-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/oswald-v40-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/oswald-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/oswald-v40-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
+}
+
+/* ==========================================================================
+   4. Roboto Slab
+   ========================================================================== */
+
+/* roboto-slab-100 - latin */
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('../webfonts/roboto-slab-v16-latin-100.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/roboto-slab-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/roboto-slab-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-100.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/roboto-slab-v16-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-slab-300 - latin */
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('../webfonts/roboto-slab-v16-latin-300.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/roboto-slab-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/roboto-slab-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/roboto-slab-v16-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-slab-regular - latin */
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../webfonts/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-slab-700 - latin */
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../webfonts/roboto-slab-v16-latin-700.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../webfonts/roboto-slab-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../webfonts/roboto-slab-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('../webfonts/roboto-slab-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../webfonts/roboto-slab-v16-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
+}

assets/css/generic.css

@@ -0,0 +1,43 @@
+/* Utilities - These things get used a lot */
+
+/**
+ Hides stuff
+ */
+.hidden {
+    text-indent: -9999px;
+    visibility: hidden;
+    display: none;
+}
+
+/**
+ Creates a responsive wrapper that makes our content scale nicely
+ */
+.inner {
+    position: relative;
+    width: 80%;
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+/**
+ Centres vertically yo. (IE8+)
+ */
+.vertical {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+/**
+ Floating tools
+ */
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.clear {
+    clear: both;
+}

assets/css/normalize.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

assets/css/responsiveness.scss

@@ -0,0 +1,167 @@
+
+/* ==========================================================================
+   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;
+  }
+}

assets/css/theme.scss

@@ -0,0 +1,325 @@
+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 */
+  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;
+  }
+
+  .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;
+  }
+
+  .blog-title {
+    margin: 10px 0 10px 0;
+    font-size: 5rem;
+    letter-spacing: -1px;
+    text-shadow: var(--cover-title-text-shadow);
+  }
+
+  .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-languages {
+    text-align: right;
+  }
+
+  #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;
+
+    &.active,
+    &:hover {
+      color: var(--highlight-inverse-contrast);
+      background-color: var(--highlight-inverse);
+    }
+  }
+
+  // Landing screen menu
+  a.btn, #site-languages .btn-lang {
+    font-family: "Oswald", sans-serif;
+  }
+
+  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;
+
+    &:hover {
+      color: var(--highlight-inverse-contrast);
+      background-color: var(--highlight-inverse);
+    }
+  }
+
+  /** The arrow button to scroll to content */
+  #header-arrow {
+    font-size: 140px;
+    margin: -10px auto;
+    text-align: center;
+    display: inline-block;
+    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;
+
+    &:hover {
+      color: inherit;
+      opacity: 0.9;
+    }
+  }
+}
+
+// ========== Sticky menus ===========
+/* 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;
+
+  &:hover,
+  &.active {
+    color: var(--sticky-menu-text-color);
+  }
+
+  &.active {
+    opacity: 1;
+  }
+}
+
+/* ========= Content ==========*/
+.post-title {
+  margin: 0;
+
+  a {
+    text-decoration: none;
+  }
+}
+
+.post-holder {
+  width: 100%;
+  height: 100%;
+  background-color: var(--color-background);
+  color: var(--color-text);
+  position: relative;
+
+  &.dark {
+    // override variables for alternative style
+    --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);
+
+    // Fix <hr> color
+    hr {
+      border-color: var(--section-dark-text-color);
+    }
+
+    // On alt posts move the triangle to the right and match the background the color
+    .post-after {
+      left: unset;
+      right: 6%;
+      border-top-color: var(--section-dark-bg-color);
+    }
+  }
+
+  /* The triangular parts between posts */
+  .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);
+  // to remove the white space after the footer on pages shorter
+  // than actually would fit into the browser window
+  min-height: calc(100vh - 2em);
+
+  // Tweak the .post wrapper style
+  .post {
+    margin-top: 0;
+    border-bottom: none;
+    padding-bottom: 0;
+    // to account for the margin of content elements
+    padding-bottom: 1em;
+  }
+
+  // Kill that stylish little circle that was on the border
+  .post:after {
+    display: none;
+  }
+
+  // Insert some mad padding up in the header for better spacing
+  .post-header {
+    padding: 60px 0;
+  }
+}
+
+// Keep large images within the bounds of the post-width
+.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;
+
+  ol {
+    list-style-type: none;
+    list-style-position: inside;
+    padding-left: 0;
+  }
+
+  li {
+    margin-left: unset;
+  }
+}

assets/css/variables.scss

@@ -0,0 +1,48 @@
+: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;
+}

assets/js/index.js

@@ -7,18 +7,20 @@ var $first = $(".post.first");
 var $last = $(".post.last");
 var $fnav = $(".fixed-nav");
 var $postholder = $(".post-holder");
-var $postafter = $(".post-after");
 var $sitehead = $("#site-head");
 
 /* Globals jQuery, document */
 (function ($) {
   "use strict";
-  function srcTo(el) {
+  function srcTo(el, dur = 1000) {
     $("html, body").animate(
       {
         scrollTop: el.offset().top,
       },
-      1000
+      dur,
+      function() {
+        window.location.hash = el.attr("id");
+      }
     );
   }
   function srcToAnchorWithTitle(str) {
@@ -28,46 +30,23 @@ var $sitehead = $("#site-head");
     }
   }
   $(document).ready(function () {
-    $postholder.each(function (e) {
-      if (e % 2 != 0) $(this).addClass("odd");
-    });
-
-    $postafter.each(function (e) {
-      var bg = $(this).parent().css("background-color");
-      $(this).css("border-top-color", bg);
-
-      if (e % 2 == 0) {
-        $(this).addClass("even");
-      }
-    });
-
-    $("a.btn.site-menu").click(function (e) {
-      srcToAnchorWithTitle($(e.target).data("title-anchor"));
-    });
-    $("#header-arrow").click(function () {
-      srcTo($first);
-    });
-
-    $(".post-title").each(function () {
-      var t = $(this).text();
-      var index = $(this).parents(".post-holder").index();
-      $fnav.append(
-        "<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
-      );
-      $(".fn-item").click(function () {
-        var i = $(this).attr("item_index");
-        var s = $(".post[item_index='" + i + "']");
-
-        $("html, body").animate(
-          {
-            scrollTop: s.offset().top,
-          },
-          400
-        );
+    // fallback to jQuery animate if smooth scrolling is not supported
+    if (!"scrollBehavior" in document.documentElement.style) {
+      // Cover buttons
+      $("a.btn.site-menu").click(function (e) {
+        e.preventDefault();
+        srcToAnchorWithTitle($(e.target).data("title-anchor"));
       });
-    });
+
+      // cover arrow button
+      $("#header-arrow").click(function (e) {
+        e.preventDefault()
+        srcTo($first);
+      });
+    }
 
     $(".post.last").next(".post-after").hide();
+
     if ($sitehead.length) {
       $(window).scroll(function () {
         var w = $(window).scrollTop();
@@ -76,14 +55,14 @@ var $sitehead = $("#site-head");
 
         if (w >= Math.floor(g) && w <= Math.ceil(h)) {
           $(".fixed-nav").fadeOut("fast");
-        } else if ($(window).width() > 500) {
-          $(".fixed-nav").fadeIn("fast");
+        } else {
+          $(".fixed-nav").css("display", "flex").fadeIn("fast");
         }
 
         $post.each(function () {
           if (($(window).height() + w) > ($(document).height() - $(".site-footer").height())) {
             var l = $postholder.length;
-            $(".fn-item[item_index='" + (l - 1) + "']").removeClass("active")
+            $(".fn-item").removeClass("active")
             $(".fn-item[item_index='" + (l) + "']").addClass("active")
           } else {
             var f = $(this).offset().top;
@@ -109,30 +88,12 @@ var $sitehead = $("#site-head");
       });
     }
 
-    $("ul li").before('<span class="bult fa fa-asterisk"></span>');
+    var ulLiIcon = getComputedStyle(document.documentElement).getPropertyValue('--ul-li-icon');
+    if (ulLiIcon.length > 0) {
+      $('ul').addClass("fa-ul");
+      $("ul li").prepend('<span class="fa-li"><i class="fa ' + ulLiIcon + '"></i></span>');
+    }
     $("blockquote p").prepend('<span class="quo fa fa-quote-left"></span>');
     $("blockquote p").append('<span class="quo fa fa-quote-right"></span>');
   });
-
-  $post.each(function () {
-    var postText = $(this).html();
-    var fa = [];
-    for (var i = 0; i < icons.length; i++) {
-      fa[i] = {};
-      fa[i].str = "@" + icons[i] + "@";
-      fa[i].icon = icons[i];
-      fa[i].int = postText.search(fa[i].str);
-
-      if (fa[i].int > -1) {
-        fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
-        for (var j = 0; j < fa[i].count; j++) {
-          $(this).html(
-            $(this)
-              .html()
-              .replace(fa[i].str, "<i class='fa " + fa[i].icon + "'></i>")
-          );
-        }
-      }
-    }
-  });
 })(jQuery);

contributing.md

@@ -0,0 +1,22 @@
+# [Pull Requests](https://github.com/zjedi/hugo-scroll/pulls)
+
+We're open to contributions by opening a pull request.
+
+When adding a new feature, please modify also [exampleSite](./exampleSite/) with an example of how the feature can be activated, configured and used.
+
+Do not forget to mention new feature in a relevant subsection of [README.md](./README.md)
+
+## [GitHub issues](https://github.com/zjedi/hugo-scroll/issues)
+
+Alternatively you may use GitHub issues for more complex topics and features.
+
+## [Changelog](./CHANGELOG.md)
+
+Feel free to add your contributions to our CHANGELOG, which tracks:
+
+* **Added** for new features.
+* **Changed** for changes in existing functionality.
+* **Deprecated** for soon-to-be removed features.
+* **Removed** for now removed features.
+* **Fixed** for any bug fixes.
+* **Security** in case of vulnerabilities.

exampleSite/config.toml

@@ -1,41 +0,0 @@
-baseURL = "https://example.com"
-
-# This is a "one page"-website, so we do not need these kinds of pages...
-disableKinds = ["section", "taxonomy", "term", "RSS", "robotsTXT"]
-
-defaultContentLanguage = "en"
-
-# The name of this wonderful theme ;-).
-theme = "hugo-scroll"
-
-# The "title" of your website
-title = "Jane Doe - Nutrition Coach & Chef Consultant"
-
-[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 = "© Jane Doe"
-
-    # The "description" of your website. This is used in the meta data of your generated html.
-    description = "Nutrition Coach & Chef Consultant"
-
-    # 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.
-    images = ["images/cover-image.jpg"]
-
-    # 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 = "Jane Doe - Nutrition Coach & Chef Consultant"
-
-    # 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 = true
-
-    [params.meta]
-        keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"

exampleSite/content/_index.md

@@ -1,5 +0,0 @@
----
-header_image: "images/cover-image.jpg"
-header_headline: "Jane Doe"
-header_subheadline: "Hi there , I am a Nutrition Coach & Chef Consultant"
----

exampleSite/content/de/_index.md

@@ -0,0 +1,20 @@
+---
+# 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/chef-hat.png"
+#
+# Headers are safeHTML, you can use HTML tags such as b,i,u,br
+header_headline: "Erika Musterfrau"
+header_subheadline: "<b>Ernährungs</b>hilfe & <b>Koch</b>beratung"
+
+# 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
+---

exampleSite/content/de/homepage/about-me-local-img.md

@@ -0,0 +1,21 @@
+---
+title: "Über mich (DE folder)"
+weight: 3
+header_menu: true
+---
+
+This demonstates localized content placed in dedicated language folder, `content/de`. This way you won't have to use localization suffix with the `.md` file. Both localisation approaches (separate folder, suffixes in the same folder) can be used and even mixed.
+
+See i18n configuration in `[languages]` section of `hugo.toml`.
+
+#### Local content
+
+Localised content can be put in dedicated folder `content/de/`. Images should be naturally found from there:
+![Image from content/de ](de-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
+
+#### Assets
+
+Images in assets folder can be localised, conventionally by adding `.de` suffix. However, assets may be tricky, see next section for details
+![Broken DE Image from assets](images/asset-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.de.jpg)
+
+Note the filename of this section is a bit artificial to avoid conflict with other examples in en folder. If named the same, this one wouldn't render. However normally you wouldn't have one page localized two ways.

exampleSite/content/de/homepage/contact.md

@@ -0,0 +1,9 @@
+---
+title: "Contact"
+weight: 4
+header_menu: true
+---
+
+{{<contact_list>}}
+
+Let us get in touch!

exampleSite/content/de/homepage/external.md

@@ -0,0 +1,6 @@
+---
+title: "GitHub"
+weight: 99
+header_menu: true
+external: https://github.com/zjedi/hugo-scroll
+---

exampleSite/content/de/homepage/legal-brief.md

@@ -0,0 +1,16 @@
+---
+title: "Brief Legal Information"
+weight: 98
+header_menu_title: "Legal"
+navigation_menu_title: "Legal stuff"
+header_menu: true
+detailed_page_path: /de/legal/
+detailed_page_homepage_content: true
+---
+The file **legal-brief.md** creates an internal link on the cover page without the leading icon.
+
+If the parameter `detailed_page_homepage_content` is set to false neither this section nor the navigation menu entry will be shown (but the link on the cover page will be).
+
+If `detailed_page_homepage_content` is set to true or is missing at all, the link, navigation menu and the content will be rendered. In that case this section might contain less or just summarized information compared to the single page referenced by the parameter `detailed_page_path`.
+
+Want to see more about the details? See [dedicated page](legal) with more details or hit the button 'Legal' on the cover page.

exampleSite/content/de/homepage/license.md

@@ -0,0 +1,7 @@
+---
+footer_menu_title: License
+footer_menu: true
+detailed_page_path: /license/
+detailed_page_homepage_content: false
+weight: 91
+---

exampleSite/content/de/homepage/opener.md

@@ -0,0 +1,16 @@
+---
+title: "Willkommen"
+weight: 1
+---
+
+Das ist die deutsche Beispielseite.
+
+`Hugo-Scroll` theme alternates colors of sections that are placed on single page.
+The landing screen is meant to be visually striking.
+
+Single-page approach is oriented towards small to medium content length, that won't overwhelm the user.
+You can also delegate lengthier, less important or more sizeable content to [dedicated pages](services).
+
+> The belly rules the mind. --- spanish proverb
+
+By the way this welcome section won't show in the cover menu.

exampleSite/content/de/homepage/services.md

@@ -0,0 +1,30 @@
+---
+title: "Das biete ich an"
+header_menu_title: "Angebot"
+navigation_menu_title: "Mein Angebot"
+weight: 2
+header_menu: true
+---
+
+Feature notice: This section displays options to customize title:
+
+- has a normal section title (`title` = "The Services I Offer"),
+- custom welcome screen title (`header_menu_title` = "Services"),
+- custom navigation menu title (`navigation_menu_title` = "My Services").
+
+That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
+
+---
+
+### Nutrition Coaching
+
+This is not an easy task.
+You will likely have to pay money for this.
+
+### Chef Consulting
+
+I can raise your table culture!
+
+![Let us get started on a clean slate](/images/woman-pouring-juice-on-glass-3184192.jpg)
+
+Want to learn more about my services? See [dedicated page](services) with more details.

exampleSite/content/de/legal.md

@@ -0,0 +1,6 @@
+---
+title: "The single page referenced to by the Legal button on the cover page"
+---
+This file is a single page and is referenced by the button `Legal` on the cover start page.
+
+It can contain more or additional information than the dedicated section on the homepage.

exampleSite/content/de/license.md

@@ -0,0 +1,24 @@
+---
+title: Hugo Scroll License
+---
+
+The MIT License (MIT)
+
+Copyright (c) 2020 Jan Raasch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

exampleSite/content/de/services.md

@@ -0,0 +1,42 @@
+---
+title: "Mein Angebot"
+---
+
+Das ist die deutsche Variante von meinem Angebot.
+
+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.
+
+<!-- Note how static images need to have leading slash from the dedicated pages -->
+
+![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

exampleSite/content/en/_index.md

@@ -0,0 +1,20 @@
+---
+# 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/chef-hat.png"
+#
+# Headers are safeHTML, you can use HTML tags such as b,i,u,br
+header_headline: "Jane Doe"
+header_subheadline: "<b>Nutrition</b> Coach & <b>Chef</b> Consultant"
+
+# 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: "Return To Top"
+nav_to_top_weight: last
+---

exampleSite/content/en/homepage/about-me.de.md

@@ -0,0 +1,32 @@
+---
+title: "Über mich (shared folder)"
+weight: 3
+header_menu: true
+---
+
+This demonstates localized variants `about-me.de.md` placed along the primary language content, such as `content/en`. Both localisation approaches (separate folder, suffixes in the same folder) can be used and mixed.
+
+#### Local content
+
+When localised page variants are placed along, images of other languages can't be used directly. You would need to use `.de`-suffixed copy of the image: `![Jane Doe](en-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.de.jpg)`
+Consider using assets instead.
+
+Images from local content location can't be pipeline-processed.
+
+#### Static
+
+Alternatively, images can be injected from `static/images`:
+![Jane Doe](/images/static-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
+Note the leading `/` is required in this case.
+Images from static location can't be pipeline-processed and are always copied when publishing the site, even if not linked from any page.
+
+#### Assets
+
+Latest Hugo version supports injection from `assets` via natural Markdown notation, which empowers this approach for injecting images since pipeline processing (resizing etc) can be used. However, It only worked for me with the local test deployment, there were issues while deploying previews Netlify. Possible workaround would be to use custom shortcode to "touch" the image via [Resources.GetMatch](https://gohugo.io/functions/resources/getmatch/). I hope this gets fixed someday.
+
+![Broken image from assets](images/asset-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
+Historically, Linking image from `assets` folder worked only via Hugo-specific shortcode, there was [a discussion with suggestions](https://discourse.gohugo.io/t/how-to-show-images-on-post-pages-if-theyre-located-in-the-assets-folder/34276/14).
+
+Note that using images form assets folder is the only way to apply pipeline processing, such as resizing, when building the site. Fore more details, read about [asset vs static difference](https://discourse.gohugo.io/t/difference-between-asset-and-static-folder/41203)
+
+Assets are only published if linked from a content page.

exampleSite/content/en/homepage/about-me.md

@@ -4,10 +4,18 @@ weight: 3
 header_menu: true
 ---
 
-![Jane Doe](images/happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
+<!-- 
+Neither embedded figure shortcode, nor Markdown hook were able to render image from asset. 
+You would have to .Resouces.GetMatch via custom shortcode.
+![Jane Doe](/images/asset-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg) 
+-->
+![Jane Doe](/images/static-happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
+See DE language for more examples of image management. There are multiple approaches.
 
-##### Professionel Experience
+##### Professional Experience
 
 A lot, but let us get into the details with some lorem ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat lectus et magna placerat tincidunt. Nullam sit amet lectus vitae elit mollis rhoncus non eget lorem. Ut tempor sed dui quis volutpat.
 
+----
+
 In ultrices, est at lobortis pretium, magna quam mollis neque, id viverra odio est sit amet lorem. Mauris efficitur nunc vel lectus porttitor, sit amet sodales quam eleifend. Duis et felis ut mauris dignissim efficitur. Aliquam non sem eros. Integer elit ante, bibendum id hendrerit vitae, vestibulum eget risus. Nunc efficitur nisl in iaculis vestibulum.

exampleSite/content/en/homepage/contact.md

@@ -0,0 +1,9 @@
+---
+title: "Contact"
+weight: 4
+header_menu: true
+---
+
+{{<contact_list>}}
+
+Let us get in touch!

exampleSite/content/en/homepage/credits.md

@@ -0,0 +1,11 @@
+---
+title: "Credits"
+weight: 99
+header_menu: true
+---
+In this section we give credit to authors of resources used on this demo page.
+
+- {{<extlink text="Chef-hat icons created by Cuputo - Flaticon" href="https://www.flaticon.com/free-icons/chef-hat" icon="fa fa-external-link">}}
+- {{<extlink text="sprinkle-of-rock-salt-on-sliced-vegetables-3209239 - Pexels" href="https://www.pexels.com/video/sprinkle-of-rock-salt-on-sliced-vegetables-3209239/" icon="fa fa-external-link">}}
+- {{<extlink text="Earth icon - Freepik" href="https://www.freepik.com/icon/earth_2072130" icon="fa fa-external-link">}}
+- {{<extlink text="happy-ethnic-woman - Pexels" href="https://www.pexels.com/photo/happy-ethnic-woman-sitting-at-table-with-laptop-3769021/" icon="fa fa-external-link">}}

exampleSite/content/en/homepage/external.md

@@ -0,0 +1,6 @@
+---
+title: "GitHub"
+weight: 99
+header_menu: true
+external: https://github.com/zjedi/hugo-scroll
+---

exampleSite/content/en/homepage/index.md

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

exampleSite/content/en/homepage/legal-brief.md

@@ -0,0 +1,16 @@
+---
+title: "Brief Legal Information"
+weight: 98
+header_menu_title: "Legal"
+navigation_menu_title: "Legal stuff"
+header_menu: true
+detailed_page_path: /legal/
+detailed_page_homepage_content: true
+---
+The file **legal-brief.md** creates an internal link on the cover page without the leading icon.
+
+If the parameter `detailed_page_homepage_content` is set to false neither this section nor the navigation menu entry will be shown (but the link on the cover page will be).
+
+If `detailed_page_homepage_content` is set to true or is missing at all, the link, navigation menu and the content will be rendered. In that case this section might contain less or just summarized information compared to the single page referenced by the parameter `detailed_page_path`.
+
+Want to see more about the details? See [dedicated page](legal) with more details or hit the button 'Legal' on the cover page.

exampleSite/content/en/homepage/license.md

@@ -0,0 +1,7 @@
+---
+footer_menu_title: License
+footer_menu: true
+detailed_page_path: /license/
+detailed_page_homepage_content: false
+weight: 91
+---

exampleSite/content/en/homepage/opener.md

@@ -0,0 +1,14 @@
+---
+title: "Welcome"
+weight: 1
+---
+
+`Hugo-Scroll` theme alternates colors of sections that are placed on single page.
+The landing screen is meant to be visually striking.
+
+Single-page approach is oriented towards small to medium content length, that won't overwhelm the user.
+You can also delegate lengthier, less important or more sizeable content to [dedicated pages](services).
+
+> The belly rules the mind. --- spanish proverb
+
+By the way this welcome section won't show in the cover menu.

exampleSite/content/en/homepage/services.md

@@ -0,0 +1,55 @@
+---
+title: "The Services I Offer"
+header_menu_title: "Services"
+navigation_menu_title: "My Services"
+weight: 2
+header_menu: true
+---
+
+Feature notice: This section displays options to customize title:
+
+- has a normal section title (`title` = "The Services I Offer"),
+- custom welcome screen title (`header_menu_title` = "Services"),
+- custom navigation menu title (`navigation_menu_title` = "My Services").
+
+That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
+
+---
+
+### Icons
+
+This theme includes the full set of [Font Awesome v6.6.0 icons](https://fontawesome.com/icons). Use the `{{</* icon */>}}` [shortcode](https://gohugo.io/content-management/shortcodes/) with the respective `name` to use an icon directly in your `.md` files. For example "{{< icon name="envelope" >}}":
+
+```html
+{{</* icon name="envelope" */>}}
+```
+
+If you want to use one of Font Awesome's brand icons—the ones that have a trademark warning and the `fa-brands` class—add `brand=true`. For example "{{< icon name="github" brand=true >}}":
+
+```html
+{{</* icon name="github" brand=true */>}}
+```
+If you want to use these branded icons in your contact list, use the full class names in your `hugo.toml`:
+
+```toml
+[[params.contacts]]
+  label = "GitHub"
+  value = "github.com/zjedi/hugo-scroll"
+  url = "https://github.com/zjedi/hugo-scroll"
+  icon = "fa-brands fa-github"
+```
+
+### Nutrition Coaching
+
+This is not an easy task.
+You will likely have to pay money for this.
+
+### Chef Consulting
+
+I can raise your table culture!
+
+![Let us get started on a clean slate](images/woman-pouring-juice-on-glass-3184192.jpg)
+
+Want to learn more about my services? See [dedicated page](services) with more details.
+[font-awesome-icons]: https://fontawesome.com/icons
+[hugo-shortcodes]: https://gohugo.io/content-management/shortcodes/

exampleSite/content/en/legal.md

@@ -0,0 +1,6 @@
+---
+title: "The single page referenced to by the Legal button on the cover page"
+---
+This file is a single page and is referenced by the button `Legal` on the cover start page.
+
+It can contain more or additional information than the dedicated section on the homepage.

exampleSite/content/en/license.md

@@ -0,0 +1,24 @@
+---
+title: Hugo Scroll License
+---
+
+The MIT License (MIT)
+
+Copyright (c) 2020 Jan Raasch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

exampleSite/content/en/services.md

@@ -16,7 +16,9 @@ Well, let me tell ya!
 
 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)
+<!-- Note how static images need to have leading slash from the dedicated pages -->
+
+![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.
 
@@ -26,10 +28,15 @@ Wow. That was nice, right? Well, call me and let us talk.
 
 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)
+![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)
+![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

exampleSite/content/homepage/contact.md

@@ -1,11 +0,0 @@
----
-title: "Contact"
-weight: 4
-header_menu: true
----
-
-{{<icon class="fa fa-envelope">}}&nbsp;[mail@janedoe.com](mailto:your-email@your-domain.com)
-
-{{<icon class="fa fa-phone">}}&nbsp;[+49 1111 555555](tel:+491111555555)
-
-Let us get in touch!

exampleSite/content/homepage/opener.md

@@ -1,10 +0,0 @@
----
-title: "Welcome"
-weight: 1
----
-
-Hi there. This section will not show up in the header menu above. Other than that, there's really not much to see here. I did however append some generated »Lorem ipsum«-paragraphs for you. Enjoy!
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula turpis nec arcu cursus, ac faucibus felis tempor. Donec molestie arcu eu pretium accumsan. Phasellus urna nisi, volutpat pharetra orci vel, feugiat sollicitudin diam. Phasellus dolor tortor, feugiat a ipsum id, gravida volutpat urna. Nam dictum nulla ac nisi aliquam ultricies. Nam tempus eget lorem vitae vulputate.
-
-Nulla aliquet, nisl pulvinar fermentum ultricies, turpis purus ultricies lorem, ut faucibus arcu nisl in tellus. Integer eu augue auctor, fringilla nunc ut, finibus eros. Curabitur est lectus, ultricies id blandit at, malesuada et ipsum. Suspendisse potenti. Quisque euismod sapien arcu, vel sollicitudin ipsum dignissim nec.

exampleSite/content/homepage/services.md

@@ -1,37 +0,0 @@
----
-title: "Services"
-weight: 2
-header_menu: true
----
-
-That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
-
----
-
-## 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.
-
----
-
-Want to learn more about my services?
-
-Check out [this page](services) I created. It carries a lot more details...

exampleSite/hugo.toml

@@ -0,0 +1,117 @@
+baseURL = "https://example.com"
+
+# This is a "one page"-website, so we do not need these kinds of pages...
+disableKinds = ["section", "taxonomy", "term", "RSS", "robotsTXT"]
+
+defaultContentLanguage = "en"
+
+# The name of this wonderful theme ;-).
+theme = "hugo-scroll"
+
+# The browser tab name
+title = "Jane Doe - Nutrition Coach & Chef Consultant"
+
+# In order to add version information in the page's footer set to true.
+# enableGitInfo = true
+
+# enable emoji processing in Markdown (valid only for pure markdown content)
+enableEmoji = true
+
+# 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 = "Jane Doe - Nutrition Coach & Chef Consultant"
+
+    # The "description" of your website. This is used in the meta data of your generated html.
+    description = "Nutrition Coach & Chef Consultant"
+
+    # Show a menu of languages available
+    language_menu = true
+
+    # Show also a language menu item for the current language, if false only
+    # show the remaining languages
+    show_current_lang = true
+
+    # 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 = "© Jane Doe"
+
+    # 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
+
+    # Options used for automatic image generation. see: https://gohugo.io/content-management/image-processing/
+    image_options = "webp q90 lanczos photo"
+
+    # Use "page_title | site_title" for <title> tags
+    # e.g. <title>Legal | Jane Doe - Nutrition Coach & Chef Consultant</title>
+    combine_page_and_site_title = false
+
+    [params.footer]
+    # Show contact icons for email/phone (if specified) in the footer of the page
+    showContactIcons = false
+
+    # Show links indicated with footer_menu and footer_menu_title in the footer of the page
+    showFooterLinks = false
+
+    [params.meta]
+        keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"
+
+    [[params.contacts]]
+        label = "phone"
+        value = "+49 1111 555555"
+        url = "tel:+49 1111 555555"
+        icon = "fa fa-phone"
+
+    [[params.contacts]]
+        label = "email"
+        value = "mail@janedoe.com"
+        url = "mailto:mail@janedoe.com"
+        icon = "fa fa-envelope"
+
+    [[params.contacts]]
+        label = "GitHub"
+        value = "github.com/zjedi/hugo-scroll"
+        url = "https://github.com/zjedi/hugo-scroll"
+        icon = "fa-brands fa-github"
+
+    # Add additional contacts here!
+    # [[params.contacts]]
+    #     label = ""
+    #     value = ""
+    #     url = ""
+    #     icon = ""
+
+# Define additional languages
+[languages]
+  [languages.en]
+    weight = 10
+    languageName = "English"
+    contentDir = "content/en"
+
+  [languages.de]
+    title = "Erika Musterfrau - Ernährungshilfe & Kochberatung"
+    weight = 20
+    contentDir = "content/de"
+    languageName = "Deutsch"

exampleSite/layouts/partials/custom_head.html

@@ -1,50 +1,27 @@
 <!-- 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*/
 
-<!-- <style>
-     /* Links */
-     a:hover {
-         color: #b6b84c;
-     }
+    /*
+    --section-light-text-color: #3a4145!important;
+    --section-light-bg-color: #ffdb8c!important;
+    --section-dark-bg-color: #035e00!important;
+    */
 
-     /* Header Buttons on Startpage */
-     a.btn {
-         color: white;
-          background-color: #ced067;
-     }
-     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> -->
+     /* define list element for unnumbered lists, leave empty for default list element */
+     /* fa-asterisk is the default icon if this variable definition is missing completely */
+     --ul-li-icon: fa-dashcube;     /* this sets fa-dashcube as list icon */
+     --ul-li-icon: ;                /* this sets the default html list icon */
+}
+</style>
+-->
 
 <!-- Custom CSS via "custom.css"-file
      If you would rather place your custom CSS into
@@ -61,20 +38,8 @@
 <!-- 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 }}"
-/>
+{{ with resources.Get "images/apple-touch-icon.png" }}<link rel="apple-touch-icon" sizes="180x180" href="{{ .RelPermalink }}" />{{ end }}
+{{ with resources.Get "images/favicon.svg" }}<link rel="icon" type="image/svg+xml" href="{{ .RelPermalink }}" />{{ end }}
+{{ range seq 9 4 }}{{ $size := pow 2 . }}{{ $file := replace "images/favicon-##x##.png" "##" $size }}{{ with resources.Get $file }}
+<link rel="icon" type="{{ .MediaType.Type }}" sizes="{{- $size -}}x{{- $size -}}" href="{{ .RelPermalink }}" />{{ end }}{{ end }}
+

exampleSite/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.RelPermalink }}" type="video/mp4">
+</video>

i18n/de.toml

@@ -0,0 +1,5 @@
+[email]
+other = "Email"
+
+[phone]
+other = "Telefon"

i18n/en.toml

@@ -0,0 +1,5 @@
+[email]
+other = "Email"
+
+[phone]
+other = "Phone"

layouts/_default/baseof.html

@@ -1,17 +1,27 @@
 <!DOCTYPE html>
-<html>
-  {{- partial "head.html" . -}}
+<html lang="{{ .Site.Language.Lang }}">
+  <head>
+    {{- partial "head.html" . -}}
+  </head>
   <body>
     {{- partial "header.html" . -}}
     {{- block "main" . }}{{- end }}
     {{- partial "footer.html" . -}}
 
     <!-- We do need jQuery to be loaded before HugoScroll script -->
-    <script type="text/javascript" src='{{ "js/jquery-1.11.3.min.js" | absURL }}'></script>
+
+    {{ $scriptJquery := resources.Get "js/jquery-3.6.3.min.js" }}
 
     <!-- The main JavaScript files for HugoScroll -->
-    <script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
-    <script type="text/javascript" src='{{ "js/index.js" |absURL }}'></script>
+    {{ $scriptIndex := resources.Get "js/index.js" }}
+    {{ $scriptPolyfill := resources.Get "js/css-vars-ponyfill.min.js" }}
+    {{ $js := slice $scriptJquery $scriptIndex $scriptPolyfill | resources.Concat "js/script.js" | resources.Minify | resources.Fingerprint }}
+
+    <script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}" ></script>
+
+    <!-- activate css-vars-ponyfill.min.js -->
+    <script>cssVars();</script>
+
     <!-- A partial to be overwritten by the user.
              Simply place a custom_body.html into
              your local /layouts/partials-directory -->

layouts/_default/index.html

@@ -0,0 +1,161 @@
+{{ define "main" }}
+{{ $headless := .GetPage "./homepage" }}
+{{ if hugo.IsMultihost }}
+  {{ $headless := .Site.GetPage "/homepage" }}
+{{ end }}
+{{ $sections := $headless.Resources.ByType "page" }}
+{{ $sections := cond .Site.BuildDrafts $sections (where $sections "Draft" "==" false) }}
+{{ $content := where (where $sections "Params.external" "==" nil) "Params.detailed_page_homepage_content" "ne" false }}
+{{ $langs := .Page.AllTranslations }}
+{{ if hugo.IsMultihost }}
+  {{ $langs = .Site.Languages }}
+{{ end }}
+
+<!-- Welcome screen that scrolls out of view -->
+{{ if not .Params.header_use_video }}
+  {{ with $img := resources.Get .Params.header_image }}
+  {{ $image_options := $.Site.Params.image_options | default "webp q90 lanczos photo" -}}
+  <style>
+  /* Default cover for larger screens, converted to webp */
+  {{- with $img.Resize ( printf "%dx%d %s" $img.Width $img.Height $image_options ) -}}
+  #site-head.withCenteredImage {
+    background-image: url('{{- .RelPermalink -}}');
+  }
+  {{- end -}}
+
+  /*
+  Lower resolutions, uncropped. Aimed at desktop users.
+  We set __both__ max-width and max-height to make sure the image is never upscaled.
+  */
+  {{ range $width := slice 1920 1600 1366 }}
+    {{- with $img.Resize ( printf "%dx %s" $width $image_options ) }}
+    @media (max-width: {{- .Width -}}px) and (max-height: {{- .Height -}}px) {
+      #site-head.withCenteredImage { background-image: url('{{- .RelPermalink -}}'); }
+    }
+    {{- end }}
+  {{- end }}
+
+  /*
+  Lower resolutions, cropped to portrait. Useful for mobile. For "tall" displays (screen ratio < image ratio)
+  the "cover" algorithm first resizes the image to match the screen height, then __crops__ it to match the width.
+  We mimic this by resizing to height=1024, and then cropping to various widths. We set "max-height" to
+  ensure the height is never upscaled, but also max-aspect-ratio to ensure that each image is used in "tall-enough"
+  displays, in which our cropping would happen anyways!
+  */
+  {{- $img_temp := $img.Resize "x1024 q100" -}}/* high quality temporary image, to be cropped later */
+  {{ range $width := slice 900 600 360 }}
+    {{- with $img_temp.Crop ( printf "%dx1024 center %s" $width $image_options ) }}
+    @media (max-height: {{- .Height -}}px) and (max-aspect-ratio: {{ .Width }} / {{ .Height }}) {
+      #site-head.withCenteredImage { background-image: url('{{- .RelPermalink -}}'); }
+    }
+    {{- end }}
+  {{- end }}
+  </style>
+  {{ end }}
+<header id="site-head" class="withCenteredImage">
+{{ else }}
+<header id="site-head">
+{{ end }}
+
+    <div class="vertical">
+
+        {{ if .Params.header_use_video }}
+            <!-- A partial to be overwritten by the user.
+            Simply place a custom_header_video.html into
+            your local /layouts/partials-directory -->
+            {{- partial "custom_header_video.html" . -}}
+        {{ end }}
+
+  {{ $num_lang := len $langs }}
+  {{ if and (gt $num_lang 1) $.Site.Params.language_menu }}
+	<div id="site-languages" class="inner">
+    {{ range $langs }}
+      {{ $condition := eq .Lang $.Lang }}
+      {{ $lang_func := .Language.LanguageName }}
+      {{ $href := .RelPermalink }}
+      {{ if hugo.IsMultihost }}
+        {{ $langs = site.Sites }}
+        {{ $condition = eq . $.Site }}
+        {{ $lang_func = .LanguageName }}
+        {{ $href = .Home.Permalink }}
+      {{ end }}
+      {{ $lang_title := or $lang_func (.Lang | strings.ToUpper) }}
+      {{ if $condition }}
+        {{ if $.Site.Params.show_current_lang }}
+          <span class='btn-lang active'>{{ $lang_title }}</span>
+        {{ end }}
+      {{ else }}
+        <a class='btn-lang' href='{{ $href }}'>{{ $lang_title }}</a>
+      {{ end }}
+    {{ end }}
+	</div>
+	{{ end }}
+
+        <div id="site-head-content" class="inner">
+	    {{ with resources.Get .Params.header_logo }}<img id="blog-logo" alt="" src="{{ .RelPermalink }}" />{{ end }}
+
+            {{ if .Site.Params.title_guard }}<div class="title-and-description-guard">{{ end }}
+              {{ with .Params.header_headline }}<h1 class="blog-title">{{ . | safeHTML }}</h1>{{ end }}
+              {{ with .Params.header_subheadline }}<h2 class="blog-description">{{ . | safeHTML }}</h2>{{ end }}
+            {{ if .Site.Params.title_guard }}</div>{{ end }}
+
+            {{ range where $sections ".Params.header_menu" "eq" true }}
+              {{ $button_title := .Title }}
+              {{ with .Params.header_menu_title }}{{ $button_title = . }}{{ end }}
+
+              {{ if isset .Params "external" }}
+                 <a class='btn site-menu' href='{{ .Params.external | absURL }}'>{{ $button_title }}&nbsp;<i class="fa fa-external-link"></i></a>
+              {{ else if isset .Params "detailed_page_path" }}
+                 <a class='btn site-menu' href='{{ .Params.detailed_page_path | relLangURL }}'>{{ $button_title }}</a>
+              {{ else }}
+                {{ $fnav_title := .Title }}{{ with .Params.navigation_menu_title }}{{ $fnav_title = . }}{{ end }}
+                 <a class='btn site-menu' data-title-anchor='{{ anchorize $fnav_title }}' href='#{{ anchorize $fnav_title }}'>{{ $button_title }}</a>
+              {{ end }}
+            {{ end }}
+
+            {{ with (index $content 0) }}
+                {{ $first_title := .Title }}{{ with .Params.navigation_menu_title }}{{ $first_title = . }}{{ end }}
+                <a id='header-arrow' href="#{{- anchorize $first_title -}}" aria-label="Go to first section"><i class="fa fa-angle-down"></i></a>
+            {{ end }}
+        </div>
+    </div>
+</header>
+
+<main class="content" role="main">
+    <!-- Render sticky left navigation menu -->
+    <div class='fixed-nav'>
+        {{ if eq .Params.nav_to_top_weight "first" }}
+            {{ $fnav_title := "Start" }}{{ with .Params.nav_to_top_title }}{{ $fnav_title = . }}{{ end }}
+            <a class='fn-item' item_index='{{ 0 }}' href='./#site-head'>{{ $fnav_title | safeHTML }}</a>
+        {{ end }}
+        {{ $last_index_val := 0 }}
+        {{ range $index_val, $elem_val := $content }}
+            {{ $fnav_title := .Title }}{{ with .Params.navigation_menu_title }}{{ $fnav_title = . }}{{ end }}
+            <a class='fn-item' item_index='{{ (add $index_val 1) }}' href='#{{ anchorize $fnav_title }}'>{{ $fnav_title | safeHTML }}</a>
+            {{ $last_index_val = $index_val }}
+        {{ end }}
+        {{ if eq .Params.nav_to_top_weight "last" }}
+            {{ $fnav_title := "Start" }}{{ with .Params.nav_to_top_title }}{{ $fnav_title = . }}{{ end }}
+            <a class='fn-item' item_index='{{ (add $last_index_val 2) }}' href='./#site-head'>{{ $fnav_title | safeHTML }}</a>
+        {{ end }}
+    </div>
+
+    <!-- Render single-page content -->
+    {{ range $index_val, $elem_val := $content }}
+        {{ if .Title }}
+        {{ $fnav_title := .Title }}{{ with .Params.navigation_menu_title }}{{ $fnav_title = . }}{{ end }}
+        <div class='post-holder{{ if and (ne .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} dark{{ else if and (eq .Site.Params.invertSectionColors true) (modBool $index_val 2) }} dark{{ end }}'>
+            <article id='{{ anchorize $fnav_title }}' class='post {{ if eq $index_val 0 }}first{{ end }} {{ if eq (add $index_val 1) (len $content) }}last{{ end }}'>
+                <header class="post-header">
+                    <h2 class="post-title">{{ .Title | emojify | safeHTML }}</h2>
+                </header>
+                <section class="post-content">
+                    {{ .Content }}
+                </section>
+            </article>
+            <div class='post-after{{ if and (ne .Site.Params.invertSectionColors true) (modBool $index_val 2) }} light{{ else if and (eq .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} light{{ end }}'></div>
+        </div>
+        {{ end }}
+    {{ end }}
+</main>
+{{ end }}

layouts/_default/single.html

@@ -1,10 +1,14 @@
 {{ define "main" }}
-  <main class="content page-template page-{{ .Slug }}" role="main">
+  <main class="content page-template page-{{ .Slug }}">
     <article class="post page">
       <header class="post-header">
-        <a id="blog-logo" href="{{ "/" | relURL }}">
-          {{ .Site.Title }}
-        </a>
+        {{ with .Parent }}
+          {{ if hugo.IsMultihost }}
+          <a id="back-to-main-page" href="{{ .RelPermalink | relLangURL }}"><i class="fa fa-chevron-left" aria-hidden="true"></i> {{ or .Title .Site.Title }}</a>
+          {{ else }}
+        <a id="back-to-main-page" href="{{ .RelPermalink | relLangURL }}"><i class="fa fa-chevron-left" aria-hidden="true"></i> {{ or .Title .Site.Title }}</a>
+          {{ end }}
+        {{ end }}
       </header>
       <h1 class="post-title">{{ .Title }}</h1>
       <section class="post-content">

layouts/index.html

@@ -1,37 +0,0 @@
-{{ define "main" }}
-{{ $headless := .Site.GetPage "/homepage" }}
-{{ $sections := $headless.Resources.ByType "page" }}
-{{ $sections := cond .Site.BuildDrafts $sections (where $sections "Draft" "==" false) }}
-<header id="site-head" {{ with .Params.header_image }}style="background-image: url({{ . }})"{{ end }}>
-    <div class="vertical">
-        <div id="site-head-content" class="inner">
-
-            {{ with .Params.header_headline }}<h1 class="blog-title">{{ . }}</h1>{{ end }}
-            {{ with .Params.header_subheadline }}<h2 class="blog-description">{{ . }}</h2>{{ end }}
-
-            {{ range where $sections ".Params.header_menu" "eq" true }}
-                 <a class='btn site-menu' data-title-anchor='{{ anchorize .Title }}'>{{ .Title }}</a>
-            {{ end }}
-            <i id='header-arrow' class="fa fa-angle-down"></i>
-        </div>
-    </div>
-</header>
-<main class="content" role="main">
-
-    <div class='fixed-nav'>
-    </div>
-    {{ range $index_val, $elem_val := $sections }}
-        <div class='post-holder'>
-            <article id='{{ anchorize .Title }}' class='post {{ if eq $index_val 0 }}first{{ end }} {{ if eq (add $index_val 1) (len $sections) }}last{{ end }}'>
-                <header class="post-header">
-                    <h2 class="post-title">{{ .Title }}</h2>
-                </header>
-                <section class="post-content">
-                    {{ .Content }}
-                </section>
-            </article>
-            <div class='post-after'></div>
-        </div>
-    {{ end }}
-</main>
-{{ end }}

layouts/partials/custom_header_video.html

@@ -0,0 +1,14 @@
+<!-- A partial to be overwritten by the user.
+     Simply place a custom_head_video.html into
+     your local /layouts/partials-directory.
+     Its content will appear after the site-head/vertical section. 
+     This can be used to inject a video as an alternative background.
+     Full example below: -->
+
+<!--
+<video class="background-video" id="background-video" playsinline="" autoplay="true" muted="" loop="" poster="some_poster_jpg">
+     <source src="some_webm_video" type="video/webm">
+     <source src="some_mp4_video" type="video/mp4">
+     <source src="some_mov_video" type="video/mov">
+</video>
+-->

layouts/partials/footer.html

@@ -1,16 +1,46 @@
+{{ $headless := .Site.GetPage "/homepage" }}
+{{ $sections := $headless.Resources.ByType "page" }}
+{{ $sections := cond .Site.BuildDrafts $sections (where $sections "Draft" "==" false) }}
+
 <footer class="site-footer">
   <div class="inner">
+    {{ if ne .Site.Params.footer.showFooterLinks false }}
+    <section class="links">
+      <ol>
+      {{ range where $sections ".Params.footer_menu" "eq" true }}
+        <li>
+          <a href="{{ relLangURL .Params.detailed_page_path }}">{{ .Params.footer_menu_title }}</a>
+        </li>
+      {{ end }}
+      </ol>
+    </section>
+    <hr />
+    {{ end }}
+
+    {{ if ne .Site.Params.footer.showContactIcons false }}
+      <section class="icons">
+        {{ range .Site.Params.contacts }}
+          <a href="{{ .url | safeURL }}" aria-label='{{ i18n "{{ .label }}" }}'><i class="{{ .icon }}"></i></a>
+        {{ end }}
+      </section>
+    {{ end }}
+
     {{ with .Site.Params.copyright }}
-      <section class="copyright">{{ . | markdownify }}</section>{{ end }}
+      <section class="copyright">{{ . | safeHTML }}</section>
+    {{ end }}
 
-
-    <section>{{ echoParam .Site.Params "hidebyline" }}</section>
     {{ if ne .Site.Params.hidedesignbyline true }}
       <section>
-        <a href="https://themes.gohugo.io/hugo-scroll/">Design</a> template
-        built with ♥️ by
-        <a href="https://www.janraasch.com" title="Jan Raasch">Jan Raasch</a>
-      </section>{{ end }}
+        <a href="https://themes.gohugo.io/hugo-scroll/" target="_blank" rel="noopener">Hugo Scroll</a> template
+      </section>
+    {{ end }}
 
+    {{ if ne .Params.enableGitInfo false }}
+      {{- if $.GitInfo -}}
+      <section>
+       version: {{ .Lastmod.Format "2006-01-02" }} | #{{ .GitInfo.AbbreviatedHash }}
+      </section>
+      {{- end -}}
+    {{ end }}
   </div>
 </footer>

layouts/partials/head.html

@@ -1,16 +1,21 @@
-<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
-<title>{{ with .Title }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }}</title>
+{{ if and site.Params.combine_page_and_site_title .Title .Site.Title }}
+<title>{{ .Title | plainify }} | {{ .Site.Title | plainify }}</title>
+{{ else }}
+{{ with or .Title .Site.Title | plainify }}
+<title>{{ . }}</title>
+{{ end }}
+{{ end }}
 
-{{ with .Site.Params.favicon }}
-  <link rel="shortcut icon" href="{{ . | absURL }}" type="image/png"
-/>{{ end }}
+{{ with resources.Get .Site.Params.favicon }}
+  <link rel="shortcut icon" href="{{ .RelPermalink }}" type="{{ .MediaType.Type }}" />{{ end }}
 
-{{ with .Site.Params.description }}
+{{ with or .Description .Site.Params.description | plainify }}
   <meta name="description" content="{{ . }}"
 />{{ end }}
-{{ with .Site.Params.meta.keywords }}
+{{ with or (delimit .Keywords ", ") .Site.Params.meta.keywords }}
   <meta name="keywords" content="{{ . }}"
 />{{ end }}
 <meta name="referrer" content="no-referrer-when-downgrade" />
@@ -19,13 +24,17 @@
 <meta name="MobileOptimized" content="320" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<link rel="stylesheet" href="{{ "css/screen.css" | absURL }}" />
-<link rel="stylesheet" href="{{ "css/fonts.css" | absURL }}" type="text/css" />
-<link
-  rel="stylesheet"
-  href="{{ "fork-awesome/css/fork-awesome.min.css" | absURL }}"
-  type="text/css"
-/>
+{{ $stylesheetNormalize := resources.Get "css/normalize.css" }}
+{{ $stylesheetFA := resources.Get "css/fontawesome/fontawesome.min.css" }}
+{{ $stylesheetFABrands := resources.Get "css/fontawesome/brands.min.css" }}
+{{ $stylesheetFASolid := resources.Get "css/fontawesome/solid.min.css" }}
+{{ $stylesheetFonts := resources.Get "css/fonts.css" }}
+{{ $stylesheetGeneric := resources.Get "css/generic.css" }}
+
+{{ $stylesheetScreen := ( resources.Get "css/_index.scss" | css.Sass ) }}
+
+{{ $stylesheet := slice $stylesheetNormalize $stylesheetFA $stylesheetFABrands $stylesheetFASolid $stylesheetFonts $stylesheetGeneric $stylesheetScreen | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
+<link rel="stylesheet" href="{{ $stylesheet.RelPermalink }}" type="text/css" integrity="{{ $stylesheet.Data.Integrity }}" />
 
 {{ template "_internal/opengraph.html" . }}
 {{ template "_internal/twitter_cards.html" . }}

layouts/shortcodes/contact_list.html

@@ -0,0 +1,3 @@
+{{ range .Site.Params.contacts }}
+    <p><i class="{{ .icon }}"></i>&nbsp;<a href="{{ .url | safeURL }}">{{ .value }}</a></p>
+{{ end }}

layouts/shortcodes/email.html

@@ -0,0 +1 @@
+{{ .Site.Params.contact.email }}

layouts/shortcodes/extlink.html

@@ -0,0 +1 @@
+{{ with .Get "href" }}<a href="{{ . }}" target="_blank">{{ end }}{{ with .Get "icon" }}<i class="{{ . }}"></i> {{ end }}{{ with .Get "text" }}{{ . }}</a>{{ end }}

layouts/shortcodes/icon.html

@@ -1 +1,5 @@
-{{ with .Get "class" }}<i class="{{ . }}"></i>{{ end }}
+{{ if .Get "brand" }}
+  {{ with .Get "name" }}<i class="fa-brands fa-{{ . }}"></i>{{ end }}
+{{ else }}
+  {{ with .Get "name" }}<i class="fa fa-{{ . }}"></i>{{ end }}
+{{ end }}

layouts/shortcodes/phone.html

@@ -0,0 +1 @@
+{{ .Site.Params.contact.phone }}

layouts/shortcodes/rawhtml.html

@@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}

netlify.toml

@@ -0,0 +1,26 @@
+[build]
+    publish = "exampleSite/public"
+
+[build.environment]
+    HUGO_VERSION = "0.134.2"
+    HUGO_THEME = "repo"
+
+[context.production]
+    command = "cd exampleSite && hugo --minify --gc --themesDir ../.. -b ${URL}"
+    [context.production.environment]
+        HUGO_ENV = "production"
+
+[context.branch-deploy]
+    command = "cd exampleSite && hugo --minify --gc --themesDir ../.. -b ${DEPLOY_PRIME_URL}"
+
+[context.deploy-preview]
+    command = "cd exampleSite && hugo --minify --gc --themesDir ../.. -b ${DEPLOY_PRIME_URL}"
+
+[[plugins]]
+    package = "netlify-plugin-hugo-cache-resources"
+
+        [plugins.inputs]
+            # If it should show more verbose logs (optional, default = true)
+            debug = true
+            # Relative path to source directory in case you use Hugo's "--s" option
+            srcdir = "exampleSite"

package-lock.json

@@ -1,29 +1,56 @@
 {
   "name": "hugo-scroll",
   "version": "1.0.0",
-  "lockfileVersion": 1,
+  "lockfileVersion": 3,
   "requires": true,
-  "dependencies": {
-    "prettier": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.1.tgz",
-      "integrity": "sha512-8UVbTBYGwN37Bs9LERmxCPjdvPxlEowx2urIL6urHzdb3SDq4B/Z6xLFCblrSnE4iKWcS6ziJ3aOYrc1kz/E2A==",
-      "dev": true
-    },
-    "prettier-plugin-go-template": {
-      "version": "0.0.11",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-go-template/-/prettier-plugin-go-template-0.0.11.tgz",
-      "integrity": "sha512-qtgoEjvbgmcDp9TOqYNgrPrA41s6S1UMyzMqjcxdxQahTX0webWfbamyA/x3XeBFEEJmgXrRAirzJrIVzImsMg==",
-      "dev": true,
-      "requires": {
-        "ulid": "^2.3.0"
+  "packages": {
+    "": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "devDependencies": {
+        "prettier": "^2.8.8",
+        "prettier-plugin-go-template": "0.0.13"
       }
     },
-    "ulid": {
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-go-template": {
+      "version": "0.0.13",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-go-template/-/prettier-plugin-go-template-0.0.13.tgz",
+      "integrity": "sha512-gG/xT5kd+kCzoMaTchXvdfBdsunyRCV6G8cgdPGPd2V5JGGKXUG7SjzBKU7jaGh2RTeblcAdBb/E+S/duOAMsA==",
+      "dev": true,
+      "dependencies": {
+        "ulid": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "prettier": "^2.0.0"
+      }
+    },
+    "node_modules/ulid": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/ulid/-/ulid-2.3.0.tgz",
       "integrity": "sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw==",
-      "dev": true
+      "dev": true,
+      "bin": {
+        "ulid": "bin/cli.js"
+      }
     }
   }
 }

package.json

@@ -10,7 +10,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/janraasch/hugo-scroll.git"
+    "url": "git+https://github.com/zjedi/hugo-scroll.git"
   },
   "author": {
     "name": "Jan Raasch",
@@ -19,11 +19,11 @@
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/janraasch/hugo-scroll/issues"
+    "url": "https://github.com/zjedi/hugo-scroll/issues"
   },
-  "homepage": "https://github.com/janraasch/hugo-scroll#readme",
+  "homepage": "https://github.com/zjedi/hugo-scroll#readme",
   "devDependencies": {
-    "prettier": "^2.6.1",
-    "prettier-plugin-go-template": "0.0.11"
+    "prettier": "^2.8.8",
+    "prettier-plugin-go-template": "0.0.13"
   }
 }

static/css/fonts.css

@@ -1,308 +0,0 @@
-/* ==========================================================================
-   Table of Contents
-   ========================================================================== */
-
-/*
-
-    1. Open Sans            300italic,400italic,600italic,700italic,800italic,300,400,600,700,800
-    2. Open Sans Condensed  300,300italic,700
-    3. Oswald               300,400,700
-    4. Roboto Slab          100,300,400,700
-
- */
-
-/* ==========================================================================
-   1. Open Sans
-   ========================================================================== */
-
-/* open-sans-300 - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-regular - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-600 - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 600;
-  src: url('../fonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-700 - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-800 - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 800;
-  src: url('../fonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-300italic - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 300;
-  src: url('../fonts/open-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-italic - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 400;
-  src: url('../fonts/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-600italic - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 600;
-  src: url('../fonts/open-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-700italic - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 700;
-  src: url('../fonts/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-800italic - latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 800;
-  src: url('../fonts/open-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-v27-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
-}
-
-/* ==========================================================================
-   2. Open Sans Condensed
-   ========================================================================== */
-
-/* open-sans-condensed-300 - latin */
-@font-face {
-  font-family: 'Open Sans Condensed';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/open-sans-condensed-v21-latin-300.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-condensed-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-condensed-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-300.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-condensed-v21-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-condensed-300italic - latin */
-@font-face {
-  font-family: 'Open Sans Condensed';
-  font-style: italic;
-  font-weight: 300;
-  src: url('../fonts/open-sans-condensed-v21-latin-300italic.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-condensed-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-condensed-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-condensed-v21-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
-}
-
-/* open-sans-condensed-700 - latin */
-@font-face {
-  font-family: 'Open Sans Condensed';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/open-sans-condensed-v21-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/open-sans-condensed-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/open-sans-condensed-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/open-sans-condensed-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/open-sans-condensed-v21-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
-}
-
-/* ==========================================================================
-   3. Oswald
-   ========================================================================== */
-
-/* oswald-300 - latin */
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/oswald-v40-latin-300.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/oswald-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/oswald-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/oswald-v40-latin-300.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/oswald-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/oswald-v40-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
-}
-
-/* oswald-regular - latin */
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/oswald-v40-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/oswald-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/oswald-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/oswald-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/oswald-v40-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
-}
-
-/* oswald-700 - latin */
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/oswald-v40-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/oswald-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/oswald-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/oswald-v40-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/oswald-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/oswald-v40-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
-}
-
-/* ==========================================================================
-   4. Roboto Slab
-   ========================================================================== */
-
-/* roboto-slab-100 - latin */
-@font-face {
-  font-family: 'Roboto Slab';
-  font-style: normal;
-  font-weight: 100;
-  src: url('../fonts/roboto-slab-v16-latin-100.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/roboto-slab-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/roboto-slab-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-100.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/roboto-slab-v16-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-slab-300 - latin */
-@font-face {
-  font-family: 'Roboto Slab';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/roboto-slab-v16-latin-300.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/roboto-slab-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/roboto-slab-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-300.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/roboto-slab-v16-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-slab-regular - latin */
-@font-face {
-  font-family: 'Roboto Slab';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-slab-700 - latin */
-@font-face {
-  font-family: 'Roboto Slab';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/roboto-slab-v16-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('../fonts/roboto-slab-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('../fonts/roboto-slab-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('../fonts/roboto-slab-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('../fonts/roboto-slab-v16-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
-}

static/css/normalize.css

@@ -1,407 +0,0 @@
-/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
-     display: block;
- }
- 
- /**
-  * Correct `inline-block` display not defined in IE 8/9.
-  */
- 
- audio,
- canvas,
- video {
-     display: inline-block;
- }
- 
- /**
-  * Prevent modern browsers from displaying `audio` without controls.
-  * Remove excess height in iOS 5 devices.
-  */
- 
- audio:not([controls]) {
-     display: none;
-     height: 0;
- }
- 
- /**
-  * Address `[hidden]` styling not present in IE 8/9.
-  * Hide the `template` element in IE, Safari, and Firefox < 22.
-  */
- 
- [hidden],
- template {
-     display: none;
- }
- 
- /* ==========================================================================
-    Base
-    ========================================================================== */
- 
- /**
-  * 1. Set default font family to sans-serif.
-  * 2. Prevent iOS text size adjust after orientation change, without disabling
-  *    user zoom.
-  */
- 
- html {
-     font-family: sans-serif; /* 1 */
-     -ms-text-size-adjust: 100%; /* 2 */
-     -webkit-text-size-adjust: 100%; /* 2 */
- }
- 
- /**
-  * Remove default margin.
-  */
- 
- body {
-     margin: 0;
- }
- 
- /* ==========================================================================
-    Links
-    ========================================================================== */
- 
- /**
-  * Remove the gray background color from active links in IE 10.
-  */
- 
- a {
-     background: transparent;
- }
- 
- /**
-  * Address `outline` inconsistency between Chrome and other browsers.
-  */
- 
- a:focus {
-     outline: thin dotted;
- }
- 
- /**
-  * Improve readability when focused and also mouse hovered in all browsers.
-  */
- 
- a:active,
- a:hover {
-     outline: 0;
- }
- 
- /* ==========================================================================
-    Typography
-    ========================================================================== */
- 
- /**
-  * Address variable `h1` font-size and margin within `section` and `article`
-  * contexts in Firefox 4+, Safari 5, and Chrome.
-  */
- 
- h1 {
-     font-size: 2em;
-     margin: 0.67em 0;
- }
- 
- /**
-  * Address styling not present in IE 8/9, Safari 5, and Chrome.
-  */
- 
- abbr[title] {
-     border-bottom: 1px dotted;
- }
- 
- /**
-  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
-  */
- 
- b,
- strong {
-     font-weight: bold;
- }
- 
- /**
-  * Address styling not present in Safari 5 and Chrome.
-  */
- 
- dfn {
-     font-style: italic;
- }
- 
- /**
-  * Address differences between Firefox and other browsers.
-  */
- 
- hr {
-     -moz-box-sizing: content-box;
-     box-sizing: content-box;
-     height: 0;
- }
- 
- /**
-  * Address styling not present in IE 8/9.
-  */
- 
- mark {
-     background: #ff0;
-     color: #000;
- }
- 
- /**
-  * Correct font family set oddly in Safari 5 and Chrome.
-  */
- 
- code,
- kbd,
- pre,
- samp {
-     font-family: monospace, serif;
-     font-size: 1em;
- }
- 
- /**
-  * Improve readability of pre-formatted text in all browsers.
-  */
- 
- pre {
-     white-space: pre-wrap;
- }
- 
- /**
-  * Set consistent quote types.
-  */
- 
- q {
-     quotes: "\201C" "\201D" "\2018" "\2019";
- }
- 
- /**
-  * Address inconsistent and variable font size in all browsers.
-  */
- 
- small {
-     font-size: 80%;
- }
- 
- /**
-  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
-  */
- 
- sub,
- sup {
-     font-size: 75%;
-     line-height: 0;
-     position: relative;
-     vertical-align: baseline;
- }
- 
- sup {
-     top: -0.5em;
- }
- 
- sub {
-     bottom: -0.25em;
- }
- 
- /* ==========================================================================
-    Embedded content
-    ========================================================================== */
- 
- /**
-  * Remove border when inside `a` element in IE 8/9.
-  */
- 
- img {
-     border: 0;
- }
- 
- /**
-  * Correct overflow displayed oddly in IE 9.
-  */
- 
- svg:not(:root) {
-     overflow: hidden;
- }
- 
- /* ==========================================================================
-    Figures
-    ========================================================================== */
- 
- /**
-  * Address margin not present in IE 8/9 and Safari 5.
-  */
- 
- figure {
-     margin: 0;
- }
- 
- /* ==========================================================================
-    Forms
-    ========================================================================== */
- 
- /**
-  * Define consistent border, margin, and padding.
-  */
- 
- fieldset {
-     border: 1px solid #c0c0c0;
-     margin: 0 2px;
-     padding: 0.35em 0.625em 0.75em;
- }
- 
- /**
-  * 1. Correct `color` not being inherited in IE 8/9.
-  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
-  */
- 
- legend {
-     border: 0; /* 1 */
-     padding: 0; /* 2 */
- }
- 
- /**
-  * 1. Correct font family not being inherited in all browsers.
-  * 2. Correct font size not being inherited in all browsers.
-  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
-  */
- 
- button,
- input,
- select,
- textarea {
-     font-family: inherit; /* 1 */
-     font-size: 100%; /* 2 */
-     margin: 0; /* 3 */
- }
- 
- /**
-  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
-  * the UA stylesheet.
-  */
- 
- button,
- input {
-     line-height: normal;
- }
- 
- /**
-  * Address inconsistent `text-transform` inheritance for `button` and `select`.
-  * All other form control elements do not inherit `text-transform` values.
-  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
-  * Correct `select` style inheritance in Firefox 4+ and Opera.
-  */
- 
- button,
- select {
-     text-transform: none;
- }
- 
- /**
-  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-  *    and `video` controls.
-  * 2. Correct inability to style clickable `input` types in iOS.
-  * 3. Improve usability and consistency of cursor style between image-type
-  *    `input` and others.
-  */
- 
- button,
- html input[type="button"], /* 1 */
- input[type="reset"],
- input[type="submit"] {
-     -webkit-appearance: button; /* 2 */
-     cursor: pointer; /* 3 */
- }
- 
- /**
-  * Re-set default cursor for disabled elements.
-  */
- 
- button[disabled],
- html input[disabled] {
-     cursor: default;
- }
- 
- /**
-  * 1. Address box sizing set to `content-box` in IE 8/9.
-  * 2. Remove excess padding in IE 8/9.
-  */
- 
- input[type="checkbox"],
- input[type="radio"] {
-     box-sizing: border-box; /* 1 */
-     padding: 0; /* 2 */
- }
- 
- /**
-  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
-  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
-  *    (include `-moz` to future-proof).
-  */
- 
- input[type="search"] {
-     -webkit-appearance: textfield; /* 1 */
-     -moz-box-sizing: content-box;
-     -webkit-box-sizing: content-box; /* 2 */
-     box-sizing: content-box;
- }
- 
- /**
-  * Remove inner padding and search cancel button in Safari 5 and Chrome
-  * on OS X.
-  */
- 
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
-     -webkit-appearance: none;
- }
- 
- /**
-  * Remove inner padding and border in Firefox 4+.
-  */
- 
- button::-moz-focus-inner,
- input::-moz-focus-inner {
-     border: 0;
-     padding: 0;
- }
- 
- /**
-  * 1. Remove default vertical scrollbar in IE 8/9.
-  * 2. Improve readability and alignment in all browsers.
-  */
- 
- textarea {
-     overflow: auto; /* 1 */
-     vertical-align: top; /* 2 */
- }
- 
- /* ==========================================================================
-    Tables
-    ========================================================================== */
- 
- /**
-  * Remove most spacing between table cells.
-  */
- 
- table {
-     border-collapse: collapse;
-     border-spacing: 0;
- }
- 

static/fonts/icons.dev.svg

@@ -1,41 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>
-This is a custom SVG font generated by IcoMoon.
-<iconset grid="16"></iconset>
-</metadata>
-<defs>
-<font id="icons" horiz-adv-x="512" >
-<font-face units-per-em="512" ascent="480" descent="-32" />
-<missing-glyph horiz-adv-x="512" />
-<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
-<glyph unicode="&#xe001;" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32 
-	z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4 
-	C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
-	S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" data-tags="feed, rss" />
-<glyph unicode="&#xe002;" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
-	c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
-	c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
-	c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
-	c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
-	c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
-	c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
-	C 480.11,343.227, 497.918,361.727, 512,382.791z" data-tags="twitter, tweet, social" />
-<glyph unicode="&#xe003;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
-		c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
-		c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0 
-		c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
-		c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0 
-		C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
-		c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621 
-		l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
-		c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
-		C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
-<glyph unicode="&#xe004;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
-	c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282 
-	l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0 
-	L 435.296,224z" data-tags="facebook, social" />
-<glyph unicode="&#xe000;" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" data-tags="ghst" />
-<glyph unicode="&#x20;" horiz-adv-x="256" />
-</font></defs></svg>

static/fonts/icons.svg

@@ -1,41 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>
-This is a custom SVG font generated by IcoMoon.
-<iconset grid="16"></iconset>
-</metadata>
-<defs>
-<font id="icons" horiz-adv-x="512" >
-<font-face units-per-em="512" ascent="480" descent="-32" />
-<missing-glyph horiz-adv-x="512" />
-<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
-<glyph unicode="&#xe001;" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32 
-	z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4 
-	C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
-	S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z"  />
-<glyph unicode="&#xe002;" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
-	c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
-	c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
-	c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
-	c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
-	c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
-	c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
-	C 480.11,343.227, 497.918,361.727, 512,382.791z"  />
-<glyph unicode="&#xe003;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
-		c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
-		c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0 
-		c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
-		c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0 
-		C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
-		c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621 
-		l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
-		c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
-		C 229.913-8.517, 229.146-2.388, 227.725,3.577z"  />
-<glyph unicode="&#xe004;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
-	c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282 
-	l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0 
-	L 435.296,224z"  />
-<glyph unicode="&#xe000;" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480"  />
-<glyph unicode="&#x20;" horiz-adv-x="256" />
-</font></defs></svg>