From 67e80e2eed99a35ba145dae26c7d382c049ad792 Mon Sep 17 00:00:00 2001
From: vaporvee <yannik@vaporvee.com>
Date: Sat, 30 Mar 2024 13:58:56 +0100
Subject: [PATCH] animated barber pole background

---
 src/styles/home.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/styles/home.scss b/src/styles/home.scss
index 2d48556..c41cd2e 100644
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -5,8 +5,17 @@ main {
 }
 
 .lines {
-  background-image: url("/diagonal_lines_home.png");
-  background-size: cover;
+  background-color: #1c1427;
+  background-image: 
+    repeating-linear-gradient(
+      -45deg, 
+      transparent, 
+      transparent 2rem,
+      #1e162a 2rem,
+      #1e162a 4rem
+    );
+  background-size: 100vw 99.3vh;
+  animation: barberpole 8s linear infinite;
   background-repeat: repeat;
   min-height: 75vh;
   padding-inline: 10vw;
@@ -43,7 +52,7 @@ main {
       .home-title {
         margin: 0;
         color: #fff;
-        font-family: "Tanker-Regular";
+        font-family: "Tanker-Regular", "Arial";
       }
 
       .using-engines {
@@ -94,3 +103,9 @@ main {
     background-position: 500px;
   }
 }
+
+@keyframes barberpole {
+  100% {
+    background-position: 100% 100%;
+  }
+}
\ No newline at end of file