From b05e3efce4f3f7f083ca1876a87c3869ac50aae1 Mon Sep 17 00:00:00 2001
From: Adrien <me@adrien.run>
Date: Sun, 10 Mar 2024 11:01:33 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Add=20SVG=20pattern=20file=20use?=
 =?UTF-8?q?d=20to=20render=20the=20Wallpaper?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 images/wallpaper-pattern.svg  | 14 ++++++++++++++
 src/components/wallpaper.scss |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 images/wallpaper-pattern.svg

diff --git a/images/wallpaper-pattern.svg b/images/wallpaper-pattern.svg
new file mode 100644
index 0000000..861dbb5
--- /dev/null
+++ b/images/wallpaper-pattern.svg
@@ -0,0 +1,14 @@
+<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1152 128"> -->
+<svg xmlns="http://www.w3.org/2000/svg" height="128" width="384" viewBox="0 0 384 128">
+  <pattern id="p" width="384" height="128" patternUnits="userSpaceOnUse" stroke="#1B1B1B" stroke-linejoin="round" stroke-width="4">
+    <path fill="#1DB2CF" d="M 9.736 -15 L -30 3.337 l 23.642 -0.088 L -10.212 15 L 30 -3.425 H 6.834 L 9.736 -15 Z"/>
+    <path fill="#D53583" d="M 201.736 -15 L 162 3.337 l 23.642 -0.088 L 181.788 15 L 222 -3.425 H 198.834 L 201.736 -15 Z"/>
+    <path fill="#1DB2CF" d="M 393.736 -15 L 354 3.337 l 23.642 -0.088 L 373.788 15 L 414 -3.425 H 390.834 L 393.736 -15 Z"/>
+    <path fill="#7E6BB6" d="M 109.736 50 L 70 68.337 l 23.642 -0.088 L 89.788 80 L 130 61.575 H 106.834 L 109.736 50 Z"/>
+    <path fill="#7E6BB6" d="M 297.736 50 L 258 68.337 l 23.642 -0.088 L 277.788 80 L 318 61.575 H 294.834 L 297.736 50 Z"/>
+    <path fill="#1DB2CF" d="M 9.736 114 L -30 132.337 l 23.642 -0.088 L -10.212 144 L 30 125.575 H 6.834 L 9.736 114 Z"/>
+    <path fill="#D53583" d="M 201.736 114 L 162 132.337 l 23.642 -0.088 L 181.788 144 L 222 125.575 H 198.834 L 201.736 114 Z"/>
+    <path fill="#1DB2CF" d="M 393.736 114 L 354 132.337 l 23.642 -0.088 L 373.788 144 L 414 125.575 H 390.834 L 393.736 114 Z"/>
+   </pattern>
+   <rect fill="url(#p)" width="100%" height="100%"/>
+</svg>
diff --git a/src/components/wallpaper.scss b/src/components/wallpaper.scss
index a8b7c8e..ae6e8e1 100644
--- a/src/components/wallpaper.scss
+++ b/src/components/wallpaper.scss
@@ -12,7 +12,7 @@
     overflow: hidden;
 
     .content {
-        background-image: url("./images/background.svg");
+        background-image: url("./images/wallpaper-pattern.svg");
         background-position: center;
 
         width: 150%;