From 0b3c4654ba12596546d44daa6f15d039af16a145 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Tue, 4 Oct 2022 18:34:57 +0200
Subject: [PATCH] feat: migrate to purple theme for waves

---
 src/assets/wave.invert.1.svg   | 83 ++++++++++++++++++++++++++++-----
 src/assets/wave.invert.2.svg   | 84 +++++++++++++++++++++++++++++-----
 src/components/SkillPicker.vue |  2 +-
 3 files changed, 144 insertions(+), 25 deletions(-)

diff --git a/src/assets/wave.invert.1.svg b/src/assets/wave.invert.1.svg
index e2eb771..015a41c 100644
--- a/src/assets/wave.invert.1.svg
+++ b/src/assets/wave.invert.1.svg
@@ -1,13 +1,72 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="420mm" height="20.822mm" version="1.1" viewBox="0 0 420 20.822" xmlns="http://www.w3.org/2000/svg">
-	<defs>
-		<linearGradient id="a" x1="787.57" x2="787.57" y1="4.8222" y2="78.695" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#fff" stop-opacity=".97647" offset="0"/>
-			<stop stop-color="#fff" stop-opacity=".89804" offset=".59203"/>
-			<stop stop-color="#fff" offset="1"/>
-		</linearGradient>
-	</defs>
-	<g transform="translate(-.83328 -158.95)">
-		<path transform="matrix(.26458 0 0 .26458 .83328 158.95)" d="m606.63 54.502c-83.352 2.1157-145.7-25.555-224.09-24.496s-178.77 28.151-242.71 33.189c-63.941 5.0388-69.397 2.5932-139.83 2.9902v12.51h1587.4v-12.51l-43.672-0.2875c-118.61-0.78082-508.71-61.141-665.74-55.086-157.03 6.0549-188 41.574-271.35 43.69z" fill="url(#a)" stroke-width=".56894"/>
-	</g>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="420mm"
+   height="20.822mm"
+   version="1.1"
+   viewBox="0 0 420 20.822"
+   id="svg4984"
+   sodipodi:docname="wave.invert.1.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview4986"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.79815972"
+     inkscape:cx="793.70079"
+     inkscape:cy="38.839344"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4984" />
+  <defs
+     id="defs4978">
+    <linearGradient
+       id="a"
+       x1="787.57"
+       x2="787.57"
+       y1="4.8222"
+       y2="78.695"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#fff"
+         stop-opacity=".97647"
+         offset="0"
+         id="stop4971"
+         style="stop-color:#745cfc;stop-opacity:0.98000002;" />
+      <stop
+         stop-color="#fff"
+         stop-opacity=".89804"
+         offset="0.59202999"
+         id="stop4973"
+         style="stop-color:#745cfc;stop-opacity:0.89999998;" />
+      <stop
+         stop-color="#fff"
+         offset="1"
+         id="stop4975"
+         style="stop-color:#745cfc;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <g
+     transform="translate(-.83328 -158.95)"
+     id="g4982">
+    <path
+       transform="matrix(.26458 0 0 .26458 .83328 158.95)"
+       d="m606.63 54.502c-83.352 2.1157-145.7-25.555-224.09-24.496s-178.77 28.151-242.71 33.189c-63.941 5.0388-69.397 2.5932-139.83 2.9902v12.51h1587.4v-12.51l-43.672-0.2875c-118.61-0.78082-508.71-61.141-665.74-55.086-157.03 6.0549-188 41.574-271.35 43.69z"
+       fill="url(#a)"
+       stroke-width=".56894"
+       id="path4980" />
+  </g>
 </svg>
diff --git a/src/assets/wave.invert.2.svg b/src/assets/wave.invert.2.svg
index 6d29a5f..28791b2 100644
--- a/src/assets/wave.invert.2.svg
+++ b/src/assets/wave.invert.2.svg
@@ -1,13 +1,73 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="420mm" height="20.822mm" version="1.1" viewBox="0 0 420 20.822" xmlns="http://www.w3.org/2000/svg">
-	<defs>
-		<linearGradient id="a" x1="775" x2="775" y1="78.695" y2="-.00018898" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#fff" stop-opacity=".25098" offset="0"/>
-			<stop stop-color="#fff" stop-opacity=".14902" offset=".22879"/>
-			<stop stop-color="#fff" stop-opacity=".05098" offset="1"/>
-		</linearGradient>
-	</defs>
-	<g transform="translate(-.83328 -158.95)">
-		<path transform="matrix(.26458 0 0 .26458 .83328 158.95)" d="m606.63 28.502c-75.125 1.5646-148.96-25.511-224.09-24.496-81.65 1.1031-161.31 26.774-242.71 33.189-46.477 3.6626-69.397 2.5932-139.83 2.9902v38.51h1587.4v-38.51c-9.6396 0.39215-29.126 0.28262-43.672-0.2875-85.048-3.3332-169.58-19.372-254.68-18.308-79.795 0.99823-158.54 26.167-238.28 23.133-86.633-3.2952-169.52-43.758-256.21-44.724-63.351-0.70603-124.57 27.183-187.92 28.502z" fill="url(#a)" stroke-width=".56894"/>
-	</g>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="420mm"
+   height="20.822mm"
+   version="1.1"
+   viewBox="0 0 420 20.822"
+   id="svg7400"
+   sodipodi:docname="wave.invert.2.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7402"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.86745536"
+     inkscape:cx="659.97633"
+     inkscape:cy="39.195101"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7400" />
+  <defs
+     id="defs7394">
+    <linearGradient
+       id="a"
+       x1="775"
+       x2="775"
+       y1="78.695"
+       y2="-.00018898"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#fff"
+         stop-opacity=".25098"
+         offset="0"
+         id="stop7387"
+         style="stop-color:#745cfc;stop-opacity:0.25;" />
+      <stop
+         stop-color="#fff"
+         stop-opacity=".14902"
+         offset="0.22879"
+         id="stop7389"
+         style="stop-color:#745cfc;stop-opacity:0.15000001;" />
+      <stop
+         stop-color="#fff"
+         stop-opacity=".05098"
+         offset="1"
+         id="stop7391"
+         style="stop-color:#745cfc;stop-opacity:0.05;" />
+    </linearGradient>
+  </defs>
+  <g
+     transform="translate(-.83328 -158.95)"
+     id="g7398">
+    <path
+       transform="matrix(.26458 0 0 .26458 .83328 158.95)"
+       d="m606.63 28.502c-75.125 1.5646-148.96-25.511-224.09-24.496-81.65 1.1031-161.31 26.774-242.71 33.189-46.477 3.6626-69.397 2.5932-139.83 2.9902v38.51h1587.4v-38.51c-9.6396 0.39215-29.126 0.28262-43.672-0.2875-85.048-3.3332-169.58-19.372-254.68-18.308-79.795 0.99823-158.54 26.167-238.28 23.133-86.633-3.2952-169.52-43.758-256.21-44.724-63.351-0.70603-124.57 27.183-187.92 28.502z"
+       fill="url(#a)"
+       stroke-width=".56894"
+       id="path7396" />
+  </g>
 </svg>
diff --git a/src/components/SkillPicker.vue b/src/components/SkillPicker.vue
index 8b70463..e211f60 100644
--- a/src/components/SkillPicker.vue
+++ b/src/components/SkillPicker.vue
@@ -152,7 +152,7 @@
 			width: 100vw;
 			height: 100vh;
 
-		background: linear-gradient(45deg, #564ba4, #745cfc);
+		background: linear-gradient(0, #564ba4, #745cfc);
 
 		.container {
 			display: flex;