diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b9f27f0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+assets/css/default.css
+assets/css/schedule-aula.css
+assets/css/speaker-info-aula.css
+assets/css/upcoming-talk-aula.css
+assets/css/fonts.css
+assets/css/schedule.css
+assets/css/talk-info-aula.css
+
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..95e860d
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 L3D <l3d@c3woc.de>
+Copyright (c) 2021 ral
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/assets/scss/css/custom/core/_index.scss b/assets/scss/css/custom/core/_index.scss
new file mode 100644
index 0000000..7534877
--- /dev/null
+++ b/assets/scss/css/custom/core/_index.scss
@@ -0,0 +1,93 @@
+@import "../../fonts/fonts";
+@import "../styles/_variables";
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    margin: 0px;
+    padding: 0px;
+    color: white;
+    background: rgb(80,80,80);
+}
+
+.header {
+    margin: 0px;
+
+    padding-left: 60px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+
+    margin-bottom: 40px;
+
+    // color: lavender;
+    // background: cornflowerblue;
+    // border-bottom: 12px solid royalblue;
+
+    // color: white;
+    // background: #217867;
+    // border-bottom: 12px solid #165044;
+
+    color: white;
+    background: mediumseagreen;
+    border-bottom: 12px solid seagreen;
+
+    font-family: 'Permanent Marker';
+    font-size: 5em;
+    font-weight: 400;
+}
+
+.content {
+    margin-left: 60px;
+
+    h2 {
+        margin-bottom: 10px;
+
+        font-family: 'Architects Daughter';
+        font-size: 2em;
+        font-weight: 400;
+    }
+
+    ul {
+        list-style: none;
+    }
+
+    .infopointitem {
+        padding-bottom: 5px;
+        line-height: 20px;
+
+        // white-space: nowrap;
+
+        display: flex;
+    }
+
+    .bullet {
+        padding-right: 0.5em;
+    }
+
+    // ul li::before {
+    //     content: "-> ";
+    // }
+
+    .infopoint {
+        margin-left: 0.5em;
+        text-decoration: none;
+
+        // color: #ff6600;
+        color: mediumaquamarine;
+
+        &:hover {
+            // color: #d45500;
+            color: aquamarine;
+        }
+    }
+
+    .redirect {
+        font-size: 0.8rem;
+
+        li {
+            padding: 0px;
+        }
+    }
+}
diff --git a/assets/scss/css/custom/nodes/default.scss b/assets/scss/css/custom/nodes/default.scss
new file mode 100644
index 0000000..0771b98
--- /dev/null
+++ b/assets/scss/css/custom/nodes/default.scss
@@ -0,0 +1 @@
+@import "../styles/_base";
diff --git a/assets/scss/css/custom/nodes/schedule-aula.scss b/assets/scss/css/custom/nodes/schedule-aula.scss
new file mode 100644
index 0000000..da31348
--- /dev/null
+++ b/assets/scss/css/custom/nodes/schedule-aula.scss
@@ -0,0 +1,4 @@
+@import "../styles/_base";
+
+@import "../styles/_schedule";
+@import "../styles/_clock";
diff --git a/assets/scss/css/custom/nodes/schedule.scss b/assets/scss/css/custom/nodes/schedule.scss
new file mode 100644
index 0000000..da31348
--- /dev/null
+++ b/assets/scss/css/custom/nodes/schedule.scss
@@ -0,0 +1,4 @@
+@import "../styles/_base";
+
+@import "../styles/_schedule";
+@import "../styles/_clock";
diff --git a/assets/scss/css/custom/nodes/speaker-info-aula.scss b/assets/scss/css/custom/nodes/speaker-info-aula.scss
new file mode 100644
index 0000000..83cb99b
--- /dev/null
+++ b/assets/scss/css/custom/nodes/speaker-info-aula.scss
@@ -0,0 +1,3 @@
+@import "../styles/_base";
+
+@import "../styles/_banner-speaker";
diff --git a/assets/scss/css/custom/nodes/talk-info-aula.scss b/assets/scss/css/custom/nodes/talk-info-aula.scss
new file mode 100644
index 0000000..44868c1
--- /dev/null
+++ b/assets/scss/css/custom/nodes/talk-info-aula.scss
@@ -0,0 +1,3 @@
+@import "../styles/_base";
+
+@import "../styles/_banner-talk";
diff --git a/assets/scss/css/custom/nodes/upcoming-talk-aula.scss b/assets/scss/css/custom/nodes/upcoming-talk-aula.scss
new file mode 100644
index 0000000..fbe38c5
--- /dev/null
+++ b/assets/scss/css/custom/nodes/upcoming-talk-aula.scss
@@ -0,0 +1,3 @@
+@import "../styles/_base";
+
+@import "../styles/_upcoming-talk";
diff --git a/assets/scss/css/custom/styles/_banner-speaker.scss b/assets/scss/css/custom/styles/_banner-speaker.scss
new file mode 100644
index 0000000..606a43e
--- /dev/null
+++ b/assets/scss/css/custom/styles/_banner-speaker.scss
@@ -0,0 +1,62 @@
+@import "_variables";
+@import "_base";
+
+.slide {
+    background-color: $color-bg;
+}
+
+.speaker-box {
+    // position: absolute;
+    position: relative;
+    top: 950px;
+    left: 50px;
+
+    width: auto;
+    max-width: 1000px;
+}
+
+.speaker {
+    background-color: $color-bg-medium;
+
+    border-width: 0 0 0 10px;
+    border-style: solid;
+    border-color: $color-orange-strong;
+
+    //---vertical-align: middle;
+    white-space: normal;
+
+    padding: 5px 20px;
+    padding-left: 25px;
+
+    font-family: 'Open Sans';
+    font-weight: 500;
+    font-size: 48px;
+}
+
+.speaker .title {
+}
+
+.speaker .names {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    box-orient: vertical;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    white-space: normal;
+
+    color: $color-speaker;
+}
+
+.type-0 {
+    display: none;
+}
+
+img {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
diff --git a/assets/scss/css/custom/styles/_banner-talk.scss b/assets/scss/css/custom/styles/_banner-talk.scss
new file mode 100644
index 0000000..6105931
--- /dev/null
+++ b/assets/scss/css/custom/styles/_banner-talk.scss
@@ -0,0 +1,83 @@
+@import "_variables";
+@import "_base";
+
+.slide {
+    background-color: $color-bg;
+}
+
+.talk-box {
+    // position: absolute;
+    position: relative;
+    top: 950px;
+    left: 50px;
+
+    width: auto;
+    max-width: 1400px;
+}
+
+.talk {
+    background-color: $color-bg-medium;
+
+    border-width: 0 0 0 10px;
+    border-style: solid;
+    border-color: $color-orange-strong;
+
+    // vertical-align: middle;
+    white-space: normal;
+
+    padding: 10px 15px;
+    padding-left: 20px;
+
+    font-family: 'Open Sans';
+    font-weight: 400;
+}
+
+.talk .title {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    box-orient: vertical;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    font-size: 28px;
+
+    color: $color-talk;
+
+    &:before {
+        content: "«";
+        padding: 0;
+    }
+
+    &:after {
+        content: "»";
+        padding: 0;
+    }
+}
+
+.talk .names {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    box-orient: vertical;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    font-size: 24px;
+    font-style: italic;
+
+    color: $color-speaker;
+}
+
+.type-0 {
+    display: none;
+}
+
+img {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
diff --git a/assets/scss/css/custom/styles/_base.scss b/assets/scss/css/custom/styles/_base.scss
new file mode 100644
index 0000000..3b383ef
--- /dev/null
+++ b/assets/scss/css/custom/styles/_base.scss
@@ -0,0 +1,26 @@
+@import "../../fonts/fonts";
+@import "_variables";
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    color: rgb(255,255,255);
+    background: rgb(100,100,100);
+    margin: 0px;
+    padding: 0px;
+}
+
+#main {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+.slide {
+    position: relative;
+    width: $full-width;
+    height: $full-height;
+    overflow: hidden;
+}
diff --git a/assets/scss/css/custom/styles/_clock.scss b/assets/scss/css/custom/styles/_clock.scss
new file mode 100644
index 0000000..0c878b7
--- /dev/null
+++ b/assets/scss/css/custom/styles/_clock.scss
@@ -0,0 +1,24 @@
+#clock {
+    position: relative;
+    top: 0px;
+    left: 0px;
+
+    width: $full-width;
+    height: $full-height;
+    overflow: hidden;
+
+    z-index: 1000;
+}
+
+.clock {
+    position: absolute;
+
+    top: 240px;
+    left: 900px;
+
+    font-family: 'Source Code Pro';
+    font-weight: 600;
+    font-size: 60px;
+
+    color: white;
+}
diff --git a/assets/scss/css/custom/styles/_schedule.scss b/assets/scss/css/custom/styles/_schedule.scss
new file mode 100644
index 0000000..5ba3cac
--- /dev/null
+++ b/assets/scss/css/custom/styles/_schedule.scss
@@ -0,0 +1,215 @@
+@import "_variables";
+@import "_base";
+
+
+.slide {
+    background-color: $color-bg;
+}
+
+
+.header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+
+
+.room-location {
+    position: absolute;
+    top: 240px;
+    //top: 255px;
+    // right: 65px;
+    left: 1300px;
+
+    z-index: 20;
+
+    font-family: 'Source Code Pro';
+    font-weight: 500;
+    //font-size: 40px;
+    font-size: 60px;
+
+
+    text-align: end;
+    color: white;
+
+    // box-align: center;
+    // -moz-box-align: center;
+    // -webkit-box-align: center;
+}
+
+.schedule {
+    position: absolute;
+    top: 240px;
+    left: 65px;
+
+    /* 1920 - 2 * 65 */
+    width: 1790px;
+
+    color: white;
+}
+
+.schedule .title {
+    // position: static;
+
+    font-family: 'Source Code Pro';
+    font-weight: 700;
+    font-size: 60px;
+
+    //text-align: bottom;
+}
+
+
+.events {
+    position: absolute;
+    top: 360px;
+    left: 65px;
+
+    width: 1790px;
+    // width: 1820px;
+    // 5 * 110 + 4 * 25
+    // height: 660px;
+    // 5 * 109 + 4 * 25
+    height: 645px;
+
+    overflow: hidden;
+}
+
+.event {
+    position: relative;
+    // left: 0px;
+
+    margin-bottom: 25px;
+    width: 100%;
+
+    // overflow: hidden;
+}
+
+.event-time {
+    position: absolute;
+    // top: 0;
+    left: 0px;
+
+    font-family: 'Source Code Pro';
+    font-weight: 400;
+    font-size: 50px;
+
+    color: white;
+
+    // max-width: 50px;
+}
+
+.event-location {
+    position: absolute;
+    left: 200px;
+
+    font-family: 'Open Sans';
+    font-weight: 400;
+    font-size: 50px;
+
+    // width: 100px;
+    // max-width: 100px;
+    // background-color: purple;
+}
+
+.this-room {
+    font-style: italic;
+    color: white;
+}
+
+
+
+.event-info {
+    position: relative;
+    left: 250px;
+    width: 1500px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+
+    // word-break: break-all;
+    // overflow-wrap: break-word;
+
+    font-family: 'Open Sans';
+    font-weight: 400;
+    font-size: 45px;
+
+    // max-width: 100px;
+}
+
+.event-title {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.event-speaker {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    font-style: italic;
+    font-size: 35px;
+}
+
+.type-0 {
+    .event-title{
+        color: $color-warm-white;
+    }
+    .event-speaker {
+        display: none;
+        color: $color-warm-white;
+    }
+}
+
+.type-1 {
+    .event-title{
+        color: $color-talk;
+    }
+    .event-speaker {
+        color: $color-speaker;
+    }
+}
+
+.type-2 {
+    .event-title{
+        color: $color-talk;
+    }
+    .event-speaker {
+        color: $color-speaker;
+    }
+}
+
+
+.stale {
+    animation-name: fade-to-gray-anim;
+    animation-duration: 2s;
+    animation-iteration-count: 1;
+    animation-timing-function: linear;
+    animation-fill-mode: both;
+}
+
+.lapse {
+    animation-name: fadeout-anim;
+    animation-duration: 5s;
+    animation-iteration-count: 1;
+    animation-timing-function: linear;
+    animation-fill-mode: both;
+}
+
+@keyframes fade-to-gray-anim {
+    0% { }
+    100% { color: gray; }
+}
+
+@keyframes fadeout-anim {
+    0% { opacity: 100%; }
+    100% { opacity: 10%; }
+}
diff --git a/assets/scss/css/custom/styles/_upcoming-talk.scss b/assets/scss/css/custom/styles/_upcoming-talk.scss
new file mode 100644
index 0000000..d7a891a
--- /dev/null
+++ b/assets/scss/css/custom/styles/_upcoming-talk.scss
@@ -0,0 +1,246 @@
+@import "_variables";
+@import "_base";
+
+
+.header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+
+
+.slide {
+    background-color: $color-bg;
+
+    color: $color-warm-white;
+}
+
+
+.upper {
+    position: absolute;
+    left: 200px;
+    top: 250px;
+
+    width: 1520px;
+    height: 250px;
+
+    // border-width: 2px;
+    // border-style: solid;
+    // border-radius: 8px;
+
+    // border-color: $color-talk;
+
+    // border-top-color: $color-talk;
+    // border-left-color: $color-talk;
+    // border-right-color: $color-speaker;
+    // border-bottom-color: $color-speaker;
+
+    overflow: hidden;
+}
+
+.lower {
+    position: absolute;
+    top: 550px;
+    left: 200px;
+
+    width: 1520px;
+    height: 490px;
+
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 8px;
+
+    // border-color: $color-talk;
+
+    border-top-color: $color-talk;
+    border-left-color: $color-talk;
+    border-right-color: $color-speaker;
+    border-bottom-color: $color-speaker;
+
+    overflow: hidden;
+}
+
+
+.event-meta {
+    height: 250px;
+
+    background-color: $color-bg;
+
+    font-family: 'Open Sans';
+    font-weight: 600;
+    font-size: 50px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+}
+
+.title {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    padding: 0px 100px;
+
+    text-align: center;
+
+    color: $color-talk;
+}
+
+.subtitle {
+    display: none;
+}
+
+.speakers {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    padding-top: 10px;
+    padding-left: 25px;
+
+    font-weight: 500;
+    font-style: italic;
+    font-size: 30px;
+
+    margin-bottom: 15px;
+
+    color: $color-speaker;
+}
+
+.starttime {
+    position: absolute;
+    right: 0px;
+    bottom: 0px;
+
+    padding-bottom: 15px;
+    padding-right: 25px;
+
+    font-family: 'Source Code Pro';
+    font-weight: 500;
+    font-size: 30px;
+}
+
+
+.event-content {
+    position: absolute;
+    left: 0px;
+
+    width: 735px;
+    height: 480px;
+}
+
+.event-description {
+    font-family: 'Open Sans';
+    font-weight: 400;
+    font-size: 25px;
+}
+
+.event-description-title {
+    padding-top: 10px;
+    padding-left: 15px;
+
+    margin-bottom: 20px;
+
+    font-weight: 500;
+    font-size: 30px;
+
+    color: $color-talk;
+}
+
+.event-description-text {
+    display: -webkit-box;
+    -webkit-line-clamp: 12;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    padding-left: 50px;
+    padding-right: 50px;
+
+    font-size: 24px;
+
+    text-align: justify;
+    word-wrap: break-word;
+    word-break: break-word;
+    // word-break: break-all;
+    hyphens: auto;
+}
+
+
+.speaker-meta {
+    position: absolute;
+    right: 0px;
+
+    width: 745px;
+    height: 480px;
+}
+
+.speaker-info {
+    font-family: 'Open Sans';
+    font-weight: 400;
+    font-size: 25px;
+}
+
+.speaker-name {
+    padding-top: 10px;
+    padding-left: 15px;
+
+    margin-bottom: 20px;
+
+    font-weight: 500;
+    font-size: 30px;
+
+    color: $color-speaker;
+}
+
+.speaker-bio {
+    display: -webkit-box;
+    -webkit-line-clamp: 12;
+    -webkit-box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    padding-left: 50px;
+    padding-right: 50px;
+
+    font-size: 24px;
+
+    text-align: justify;
+    word-wrap: break-word;
+    word-break: break-word;
+    // word-break: break-all;
+    hyphens: auto;
+}
+
+
+.upper.type-0 {
+    .title {
+        margin-top: 50px;
+        color: $color-warm-white;
+    }
+    .speakers {
+        display: none;
+        // color: $color-warm-white;
+    }
+    .starttime {
+        position: unset;
+        margin-top: 79px;
+        padding: 0px 100px;
+
+        text-align: center;
+    }
+}
+
+.lower.type-0 {
+    display: none;
+}
diff --git a/assets/scss/css/custom/styles/_variables.scss b/assets/scss/css/custom/styles/_variables.scss
new file mode 100644
index 0000000..b2bf3cb
--- /dev/null
+++ b/assets/scss/css/custom/styles/_variables.scss
@@ -0,0 +1,18 @@
+$full-width: 1920px;
+$full-height: 1080px;
+
+
+// $color-bg: rgb(54, 54, 54);
+$color-bg: rgb(20, 29, 36);
+$color-bg-medium: rgb(74, 74, 74);
+$color-bg-light: rgb(153, 153, 153);
+
+$color-title: rgb(33, 56, 71);
+
+$color-speaker: rgb(250, 177, 97);
+$color-talk: rgb(90, 159, 212);
+
+$color-warm-white: rgb(255, 252, 234);
+
+$color-orange-strong: rgb(247, 107, 28);
+$color-blue-strong: rgb(48, 105, 152);
diff --git a/assets/scss/css/fonts/architects-daughter.css b/assets/scss/css/fonts/architects-daughter.css
new file mode 100644
index 0000000..cffeffb
--- /dev/null
+++ b/assets/scss/css/fonts/architects-daughter.css
@@ -0,0 +1,8 @@
+/* architects-daughter-regular - latin */
+@font-face {
+  font-family: 'Architects Daughter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/architects-daughter-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/architects-daughter-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/assets/scss/css/fonts/fonts.scss b/assets/scss/css/fonts/fonts.scss
new file mode 100644
index 0000000..71b2e14
--- /dev/null
+++ b/assets/scss/css/fonts/fonts.scss
@@ -0,0 +1,5 @@
+@import "permanent-marker";
+@import "architects-daughter";
+
+@import "source-code-pro";
+@import "open-sans";
diff --git a/assets/scss/css/fonts/open-sans.css b/assets/scss/css/fonts/open-sans.css
new file mode 100644
index 0000000..3fda1f6
--- /dev/null
+++ b/assets/scss/css/fonts/open-sans.css
@@ -0,0 +1,107 @@
+/* open-sans-300 - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-regular - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-500 - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 500;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-600 - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-700 - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-800 - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-300italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 300;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-500italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 500;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-600italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 600;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-700italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-800italic - latin-ext_latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  src: url('./fonts/open-sans-v34-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/open-sans-v34-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/assets/scss/css/fonts/permanent-marker.css b/assets/scss/css/fonts/permanent-marker.css
new file mode 100644
index 0000000..88da917
--- /dev/null
+++ b/assets/scss/css/fonts/permanent-marker.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Permanent Marker';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/permanent-marker-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/permanent-marker-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/assets/scss/css/fonts/source-code-pro.css b/assets/scss/css/fonts/source-code-pro.css
new file mode 100644
index 0000000..c9c3285
--- /dev/null
+++ b/assets/scss/css/fonts/source-code-pro.css
@@ -0,0 +1,143 @@
+/* source-code-pro-200 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 200;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-300 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 300;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-regular - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-500 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 500;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-600 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 600;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-700 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 700;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-800 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 800;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-900 - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 900;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-200italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 200;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-300italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 300;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-500italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 500;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 400;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-600italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 600;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-700italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 700;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-800italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 800;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* source-code-pro-900italic - latin-ext_latin */
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: italic;
+  font-weight: 900;
+  src: url('./fonts/source-code-pro-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./fonts/source-code-pro-v20-latin-ext_latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/voc-info.lektorproject b/voc-info.lektorproject
index 71173bf..e4e2113 100644
--- a/voc-info.lektorproject
+++ b/voc-info.lektorproject
@@ -1,2 +1,5 @@
 [project]
 name = voc-info
+
+[packages]
+lektor-scss = 1.4.2