commit ab7f0270480be733078e84f08248b2b9b8ed5328
Author: Vrifox <vrifox@vrifox.cc>
Date:   Mon Sep 14 16:24:02 2020 +0200

    initial commit

diff --git a/.directory b/.directory
new file mode 100644
index 0000000..35dc8fc
--- /dev/null
+++ b/.directory
@@ -0,0 +1,2 @@
+[Desktop Entry]
+Icon=application-x-project
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1d3c898
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+/content/*
+/puclic
+
+deploy
+git-deploy
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..068c706
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,11 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+author: "Vrifox"
+date: {{ .Date }}
+featured_image: 
+categories:
+tags: 
+
+draft: true
+type: "post"
+---
diff --git a/archetypes/projects.md b/archetypes/projects.md
new file mode 100644
index 0000000..d306634
--- /dev/null
+++ b/archetypes/projects.md
@@ -0,0 +1,13 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+activetime: 
+featured_image: 
+categories:
+tags: 
+
+draft: true
+type: "project"
+status: 
+link: 
+--- 
diff --git a/assets/scss/_default/list.scss b/assets/scss/_default/list.scss
new file mode 100644
index 0000000..5a09b11
--- /dev/null
+++ b/assets/scss/_default/list.scss
@@ -0,0 +1,60 @@
+@import '../partials/main';
+@import '../partials/nav';
+@import '../partials/footer';
+
+header {
+  text-align: center;
+  margin: 100px 0;
+  h1 {
+    font-size: 2em;
+  }
+}
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  a {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+  }
+  article {
+    background: rgb(60, 60, 90);
+    color: rgb(255, 255, 255);
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s;
+    img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: rgb(80, 80, 120);
+      object-fit: cover;
+      max-height: 250px;
+    }
+    h1 {
+      margin-top: 0px;
+    }
+    a {
+      color: rgb(255, 255, 255);
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    .meta {
+      margin: 0;
+    }
+    .author {
+      font-style: italic;
+      color: rgb(200, 200, 230);
+    }
+  }
+  article:hover {
+      background: rgb(70, 70, 105);
+  }
+}
diff --git a/assets/scss/_default/single.scss b/assets/scss/_default/single.scss
new file mode 100644
index 0000000..ac12e8b
--- /dev/null
+++ b/assets/scss/_default/single.scss
@@ -0,0 +1,85 @@
+@import '../partials/main';
+@import '../partials/nav';
+
+.section-article {
+  article {
+    max-width: calc(100% / 3 * 2);
+    margin: 80px auto;
+    .meta {
+      color: rgb(180, 180, 220);
+    }
+    .title {
+      font-size: 2em;
+      margin-top: 20px;
+    }
+    img {
+      max-width: 100%;
+      margin-bottom: 15px;
+      border-radius: 5px;
+    }
+    a {
+      color: rgb(255, 130, 130);
+      transition: background .2s, color .2s;
+      margin: -5px -10px;
+      padding: 5px 10px;
+      border-radius: 5px;
+    }
+    a:hover {
+      background: rgb(255, 130, 130);
+      color: rgb(255, 240, 240);
+      text-decoration: none;
+    }
+  }
+}
+
+.section-articles {
+  margin: 20px auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  max-width: calc(100% / 3 * 2);
+  a {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+  }
+  article {
+    background: rgb(60, 60, 90);
+    color: rgb(255, 255, 255);
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s;
+    img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: rgb(80, 80, 120);
+      object-fit: cover;
+      max-height: 170px;
+    }
+    h1 {
+      margin-top: 0px;
+    }
+    a {
+      color: rgb(255, 255, 255);
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    .meta {
+      margin: 0;
+    }
+    .author {
+      font-style: italic;
+      color: rgb(200, 200, 230);
+    }
+  }
+  article:hover {
+      background: rgb(70, 70, 105);
+  }
+}
+
+@import '../partials/footer';
diff --git a/assets/scss/index.scss b/assets/scss/index.scss
new file mode 100644
index 0000000..1fc1ae2
--- /dev/null
+++ b/assets/scss/index.scss
@@ -0,0 +1,102 @@
+@import 'partials/main';
+@import 'partials/nav';
+
+header {
+  text-align: center;
+  margin: 150px 0;
+  h1 {
+    font-size: 2em;
+  }
+}
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  a {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+  }
+  article {
+    background: rgb(60, 60, 90);
+    color: rgb(255, 255, 255);
+    padding: 20px;
+    border-radius: 5px;
+    display: grid;
+    height: max-content;
+    grid-template-columns: 120px 1fr;
+    grid-template-areas: "img h1"
+                         "img p";
+    transition: background .2s;
+    img {
+      object-fit: cover;
+      height: 180px;
+      width: 120px;
+      border-radius: 5px;
+      border: 0px solid rgb(40, 40, 60);
+      grid-area: img;
+      margin: -20px;
+    }
+    h1 {
+      margin: 0px;
+      grid-area: h1;
+    }
+    .meta {
+      margin: 0;
+      grid-area: p;
+    }
+    .author {
+      font-style: italic;
+      color: rgb(200, 200, 230);
+    }
+  }
+  article:hover {
+    background: rgb(70, 70, 105);
+  }
+}
+
+.section-projects {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem;
+  a {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+  }
+  article {
+    background: rgb(60, 60, 90);
+    color: rgb(255, 255, 255);
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s;
+    img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: rgb(80, 80, 120);
+      object-fit: cover;
+      max-height: 170px;
+    }
+    h1 {
+      margin-top: 0;
+    }
+    .meta {
+      margin: 0;
+    }
+    .status {
+      font-style: italic;
+      color: rgb(200, 200, 230);
+    }
+  }
+  article:hover {
+      background: rgb(70, 70, 105);
+  }
+}
+
+@import 'partials/footer';
diff --git a/assets/scss/partials/_footer.scss b/assets/scss/partials/_footer.scss
new file mode 100644
index 0000000..124fad8
--- /dev/null
+++ b/assets/scss/partials/_footer.scss
@@ -0,0 +1,25 @@
+footer {
+  background: rgb(30, 30, 45);
+  color: rgb(200, 200, 230);
+  margin-top: 100px;
+  .container {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.website-subnav {
+  margin-left: auto;
+  ul {
+    display: flex;
+    padding: 0;
+  }
+  li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px;
+  }
+  a {
+    color: rgb(200, 200, 230);
+  }
+}
diff --git a/assets/scss/partials/_main.scss b/assets/scss/partials/_main.scss
new file mode 100644
index 0000000..d2fcce5
--- /dev/null
+++ b/assets/scss/partials/_main.scss
@@ -0,0 +1,24 @@
+* {
+  box-sizing: border-box;
+}
+a {
+  color: rgb(255, 130, 130);
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+body {
+  background: rgb(40, 40, 60);
+  color: rgb(240, 240, 255);
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid;
+}
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto;
+}
diff --git a/assets/scss/partials/_nav.scss b/assets/scss/partials/_nav.scss
new file mode 100644
index 0000000..4f2a2c2
--- /dev/null
+++ b/assets/scss/partials/_nav.scss
@@ -0,0 +1,33 @@
+nav {
+  background: rgb(60, 60, 90);
+  .container {
+    display: flex;
+    align-items: center;
+     .website-name {
+       a {
+        color: rgb(245, 245, 245);
+        text-decoration: none;
+        background: rgb(255, 130, 130);
+        padding: 5px 10px;
+        border-radius: 20px;
+        text-shadow: rgb(255, 100, 100) 2px 2px;
+      }
+    }
+    .website-nav {
+      margin-left: auto;
+      ul {
+        display: flex;
+        padding: 0;
+      }
+      li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px;
+      }
+      a {
+        color: rgb(245, 245, 245);
+        text-decoration: none;
+      }
+    }
+  }
+}
diff --git a/assets/scss/projects/list.scss b/assets/scss/projects/list.scss
new file mode 100644
index 0000000..de5bcde
--- /dev/null
+++ b/assets/scss/projects/list.scss
@@ -0,0 +1,56 @@
+@import '../partials/main';
+@import '../partials/nav';
+
+header {
+  text-align: center;
+  margin: 100px 0;
+  h1 {
+    font-size: 2em;
+  }
+}
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem;
+  a {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+  }
+  article {
+    background: rgb(60, 60, 90);
+    color: rgb(255, 255, 255);
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    max-width: 562px;
+    height: max-content;
+    transition: background .2s;
+    img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: rgb(80, 80, 120);
+      object-fit: cover;
+      max-height: 170px;
+    }
+    h1 {
+      margin-top: 0;
+    }
+    p {
+      margin: 0;
+    }
+    .status {
+      font-style: italic;
+      color: rgb(200, 200, 230);
+    }
+  }
+  article:hover {
+      background: rgb(70, 70, 105);
+  }
+}
+
+@import '../partials/footer';
diff --git a/config.json b/config.json
new file mode 100644
index 0000000..407405a
--- /dev/null
+++ b/config.json
@@ -0,0 +1,34 @@
+{
+  "baseURL": "https://vrifox.cc/vrifox.cc_hugo/",
+  "languageCode": "en-us",
+  "title": "Have a nice day.",
+  "enableRobotsTXT": true,
+  
+  "menu": {
+    "main": [
+      {
+        "identifier": "blog",
+        "name": "Blog",
+        "title": "blog",
+        "url": "/blog",
+        "weight": 2
+      },
+      {
+        "identifier": "projects",
+        "name": "Projects",
+        "title": "projects",
+        "url": "/projects",
+        "weight": 3
+      }
+    ],
+    "links": [
+      {
+        "identifier": "mastodon",
+        "name": "Mastodon",
+        "title": "mastodon",
+        "url": "https://social.anoxinon.de/@vrifox",
+        "weight": 4
+      }
+    ]
+  }
+}
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..2c47ced
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,29 @@
+{{ define "stylesheet" }}{{ $sass := resources.Get "scss/index.scss" }}{{ $style := $sass | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+{{ end }}
+
+{{ define "main" }}
+<main class="container">
+  <section>
+    <header>
+      <h1>{{ .Params.heading }}</h1>
+      <span class="subtitle">{{.Params.subheading}}</span>
+    </header>
+    {{.Content}}
+  </section>
+  <section class="section-articles">
+    {{ range first 3 (where .Site.RegularPages "Type" "post") }}
+    <article>
+      <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
+      <p class="date" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">{{ .Date.Format "2 January 2006" }}</p>
+      {{ with .Description }}
+      <p>{{ . }}</p>
+      {{ end }}
+      {{ with .Params.featured_image }}
+      <img src="{{ . | absURL }}">
+      {{ end }}
+    </article>
+    {{ end }}
+  </section>
+</main>
+{{ end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..1a5c446
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,18 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    {{ block "stylesheet" . }}{{ end }}
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    {{ partial "nav.html" . }}
+    {{ block "main" . }}{{ end }}
+    {{ partial "footer.html" . }}
+  </body>
+</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 0000000..ce964b6
--- /dev/null
+++ b/layouts/_default/list.html
@@ -0,0 +1,31 @@
+{{ define "stylesheet" }}{{ $scss := resources.Get "scss/_default/list.scss" }}{{ $style := $scss | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+{{ end }}
+
+{{ define "main" }}
+<main class="container">
+  <section>
+    <header>
+      <h1>{{ .Params.heading }}</h1>
+      <span class="subtitle">{{.Params.subheading}}</span>
+    </header>
+    {{ .Content }}
+  </section>
+  <section class="section-articles">
+  {{ range .Pages }}
+    <a href="{{ .Permalink }}">
+      <article>
+        <h1>{{ .Title }}</h1>
+        <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">by {{ .Params.author }}</span></p>
+        {{ with .Description }}
+        <p>{{ . }}</p>
+        {{ end }}
+        {{ with .Params.featured_image }}
+        <img src="{{ . | relURL }}">
+        {{ end }}
+      </article>
+    </a>
+  {{ end }}
+  </section>
+</main>
+{{ end }} 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..9cf7666
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,71 @@
+{{ define "stylesheet" }}{{ $scss := resources.Get "scss/_default/single.scss" }}{{ $style := $scss | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+{{ end }}
+
+{{ define "main" }}
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>
+          by
+          <span>{{ .Params.author }}</span>
+        </p>
+        <h1 class="title">{{ .Title }}</h1>
+        {{ with .Params.featured_image }}
+        <img src="{{ . | relURL }}">
+        {{ end }}
+        {{ .Content }}
+        <aside class="meta">
+          <div>
+          {{ with .Params.topics }}
+          <ul class="topics">
+            {{ range . }}
+              <li><a href="{{ "topics" | absURL}}{{ . | urlize }}">{{ . }}</a> </li>
+            {{ end }}
+          </ul>
+          {{ end }}
+          {{ with .Params.tags }}
+          <ul class="tags">
+            {{ range . }}
+              <li> <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a> </li>
+            {{ end }}
+          </ul>
+          {{ end }}
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    {{ with .PrevInSection }}
+      <a href="{{ .Permalink }}">
+        <article>
+          <h1>{{ .Title }}</h1>
+          <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">by {{ .Params.author }}</span></p>
+          {{ with .Description }}
+          <p>{{ . }}</p>
+          {{ end }}
+          {{ with .Params.featured_image }}
+          <img src="{{ . | relURL }}">
+          {{ end }}
+        </article>
+      </a>
+    {{ end }}
+    {{ with .NextInSection }}
+      <a href="{{ .Permalink }}">
+        <article>
+          <h1>{{ .Title }}</h1>
+          <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">by {{ .Params.author }}</span></p>
+          {{ with .Description }}
+          <p>{{ . }}</p>
+          {{ end }}
+          {{ with .Params.featured_image }}
+          <img src="{{ . | relURL }}">
+          {{ end }}
+        </article>
+    {{ end }}
+    </section>
+  </div>
+</main>
+{{ end }} 
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..5095cd8
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,45 @@
+{{ define "stylesheet" }}{{ $scss := resources.Get "scss/index.scss" }}{{ $style := $scss | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+{{ end }}
+
+{{ define "main" }}
+<main class="container">
+  <section>
+    <header>
+      <h1>{{ .Params.heading }}</h1>
+      <span class="subtitle">{{.Params.subheading}}</span>
+    </header>
+    {{.Content}}
+  </section>
+  <h1>latest <a href="{{ "/blog" | relURL }}">articles</a></h1>
+  <section class="section-articles">
+    {{ range first 3 (where .Site.RegularPages "Type" "post") }}
+    <a href="{{ .Permalink }}">
+      <article>
+        <h1>{{ .Title }}</h1>
+        <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">by {{ .Params.author }}</span></p>
+        {{ with .Description }}
+        <p>{{ . }}</p>
+        {{ end }}
+        {{ with .Params.featured_image }}
+        <img src="{{ . | relURL }}">
+        {{ end }}
+      </article>
+    </a>
+    {{ end }}
+  </section>
+  <h1>latest <a href="{{ "/projects" | relURL }}">projects</a></h1>
+  <section class="section-projects">
+    {{ range first 3 (where .Site.RegularPages "Type" "project") }}
+    <a href="{{ .Permalink }}">
+      <article>
+        <h1>{{ .Title }}</h1>
+        <p class="meta" title="last change: {{ .Date.Format "2 Jan 2006" }}">{{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }} {{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}</p>
+        {{ with .Description }}<p>{{ . }}</p>{{ end }}
+        <img {{ with .Params.featured_image }}src="{{ . | relURL }}"{{ end }}>
+      </article>
+    </a>
+    {{ end }}
+  </section>
+</main>
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..2ebc67c
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,29 @@
+<footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version {{ .Date.Format "2006-01-02" }}</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+          <li>
+            <a href="{{ .URL }}">
+              {{ .Pre }}
+              <span>{{ .Name }}</span>
+            </a>
+          </li>
+        {{ end }}
+        <li>|</li>
+        {{ range .Site.Menus.links }}
+          <li>
+            <a href="{{ .URL }}">
+              {{ .Pre }}
+              <span>{{ .Name }}</span>
+            </a>
+          </li>
+        {{ end }}
+      </ul>
+    </section>
+  </div>
+</footer>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
new file mode 100644
index 0000000..7e90991
--- /dev/null
+++ b/layouts/partials/nav.html
@@ -0,0 +1,29 @@
+<nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="{{ .Site.BaseURL }}">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+          <li>
+            <a href="{{ .URL }}">
+              {{ .Pre }}
+              <span>{{ .Name }}</span>
+            </a>
+          </li>
+        {{ end }}
+        <li>|</li>
+        {{ range .Site.Menus.links }}
+          <li>
+            <a href="{{ .URL }}">
+              {{ .Pre }}
+              <span>{{ .Name }}</span>
+            </a>
+          </li>
+        {{ end }}
+      </ul>
+    </section>
+  </div>
+</nav>
diff --git a/layouts/projects/list.html b/layouts/projects/list.html
new file mode 100644
index 0000000..2212d34
--- /dev/null
+++ b/layouts/projects/list.html
@@ -0,0 +1,27 @@
+{{ define "stylesheet" }}{{ $scss := resources.Get "scss/projects/list.scss" }}{{ $style := $scss | resources.ToCSS }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
+{{ end }}
+
+{{ define "main" }}
+<main class="container">
+  <section>
+    <header>
+      <h1>{{ .Params.heading }}</h1>
+      <span class="subtitle">{{.Params.subheading}}</span>
+    </header>
+    {{ .Content }}
+  </section>
+  <section class="section-articles">
+  {{ range .Pages }}
+    <a href="{{ .Permalink }}">
+      <article>
+        <h1>{{ .Title }}</h1>
+        <p class="" title="last change: {{ .Date.Format "2 Jan 2006" }}">{{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }} {{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}</p>
+        {{ with .Description }}<p>{{ . }}</p>{{ end }}
+        <img {{ with .Params.featured_image }}src="{{ . | relURL }}"{{ end }}>
+      </article>
+    </a>
+  {{ end }}
+  </section>
+</main>
+{{ end }} 
diff --git a/layouts/robots.txt b/layouts/robots.txt
new file mode 100644
index 0000000..d336aa6
--- /dev/null
+++ b/layouts/robots.txt
@@ -0,0 +1,5 @@
+User-agent: *
+
+{{range .Pages}}
+Disallow: {{.RelPermalink}}
+{{end}}
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..a4e9417
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,123 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> 404 Page not found – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/index.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1></h1>
+      <span class="subtitle"></span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+    
+    <article>
+      <h1><a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/">My New Hugo Page</a></h1>
+      <p class="date" title="9 Sep 2020, 19:59 CEST">9 September 2020</p>
+      
+      
+      <img src="https://vrifox.cc/upload/2020/09/vrifox.cc-2020-09.png">
+      
+    </article>
+    
+    <article>
+      <h1><a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/">A »new« graphic for Natenoms blog</a></h1>
+      <p class="date" title="29 Aug 2020, 12:12 CEST">29 August 2020</p>
+      
+      
+      <img src="https://vrifox.cc/upload/2020/08/fahrradteile-v2-1.png">
+      
+    </article>
+    
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 0001-01-01</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/blog/2020/graphic-for-natenoms-blog/index.html b/public/blog/2020/graphic-for-natenoms-blog/index.html
new file mode 100644
index 0000000..e82cbf3
--- /dev/null
+++ b/public/blog/2020/graphic-for-natenoms-blog/index.html
@@ -0,0 +1,132 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> A »new« graphic for Natenoms blog – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="29 Aug 2020, 12:12 CEST">29. August 2020</span>
+          by
+          <span>Vrifox</span>
+        </p>
+        <h1 class="title">A »new« graphic for Natenoms blog</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/08/fahrradteile-v2-1.png">
+        
+        <p>I did make a new iteration of this graphic for <a href="https://blog.natenom.com/">Natenoms Blog</a>.</p>
+
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/">
+        <article>
+          <h1>My New Hugo Page</h1>
+          <p class="meta" title="9 Sep 2020, 19:59 CEST"><span class="date">9 September 2020</span> <span class="author">by Vrifox</span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc-2020-09.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-08-29</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/blog/2020/my-new-hugo-page/index.html b/public/blog/2020/my-new-hugo-page/index.html
new file mode 100644
index 0000000..a32df9b
--- /dev/null
+++ b/public/blog/2020/my-new-hugo-page/index.html
@@ -0,0 +1,134 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> My New Hugo Page – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="9 Sep 2020, 19:59 CEST">9. September 2020</span>
+          by
+          <span>Vrifox</span>
+        </p>
+        <h1 class="title">My New Hugo Page</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc-2020-09.png">
+        
+        <p>In the past weeks I learned hugo by just using it.</p>
+<p>And this page is the first result.</p>
+
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/">
+        <article>
+          <h1>A »new« graphic for Natenoms blog</h1>
+          <p class="meta" title="29 Aug 2020, 12:12 CEST"><span class="date">29 August 2020</span> <span class="author">by Vrifox</span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/08/fahrradteile-v2-1.png">
+          
+        </article>
+      </a>
+    
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-09-09</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/blog/index.html b/public/blog/index.html
new file mode 100644
index 0000000..0a629e7
--- /dev/null
+++ b/public/blog/index.html
@@ -0,0 +1,127 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title>Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/list.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1>Blog</h1>
+      <span class="subtitle">things, thoughts &amp; toots</span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/">
+      <article>
+        <h1>My New Hugo Page</h1>
+        <p class="meta" title="9 Sep 2020, 19:59 CEST"><span class="date">9 September 2020</span> <span class="author">by Vrifox</span></p>
+        
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc-2020-09.png">
+        
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/">
+      <article>
+        <h1>A »new« graphic for Natenoms blog</h1>
+        <p class="meta" title="29 Aug 2020, 12:12 CEST"><span class="date">29 August 2020</span> <span class="author">by Vrifox</span></p>
+        
+        
+        <img src="/vrifox.cc_hugo/upload/2020/08/fahrradteile-v2-1.png">
+        
+      </article>
+    </a>
+  
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-09-09</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/blog/index.xml b/public/blog/index.xml
new file mode 100644
index 0000000..e59d15c
--- /dev/null
+++ b/public/blog/index.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/blog/</link>
+    <description>Recent content on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <lastBuildDate>Wed, 09 Sep 2020 19:59:31 +0200</lastBuildDate>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/blog/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+    <item>
+      <title>My New Hugo Page</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/</link>
+      <pubDate>Wed, 09 Sep 2020 19:59:31 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/</guid>
+      <description>In the past weeks I learned hugo by just using it.
+And this page is the first result.</description>
+    </item>
+    
+    <item>
+      <title>A »new« graphic for Natenoms blog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</link>
+      <pubDate>Sat, 29 Aug 2020 12:12:53 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</guid>
+      <description>I did make a new iteration of this graphic for Natenoms Blog.</description>
+    </item>
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/index.html b/public/categories/index.html
new file mode 100644
index 0000000..36f1783
--- /dev/null
+++ b/public/categories/index.html
@@ -0,0 +1,114 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Categories – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/list.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1></h1>
+      <span class="subtitle"></span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/">
+      <article>
+        <h1>natenomsblog</h1>
+        <p class="meta" title="29 Aug 2020, 12:12 CEST"><span class="date">29 August 2020</span> <span class="author">by </span></p>
+        
+        
+      </article>
+    </a>
+  
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-08-29</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/categories/index.xml b/public/categories/index.xml
new file mode 100644
index 0000000..eba2a3f
--- /dev/null
+++ b/public/categories/index.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Categories on Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/categories/</link>
+    <description>Recent content in Categories on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <lastBuildDate>Sat, 29 Aug 2020 12:12:53 +0200</lastBuildDate>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/categories/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+    <item>
+      <title>natenomsblog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/</link>
+      <pubDate>Sat, 29 Aug 2020 12:12:53 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/</guid>
+      <description></description>
+    </item>
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/natenomsblog/index.html b/public/categories/natenomsblog/index.html
new file mode 100644
index 0000000..1fda869
--- /dev/null
+++ b/public/categories/natenomsblog/index.html
@@ -0,0 +1,116 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> natenomsblog – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/list.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1></h1>
+      <span class="subtitle"></span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/">
+      <article>
+        <h1>A »new« graphic for Natenoms blog</h1>
+        <p class="meta" title="29 Aug 2020, 12:12 CEST"><span class="date">29 August 2020</span> <span class="author">by Vrifox</span></p>
+        
+        
+        <img src="/vrifox.cc_hugo/upload/2020/08/fahrradteile-v2-1.png">
+        
+      </article>
+    </a>
+  
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-08-29</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/categories/natenomsblog/index.xml b/public/categories/natenomsblog/index.xml
new file mode 100644
index 0000000..b07c85d
--- /dev/null
+++ b/public/categories/natenomsblog/index.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>natenomsblog on Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/</link>
+    <description>Recent content in natenomsblog on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <lastBuildDate>Sat, 29 Aug 2020 12:12:53 +0200</lastBuildDate>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+    <item>
+      <title>A »new« graphic for Natenoms blog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</link>
+      <pubDate>Sat, 29 Aug 2020 12:12:53 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</guid>
+      <description>I did make a new iteration of this graphic for Natenoms Blog.</description>
+    </item>
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..a2dcce4
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..50d6bb7
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..41cf407
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,160 @@
+<!doctype html>
+
+<html>
+  <head>
+	<meta name="generator" content="Hugo 0.74.3" />
+    <title>Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/index.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1>Hola, I&#39;m Vrifox.</h1>
+      <span class="subtitle">casual content creator</span>
+    </header>
+    
+  </section>
+  <h1>latest <a href="/vrifox.cc_hugo/blog">articles</a></h1>
+  <section class="section-articles">
+    
+    <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/">
+      <article>
+        <h1>My New Hugo Page</h1>
+        <p class="meta" title="9 Sep 2020, 19:59 CEST"><span class="date">9 September 2020</span> <span class="author">by Vrifox</span></p>
+        
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc-2020-09.png">
+        
+      </article>
+    </a>
+    
+    <a href="https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/">
+      <article>
+        <h1>A »new« graphic for Natenoms blog</h1>
+        <p class="meta" title="29 Aug 2020, 12:12 CEST"><span class="date">29 August 2020</span> <span class="author">by Vrifox</span></p>
+        
+        
+        <img src="/vrifox.cc_hugo/upload/2020/08/fahrradteile-v2-1.png">
+        
+      </article>
+    </a>
+    
+  </section>
+  <h1>latest <a href="/vrifox.cc_hugo/projects">projects</a></h1>
+  <section class="section-projects">
+    
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/">
+      <article>
+        <h1>My Website</h1>
+        <p class="meta" title="last change: 10 Sep 2020"><span class="date">2008 - now</span> <span class="status">in progress</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc_blank-2020-08.png">
+      </article>
+    </a>
+    
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/">
+      <article>
+        <h1>Natenoms Blog</h1>
+        <p class="meta" title="last change: 20 Aug 2020"><span class="date">2015 - now</span> <span class="status">in progress</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2018/11/blog.natenom.com.png">
+      </article>
+    </a>
+    
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/">
+      <article>
+        <h1>Gitea Theme Vrifox 2018</h1>
+        <p class="meta" title="last change: 9 Jun 2019"><span class="date">2018 - 2019</span> <span class="status">archived</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/gitea-theme.png">
+      </article>
+    </a>
+    
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-09-10</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/index.xml b/public/index.xml
new file mode 100644
index 0000000..8869770
--- /dev/null
+++ b/public/index.xml
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/</link>
+    <description>Recent content on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <lastBuildDate>Thu, 10 Sep 2020 14:27:00 +0200</lastBuildDate>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+    <item>
+      <title>My Website</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/</link>
+      <pubDate>Thu, 10 Sep 2020 14:27:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>My New Hugo Page</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/</link>
+      <pubDate>Wed, 09 Sep 2020 19:59:31 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/</guid>
+      <description>In the past weeks I learned hugo by just using it.
+And this page is the first result.</description>
+    </item>
+    
+    <item>
+      <title>A »new« graphic for Natenoms blog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</link>
+      <pubDate>Sat, 29 Aug 2020 12:12:53 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</guid>
+      <description>I did make a new iteration of this graphic for Natenoms Blog.</description>
+    </item>
+    
+    <item>
+      <title>Natenoms Blog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/</link>
+      <pubDate>Thu, 20 Aug 2020 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Gitea Theme Vrifox 2018</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/</link>
+      <pubDate>Sun, 09 Jun 2019 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>MMM-Dark</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/</link>
+      <pubDate>Sun, 01 Jan 2017 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Omega for Mumble</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/</link>
+      <pubDate>Tue, 24 May 2016 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Simpleblog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/</link>
+      <pubDate>Tue, 29 Sep 2015 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/</guid>
+      <description></description>
+    </item>
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/projects/2008/my-website/index.html b/public/projects/2008/my-website/index.html
new file mode 100644
index 0000000..8e538c8
--- /dev/null
+++ b/public/projects/2008/my-website/index.html
@@ -0,0 +1,132 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> My Website – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="10 Sep 2020, 14:27 CEST">10. September 2020</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">My Website</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc_blank-2020-08.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/">
+        <article>
+          <h1>Natenoms Blog</h1>
+          <p class="meta" title="20 Aug 2020, 12:00 CEST"><span class="date">20 August 2020</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2018/11/blog.natenom.com.png">
+          
+        </article>
+      </a>
+    
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-09-10</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2013/cursors/index.html b/public/projects/2013/cursors/index.html
new file mode 100644
index 0000000..19cce84
--- /dev/null
+++ b/public/projects/2013/cursors/index.html
@@ -0,0 +1,131 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Cursors – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="6 Jul 2013, 12:00 CEST">6. July 2013</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">Cursors</h1>
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/">
+        <article>
+          <h1>Simpleblog</h1>
+          <p class="meta" title="29 Sep 2015, 12:00 CEST"><span class="date">29 September 2015</span> <span class="author">by </span></p>
+          
+          <p>A never finished idea.</p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/09/simpleblog.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2013-07-06</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2014/omega-for-mumble/index.html b/public/projects/2014/omega-for-mumble/index.html
new file mode 100644
index 0000000..bfd1a74
--- /dev/null
+++ b/public/projects/2014/omega-for-mumble/index.html
@@ -0,0 +1,144 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Omega for Mumble – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="24 May 2016, 12:00 CEST">24. May 2016</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">Omega for Mumble</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/omega-for-mumble-theme.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/">
+        <article>
+          <h1>Simpleblog</h1>
+          <p class="meta" title="29 Sep 2015, 12:00 CEST"><span class="date">29 September 2015</span> <span class="author">by </span></p>
+          
+          <p>A never finished idea.</p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/09/simpleblog.png">
+          
+        </article>
+      </a>
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/">
+        <article>
+          <h1>MMM-Dark</h1>
+          <p class="meta" title="1 Jan 2017, 12:00 &#43;0200"><span class="date">1 January 2017</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/mmm-dark-mumble-theme.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2016-05-24</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2015/natenoms-blog/index.html b/public/projects/2015/natenoms-blog/index.html
new file mode 100644
index 0000000..23d4167
--- /dev/null
+++ b/public/projects/2015/natenoms-blog/index.html
@@ -0,0 +1,142 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Natenoms Blog – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="20 Aug 2020, 12:00 CEST">20. August 2020</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">Natenoms Blog</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2018/11/blog.natenom.com.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/">
+        <article>
+          <h1>Gitea Theme Vrifox 2018</h1>
+          <p class="meta" title="9 Jun 2019, 12:00 CEST"><span class="date">9 June 2019</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/gitea-theme.png">
+          
+        </article>
+      </a>
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/">
+        <article>
+          <h1>My Website</h1>
+          <p class="meta" title="10 Sep 2020, 14:27 CEST"><span class="date">10 September 2020</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc_blank-2020-08.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-08-20</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2015/simpleblog/index.html b/public/projects/2015/simpleblog/index.html
new file mode 100644
index 0000000..90532b2
--- /dev/null
+++ b/public/projects/2015/simpleblog/index.html
@@ -0,0 +1,131 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Simpleblog – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="29 Sep 2015, 12:00 CEST">29. September 2015</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">Simpleblog</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/simpleblog.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/">
+        <article>
+          <h1>Omega for Mumble</h1>
+          <p class="meta" title="24 May 2016, 12:00 CEST"><span class="date">24 May 2016</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/omega-for-mumble-theme.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2015-09-29</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2017/mmm-dark/index.html b/public/projects/2017/mmm-dark/index.html
new file mode 100644
index 0000000..8d16d83
--- /dev/null
+++ b/public/projects/2017/mmm-dark/index.html
@@ -0,0 +1,142 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> MMM-Dark – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="1 Jan 2017, 12:00 &#43;0200">1. January 2017</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">MMM-Dark</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/mmm-dark-mumble-theme.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/">
+        <article>
+          <h1>Omega for Mumble</h1>
+          <p class="meta" title="24 May 2016, 12:00 CEST"><span class="date">24 May 2016</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/omega-for-mumble-theme.png">
+          
+        </article>
+      </a>
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/">
+        <article>
+          <h1>Gitea Theme Vrifox 2018</h1>
+          <p class="meta" title="9 Jun 2019, 12:00 CEST"><span class="date">9 June 2019</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/gitea-theme.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2017-01-01</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/2018/gitea-theme-vrifox-2018/index.html b/public/projects/2018/gitea-theme-vrifox-2018/index.html
new file mode 100644
index 0000000..d3429c4
--- /dev/null
+++ b/public/projects/2018/gitea-theme-vrifox-2018/index.html
@@ -0,0 +1,142 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Gitea Theme Vrifox 2018 – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/single.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main>
+  <div class="container">
+    <section class="section-article">
+      <article>
+        <p class="meta">
+          <span title="9 Jun 2019, 12:00 CEST">9. June 2019</span>
+          by
+          <span></span>
+        </p>
+        <h1 class="title">Gitea Theme Vrifox 2018</h1>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/gitea-theme.png">
+        
+        
+        <aside class="meta">
+          <div>
+          
+          
+          </div>
+        </aside>
+      </article>
+    </section>
+    <section class="section-articles">
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/">
+        <article>
+          <h1>MMM-Dark</h1>
+          <p class="meta" title="1 Jan 2017, 12:00 &#43;0200"><span class="date">1 January 2017</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2020/01/mmm-dark-mumble-theme.png">
+          
+        </article>
+      </a>
+    
+    
+      <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/">
+        <article>
+          <h1>Natenoms Blog</h1>
+          <p class="meta" title="20 Aug 2020, 12:00 CEST"><span class="date">20 August 2020</span> <span class="author">by </span></p>
+          
+          
+          <img src="/vrifox.cc_hugo/upload/2018/11/blog.natenom.com.png">
+          
+        </article>
+    
+    </section>
+  </div>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2019-06-09</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/index.html b/public/projects/index.html
new file mode 100644
index 0000000..54addf9
--- /dev/null
+++ b/public/projects/index.html
@@ -0,0 +1,159 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title>Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/projects/list.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1>Projects</h1>
+      <span class="subtitle">Projects I started or contributed to – not necessarily finished – over the years.</span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/">
+      <article>
+        <h1>My Website</h1>
+        <p class="" title="last change: 10 Sep 2020"><span class="date">2008 - now</span> <span class="status">in progress</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/09/vrifox.cc_blank-2020-08.png">
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/">
+      <article>
+        <h1>Natenoms Blog</h1>
+        <p class="" title="last change: 20 Aug 2020"><span class="date">2015 - now</span> <span class="status">in progress</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2018/11/blog.natenom.com.png">
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/">
+      <article>
+        <h1>Gitea Theme Vrifox 2018</h1>
+        <p class="" title="last change: 9 Jun 2019"><span class="date">2018 - 2019</span> <span class="status">archived</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/gitea-theme.png">
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/">
+      <article>
+        <h1>MMM-Dark</h1>
+        <p class="" title="last change: 1 Jan 2017"><span class="date">2017</span> <span class="status">archived</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/mmm-dark-mumble-theme.png">
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/">
+      <article>
+        <h1>Omega for Mumble</h1>
+        <p class="" title="last change: 24 May 2016"><span class="date">2014 - 2016</span> <span class="status">archived</span></p>
+        
+        <img src="/vrifox.cc_hugo/upload/2020/01/omega-for-mumble-theme.png">
+      </article>
+    </a>
+  
+    <a href="https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/">
+      <article>
+        <h1>Simpleblog</h1>
+        <p class="" title="last change: 29 Sep 2015"><span class="date">2015</span> <span class="status">archived</span></p>
+        <p>A never finished idea.</p>
+        <img src="/vrifox.cc_hugo/upload/2020/09/simpleblog.png">
+      </article>
+    </a>
+  
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 2020-09-10</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/projects/index.xml b/public/projects/index.xml
new file mode 100644
index 0000000..ea3fb80
--- /dev/null
+++ b/public/projects/index.xml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/projects/</link>
+    <description>Recent content on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <lastBuildDate>Thu, 10 Sep 2020 14:27:00 +0200</lastBuildDate>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/projects/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+    <item>
+      <title>My Website</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/</link>
+      <pubDate>Thu, 10 Sep 2020 14:27:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Natenoms Blog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/</link>
+      <pubDate>Thu, 20 Aug 2020 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Gitea Theme Vrifox 2018</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/</link>
+      <pubDate>Sun, 09 Jun 2019 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>MMM-Dark</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/</link>
+      <pubDate>Sun, 01 Jan 2017 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Omega for Mumble</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/</link>
+      <pubDate>Tue, 24 May 2016 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Simpleblog</title>
+      <link>https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/</link>
+      <pubDate>Tue, 29 Sep 2015 12:00:00 +0200</pubDate>
+      
+      <guid>https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/</guid>
+      <description></description>
+    </item>
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..2004f87
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,31 @@
+User-agent: *
+
+
+Disallow: /vrifox.cc_hugo/
+
+Disallow: /vrifox.cc_hugo/projects/
+
+Disallow: /vrifox.cc_hugo/projects/2008/my-website/
+
+Disallow: /vrifox.cc_hugo/blog/
+
+Disallow: /vrifox.cc_hugo/blog/2020/my-new-hugo-page/
+
+Disallow: /vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/
+
+Disallow: /vrifox.cc_hugo/categories/
+
+Disallow: /vrifox.cc_hugo/categories/natenomsblog/
+
+Disallow: /vrifox.cc_hugo/projects/2015/natenoms-blog/
+
+Disallow: /vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/
+
+Disallow: /vrifox.cc_hugo/projects/2017/mmm-dark/
+
+Disallow: /vrifox.cc_hugo/projects/2014/omega-for-mumble/
+
+Disallow: /vrifox.cc_hugo/projects/2015/simpleblog/
+
+Disallow: /vrifox.cc_hugo/tags/
+
diff --git a/public/scss/_default/list.css b/public/scss/_default/list.css
new file mode 100644
index 0000000..9e2f576
--- /dev/null
+++ b/public/scss/_default/list.css
@@ -0,0 +1,111 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 250px; }
+    .section-articles article h1 {
+      margin-top: 0px; }
+    .section-articles article a {
+      color: white; }
+    .section-articles article a:hover {
+      text-decoration: underline; }
+    .section-articles article .meta {
+      margin: 0; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
diff --git a/public/scss/_default/single.css b/public/scss/_default/single.css
new file mode 100644
index 0000000..e26ebf4
--- /dev/null
+++ b/public/scss/_default/single.css
@@ -0,0 +1,129 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+.section-article article {
+  max-width: calc(100% / 3 * 2);
+  margin: 80px auto; }
+  .section-article article .meta {
+    color: #b4b4dc; }
+  .section-article article .title {
+    font-size: 2em;
+    margin-top: 20px; }
+  .section-article article img {
+    max-width: 100%;
+    margin-bottom: 15px;
+    border-radius: 5px; }
+  .section-article article a {
+    color: #ff8282;
+    transition: background .2s, color .2s;
+    margin: -5px -10px;
+    padding: 5px 10px;
+    border-radius: 5px; }
+  .section-article article a:hover {
+    background: #ff8282;
+    color: #fff0f0;
+    text-decoration: none; }
+
+.section-articles {
+  margin: 20px auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  max-width: calc(100% / 3 * 2); }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-articles article h1 {
+      margin-top: 0px; }
+    .section-articles article a {
+      color: white; }
+    .section-articles article a:hover {
+      text-decoration: underline; }
+    .section-articles article .meta {
+      margin: 0; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/public/scss/index.css b/public/scss/index.css
new file mode 100644
index 0000000..0335aaf
--- /dev/null
+++ b/public/scss/index.css
@@ -0,0 +1,145 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+header {
+  text-align: center;
+  margin: 150px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: grid;
+    height: max-content;
+    grid-template-columns: 120px 1fr;
+    grid-template-areas: "img h1" "img p";
+    transition: background .2s; }
+    .section-articles article img {
+      object-fit: cover;
+      height: 180px;
+      width: 120px;
+      border-radius: 5px;
+      border: 0px solid #28283c;
+      grid-area: img;
+      margin: -20px; }
+    .section-articles article h1 {
+      margin: 0px;
+      grid-area: h1; }
+    .section-articles article .meta {
+      margin: 0;
+      grid-area: p; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+.section-projects {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+  .section-projects a {
+    color: white;
+    text-decoration: none; }
+  .section-projects article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-projects article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-projects article h1 {
+      margin-top: 0; }
+    .section-projects article .meta {
+      margin: 0; }
+    .section-projects article .status {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-projects article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/public/scss/projects/list.css b/public/scss/projects/list.css
new file mode 100644
index 0000000..b26d852
--- /dev/null
+++ b/public/scss/projects/list.css
@@ -0,0 +1,108 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    max-width: 562px;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-articles article h1 {
+      margin-top: 0; }
+    .section-articles article p {
+      margin: 0; }
+    .section-articles article .status {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..3851808
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/</loc>
+    <lastmod>2020-09-10T14:27:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/</loc>
+    <lastmod>2020-09-10T14:27:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2008/my-website/</loc>
+    <lastmod>2020-09-10T14:27:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/blog/</loc>
+    <lastmod>2020-09-09T19:59:31+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/blog/2020/my-new-hugo-page/</loc>
+    <lastmod>2020-09-09T19:59:31+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/blog/2020/graphic-for-natenoms-blog/</loc>
+    <lastmod>2020-08-29T12:12:53+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/categories/</loc>
+    <lastmod>2020-08-29T12:12:53+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/categories/natenomsblog/</loc>
+    <lastmod>2020-08-29T12:12:53+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2015/natenoms-blog/</loc>
+    <lastmod>2020-08-20T12:00:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2018/gitea-theme-vrifox-2018/</loc>
+    <lastmod>2019-06-09T12:00:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2017/mmm-dark/</loc>
+    <lastmod>2017-01-01T12:00:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2014/omega-for-mumble/</loc>
+    <lastmod>2016-05-24T12:00:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/projects/2015/simpleblog/</loc>
+    <lastmod>2015-09-29T12:00:00+02:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>https://vrifox.cc/vrifox.cc_hugo/tags/</loc>
+  </url>
+  
+</urlset>
\ No newline at end of file
diff --git a/public/tags/index.html b/public/tags/index.html
new file mode 100644
index 0000000..1e77238
--- /dev/null
+++ b/public/tags/index.html
@@ -0,0 +1,105 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title> Tags – Have a nice day.</title>
+    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <link rel="stylesheet" href="https://vrifox.cc/vrifox.cc_hugo/scss/_default/list.css" type="text/css" media="screen" />
+
+    <link rel="icon" type="image/png" href="/favicon.png">
+  </head>
+
+  <body>
+    <nav>
+  <div class="container">
+    <section class="website-name">
+      <a href="https://vrifox.cc/vrifox.cc_hugo/">Vrifox</a>
+    </section>
+    <section class="website-nav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</nav>
+
+    
+<main class="container">
+  <section>
+    <header>
+      <h1></h1>
+      <span class="subtitle"></span>
+    </header>
+    
+  </section>
+  <section class="section-articles">
+  
+  </section>
+</main>
+
+    <footer>
+  <div class="container">
+    <section class="website-version">
+      <span>version 0001-01-01</span>
+    </section>
+    <section class="website-subnav">
+      <ul>
+        
+        
+          <li>
+            <a href="/vrifox.cc_hugo/blog">
+              
+              <span>Blog</span>
+            </a>
+          </li>
+        
+          <li>
+            <a href="/vrifox.cc_hugo/projects">
+              
+              <span>Projects</span>
+            </a>
+          </li>
+        
+        <li>|</li>
+        
+          <li>
+            <a href="https://social.anoxinon.de/@vrifox">
+              
+              <span>Mastodon</span>
+            </a>
+          </li>
+        
+      </ul>
+    </section>
+  </div>
+</footer>
+
+  </body>
+</html>
diff --git a/public/tags/index.xml b/public/tags/index.xml
new file mode 100644
index 0000000..2d62b6e
--- /dev/null
+++ b/public/tags/index.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Tags on Have a nice day.</title>
+    <link>https://vrifox.cc/vrifox.cc_hugo/tags/</link>
+    <description>Recent content in Tags on Have a nice day.</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    
+	<atom:link href="https://vrifox.cc/vrifox.cc_hugo/tags/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/upload/2018/11/blog.natenom.com.png b/public/upload/2018/11/blog.natenom.com.png
new file mode 100644
index 0000000..dd5e2c9
Binary files /dev/null and b/public/upload/2018/11/blog.natenom.com.png differ
diff --git a/public/upload/2020/01/gitea-theme.png b/public/upload/2020/01/gitea-theme.png
new file mode 100644
index 0000000..0f31d67
Binary files /dev/null and b/public/upload/2020/01/gitea-theme.png differ
diff --git a/public/upload/2020/01/mmm-dark-mumble-theme.png b/public/upload/2020/01/mmm-dark-mumble-theme.png
new file mode 100644
index 0000000..6a2b140
Binary files /dev/null and b/public/upload/2020/01/mmm-dark-mumble-theme.png differ
diff --git a/public/upload/2020/01/omega-for-mumble-theme.png b/public/upload/2020/01/omega-for-mumble-theme.png
new file mode 100644
index 0000000..761e2a0
Binary files /dev/null and b/public/upload/2020/01/omega-for-mumble-theme.png differ
diff --git a/public/upload/2020/08/fahrradteile-v2-1.png b/public/upload/2020/08/fahrradteile-v2-1.png
new file mode 100644
index 0000000..0d46a62
Binary files /dev/null and b/public/upload/2020/08/fahrradteile-v2-1.png differ
diff --git a/public/upload/2020/09/simpleblog.png b/public/upload/2020/09/simpleblog.png
new file mode 100644
index 0000000..fc3b8b6
Binary files /dev/null and b/public/upload/2020/09/simpleblog.png differ
diff --git a/public/upload/2020/09/vrifox.cc-2020-09.png b/public/upload/2020/09/vrifox.cc-2020-09.png
new file mode 100644
index 0000000..a7fb0c7
Binary files /dev/null and b/public/upload/2020/09/vrifox.cc-2020-09.png differ
diff --git a/public/upload/2020/09/vrifox.cc_blank-2020-08.png b/public/upload/2020/09/vrifox.cc_blank-2020-08.png
new file mode 100644
index 0000000..2cd8969
Binary files /dev/null and b/public/upload/2020/09/vrifox.cc_blank-2020-08.png differ
diff --git a/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..bd83e50
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,121 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  font-style: italic;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+
+nav > .container {
+  display: flex;
+  align-items: center; }
+
+.website-name a {
+  color: whitesmoke;
+  text-decoration: none;
+  background: #ff8282;
+  padding: 5px 10px;
+  border-radius: 20px;
+  text-shadow: #ff6464 2px 2px; }
+
+.website-nav {
+  margin-left: auto; }
+
+.website-nav ul {
+  display: flex;
+  padding: 0; }
+
+.website-nav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-nav a {
+  color: whitesmoke;
+  text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+
+footer > .container {
+  display: flex;
+  align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+
+.website-subnav ul {
+  display: flex;
+  padding: 0; }
+
+.website-subnav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-subnav a {
+  color: #c8c8e6; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+
+header h1 {
+  font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem; }
+
+.section-articles article {
+  background: #3c3c5a;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-flow: column;
+  height: max-content; }
+
+.section-articles article img {
+  order: -1;
+  max-width: calc(100% + 40px);
+  border-radius: 5px;
+  margin: -20px -20px 20px -20px; }
+
+.section-articles article h1 {
+  margin-top: 0px; }
+
+.section-articles article a {
+  color: white; }
+
+.section-articles article a:hover {
+  text-decoration: underline; }
+
+.section-articles article > .meta {
+  margin: 0; }
+
+.section-articles article .author {
+  font-style: italic;
+  color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..78ce8a7
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/_default/list.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..d1c5256
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,130 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  font-style: italic;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+
+nav > .container {
+  display: flex;
+  align-items: center; }
+
+.website-name a {
+  color: whitesmoke;
+  text-decoration: none;
+  background: #ff8282;
+  padding: 5px 10px;
+  border-radius: 20px;
+  text-shadow: #ff6464 2px 2px; }
+
+.website-nav {
+  margin-left: auto; }
+
+.website-nav ul {
+  display: flex;
+  padding: 0; }
+
+.website-nav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-nav a {
+  color: whitesmoke;
+  text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+
+footer > .container {
+  display: flex;
+  align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+
+.website-subnav ul {
+  display: flex;
+  padding: 0; }
+
+.website-subnav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-subnav a {
+  color: #c8c8e6; }
+
+.section-article article {
+  max-width: calc(100% / 3 * 2);
+  margin: 80px auto; }
+
+.section-article article .meta {
+  color: #b4b4dc; }
+
+.section-article article > .title {
+  font-size: 2em;
+  margin-top: 20px; }
+
+.section-article article img {
+  max-width: 100%;
+  margin-bottom: 15px; }
+
+.section-articles {
+  margin: 20px auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  max-width: calc(100% / 3 * 2); }
+
+.section-articles article {
+  background: #3c3c5a;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-flow: column;
+  height: max-content; }
+
+.section-articles article img {
+  order: -1;
+  max-width: calc(100% + 40px);
+  border-radius: 5px;
+  margin: -20px -20px 20px -20px; }
+
+.section-articles article h1 {
+  margin-top: 0px; }
+
+.section-articles article a {
+  color: white; }
+
+.section-articles article a:hover {
+  text-decoration: underline; }
+
+.section-articles article > .meta {
+  margin: 0; }
+
+.section-articles article .author {
+  font-style: italic;
+  color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..32555a8
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/_default/single.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..394e461
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,154 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  font-style: italic;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+
+nav > .container {
+  display: flex;
+  align-items: center; }
+
+.website-name a {
+  color: whitesmoke;
+  text-decoration: none;
+  background: #ff8282;
+  padding: 5px 10px;
+  border-radius: 20px;
+  text-shadow: #ff6464 2px 2px; }
+
+.website-nav {
+  margin-left: auto; }
+
+.website-nav ul {
+  display: flex;
+  padding: 0; }
+
+.website-nav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-nav a {
+  color: whitesmoke;
+  text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+
+footer > .container {
+  display: flex;
+  align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+
+.website-subnav ul {
+  display: flex;
+  padding: 0; }
+
+.website-subnav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-subnav a {
+  color: #c8c8e6; }
+
+header {
+  text-align: center;
+  margin: 150px 0; }
+
+header h1 {
+  font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+
+.section-articles article {
+  background: #3c3c5a;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-flow: column;
+  height: max-content; }
+
+.section-articles article img {
+  order: -1;
+  max-width: calc(100% + 40px);
+  border-radius: 5px;
+  margin: -20px -20px 20px -20px; }
+
+.section-articles article h1 {
+  margin-top: 0px; }
+
+.section-articles article a {
+  color: white; }
+
+.section-articles article a:hover {
+  text-decoration: underline; }
+
+.section-articles article > .meta {
+  margin: 0; }
+
+.section-articles article .author {
+  font-style: italic;
+  color: #c8c8e6; }
+
+.section-projects {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+
+.section-projects article {
+  background: #3c3c5a;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-flow: column;
+  max-width: 562px;
+  height: max-content; }
+
+.section-projects article img {
+  order: -1;
+  max-width: calc(100% + 40px);
+  border-radius: 5px;
+  margin: -20px -20px 20px -20px;
+  background: #505078; }
+
+.section-projects article h1 {
+  margin-top: 0; }
+
+.section-projects article > .meta {
+  margin: 0; }
+
+.section-projects article .status {
+  font-style: italic;
+  color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..cc0d4f3
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/index.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..36d75c5
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,117 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  font-style: italic;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+
+nav > .container {
+  display: flex;
+  align-items: center; }
+
+.website-name a {
+  color: whitesmoke;
+  text-decoration: none;
+  background: #ff8282;
+  padding: 5px 10px;
+  border-radius: 20px;
+  text-shadow: #ff6464 2px 2px; }
+
+.website-nav {
+  margin-left: auto; }
+
+.website-nav ul {
+  display: flex;
+  padding: 0; }
+
+.website-nav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-nav a {
+  color: whitesmoke;
+  text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+
+footer > .container {
+  display: flex;
+  align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+
+.website-subnav ul {
+  display: flex;
+  padding: 0; }
+
+.website-subnav li {
+  list-style-type: none;
+  padding: 10px;
+  padding-left: 20px; }
+
+.website-subnav a {
+  color: #c8c8e6; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+
+header h1 {
+  font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+
+.section-articles article {
+  background: #3c3c5a;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-flow: column;
+  max-width: 562px;
+  height: max-content; }
+
+.section-articles article img {
+  order: -1;
+  max-width: calc(100% + 40px);
+  border-radius: 5px;
+  margin: -20px -20px 20px -20px;
+  background: #505078; }
+
+.section-articles article h1 {
+  margin-top: 0; }
+
+.section-articles article p {
+  margin: 0; }
+
+.section-articles article .status {
+  font-style: italic;
+  color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..958f03d
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/projects/list.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..9e2f576
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,111 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 250px; }
+    .section-articles article h1 {
+      margin-top: 0px; }
+    .section-articles article a {
+      color: white; }
+    .section-articles article a:hover {
+      text-decoration: underline; }
+    .section-articles article .meta {
+      margin: 0; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..78ce8a7
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/_default/list.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..e26ebf4
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,129 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+.section-article article {
+  max-width: calc(100% / 3 * 2);
+  margin: 80px auto; }
+  .section-article article .meta {
+    color: #b4b4dc; }
+  .section-article article .title {
+    font-size: 2em;
+    margin-top: 20px; }
+  .section-article article img {
+    max-width: 100%;
+    margin-bottom: 15px;
+    border-radius: 5px; }
+  .section-article article a {
+    color: #ff8282;
+    transition: background .2s, color .2s;
+    margin: -5px -10px;
+    padding: 5px 10px;
+    border-radius: 5px; }
+  .section-article article a:hover {
+    background: #ff8282;
+    color: #fff0f0;
+    text-decoration: none; }
+
+.section-articles {
+  margin: 20px auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem;
+  max-width: calc(100% / 3 * 2); }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-articles article h1 {
+      margin-top: 0px; }
+    .section-articles article a {
+      color: white; }
+    .section-articles article a:hover {
+      text-decoration: underline; }
+    .section-articles article .meta {
+      margin: 0; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..32555a8
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/_default/single.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..0335aaf
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,145 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+header {
+  text-align: center;
+  margin: 150px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: grid;
+    height: max-content;
+    grid-template-columns: 120px 1fr;
+    grid-template-areas: "img h1" "img p";
+    transition: background .2s; }
+    .section-articles article img {
+      object-fit: cover;
+      height: 180px;
+      width: 120px;
+      border-radius: 5px;
+      border: 0px solid #28283c;
+      grid-area: img;
+      margin: -20px; }
+    .section-articles article h1 {
+      margin: 0px;
+      grid-area: h1; }
+    .section-articles article .meta {
+      margin: 0;
+      grid-area: p; }
+    .section-articles article .author {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+.section-projects {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+  .section-projects a {
+    color: white;
+    text-decoration: none; }
+  .section-projects article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    height: max-content;
+    transition: background .2s; }
+    .section-projects article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-projects article h1 {
+      margin-top: 0; }
+    .section-projects article .meta {
+      margin: 0; }
+    .section-projects article .status {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-projects article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..cc0d4f3
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/index.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
new file mode 100644
index 0000000..b26d852
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -0,0 +1,108 @@
+* {
+  box-sizing: border-box; }
+
+a {
+  color: #ff8282;
+  text-decoration: none; }
+
+a:hover {
+  text-decoration: underline; }
+
+body {
+  background: #28283c;
+  color: #f0f0ff;
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid; }
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto; }
+
+nav {
+  background: #3c3c5a; }
+  nav .container {
+    display: flex;
+    align-items: center; }
+    nav .container .website-name a {
+      color: whitesmoke;
+      text-decoration: none;
+      background: #ff8282;
+      padding: 5px 10px;
+      border-radius: 20px;
+      text-shadow: #ff6464 2px 2px; }
+    nav .container .website-nav {
+      margin-left: auto; }
+      nav .container .website-nav ul {
+        display: flex;
+        padding: 0; }
+      nav .container .website-nav li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px; }
+      nav .container .website-nav a {
+        color: whitesmoke;
+        text-decoration: none; }
+
+header {
+  text-align: center;
+  margin: 100px 0; }
+  header h1 {
+    font-size: 2em; }
+
+.section-articles {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1rem; }
+  .section-articles a {
+    color: white;
+    text-decoration: none; }
+  .section-articles article {
+    background: #3c3c5a;
+    color: white;
+    padding: 20px;
+    border-radius: 5px;
+    display: flex;
+    flex-flow: column;
+    max-width: 562px;
+    height: max-content;
+    transition: background .2s; }
+    .section-articles article img {
+      order: -1;
+      max-width: calc(100% + 40px);
+      border-radius: 5px;
+      margin: -20px -20px 20px -20px;
+      background: #505078;
+      object-fit: cover;
+      max-height: 170px; }
+    .section-articles article h1 {
+      margin-top: 0; }
+    .section-articles article p {
+      margin: 0; }
+    .section-articles article .status {
+      font-style: italic;
+      color: #c8c8e6; }
+  .section-articles article:hover {
+    background: #464669; }
+
+footer {
+  background: #1e1e2d;
+  color: #c8c8e6;
+  margin-top: 100px; }
+  footer .container {
+    display: flex;
+    align-items: center; }
+
+.website-subnav {
+  margin-left: auto; }
+  .website-subnav ul {
+    display: flex;
+    padding: 0; }
+  .website-subnav li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px; }
+  .website-subnav a {
+    color: #c8c8e6; }
diff --git a/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
new file mode 100644
index 0000000..958f03d
--- /dev/null
+++ b/resources/_gen/assets/scss/vrifox.cc_hugo/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@@ -0,0 +1 @@
+{"Target":"scss/projects/list.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..a2dcce4
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..50d6bb7
Binary files /dev/null and b/static/favicon.png differ
diff --git a/static/upload/2018/11/blog.natenom.com.png b/static/upload/2018/11/blog.natenom.com.png
new file mode 100644
index 0000000..dd5e2c9
Binary files /dev/null and b/static/upload/2018/11/blog.natenom.com.png differ
diff --git a/static/upload/2020/01/gitea-theme.png b/static/upload/2020/01/gitea-theme.png
new file mode 100644
index 0000000..0f31d67
Binary files /dev/null and b/static/upload/2020/01/gitea-theme.png differ
diff --git a/static/upload/2020/01/mmm-dark-mumble-theme.png b/static/upload/2020/01/mmm-dark-mumble-theme.png
new file mode 100644
index 0000000..6a2b140
Binary files /dev/null and b/static/upload/2020/01/mmm-dark-mumble-theme.png differ
diff --git a/static/upload/2020/01/omega-for-mumble-theme.png b/static/upload/2020/01/omega-for-mumble-theme.png
new file mode 100644
index 0000000..761e2a0
Binary files /dev/null and b/static/upload/2020/01/omega-for-mumble-theme.png differ
diff --git a/static/upload/2020/08/fahrradteile-v2-1.png b/static/upload/2020/08/fahrradteile-v2-1.png
new file mode 100644
index 0000000..0d46a62
Binary files /dev/null and b/static/upload/2020/08/fahrradteile-v2-1.png differ
diff --git a/static/upload/2020/09/simpleblog.png b/static/upload/2020/09/simpleblog.png
new file mode 100644
index 0000000..fc3b8b6
Binary files /dev/null and b/static/upload/2020/09/simpleblog.png differ
diff --git a/static/upload/2020/09/vrifox.cc-2020-09.png b/static/upload/2020/09/vrifox.cc-2020-09.png
new file mode 100644
index 0000000..a7fb0c7
Binary files /dev/null and b/static/upload/2020/09/vrifox.cc-2020-09.png differ
diff --git a/static/upload/2020/09/vrifox.cc_blank-2020-08.png b/static/upload/2020/09/vrifox.cc_blank-2020-08.png
new file mode 100644
index 0000000..2cd8969
Binary files /dev/null and b/static/upload/2020/09/vrifox.cc_blank-2020-08.png differ