diff --git a/package.json b/package.json
index 0780854..6965376 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"version": "1.0.0",
"description": "website for sp-codes.de",
"scripts": {
- "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer src/scss/main.scss dist/css/main.css",
+ "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer src/scss/ -o dist/css/",
"watch:eleventy": "eleventy --serve",
"watch:sass": "npm run compile-sass -- --watch",
"start": "npm-run-all compile-sass --parallel watch:*",
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 6de20f9..338d3a6 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -32,6 +32,7 @@ title: sp-codes
+
diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index fee4d7d..6c2b6bc 100644
--- a/src/_includes/layouts/home.njk
+++ b/src/_includes/layouts/home.njk
@@ -4,7 +4,7 @@ layout: base.njk
diff --git a/src/scss/logo.scss b/src/scss/logo.scss
new file mode 100644
index 0000000..1172ba0
--- /dev/null
+++ b/src/scss/logo.scss
@@ -0,0 +1,49 @@
+// vivus instant logo animation
+
+.cEsZQnrx_0 {
+ stroke-dasharray: 1405 1407;
+ stroke-dashoffset: 1406;
+ animation: cEsZQnrx_draw 1300ms ease-out 0ms forwards;
+}
+
+.cEsZQnrx_1 {
+ stroke-dasharray: 572 574;
+ stroke-dashoffset: 573;
+ animation: cEsZQnrx_draw 1300ms ease-out 175ms forwards;
+}
+
+.cEsZQnrx_2 {
+ stroke-dasharray: 530 532;
+ stroke-dashoffset: 531;
+ animation: cEsZQnrx_draw 1300ms ease-out 350ms forwards;
+}
+
+.cEsZQnrx_3 {
+ stroke-dasharray: 620 622;
+ stroke-dashoffset: 621;
+ animation: cEsZQnrx_draw 1300ms ease-out 525ms forwards;
+}
+
+.cEsZQnrx_4 {
+ stroke-dasharray: 1088 1090;
+ stroke-dashoffset: 1089;
+ animation: cEsZQnrx_draw 1300ms ease-out 700ms forwards;
+}
+
+@keyframes cEsZQnrx_draw {
+ 100% {
+ stroke-dashoffset: 0;
+ }
+}
+
+@keyframes cEsZQnrx_fade {
+ 0% {
+ stroke-opacity: 1;
+ }
+ 93.54838709677419% {
+ stroke-opacity: 1;
+ }
+ 100% {
+ stroke-opacity: 0;
+ }
+}