From f5615a5b00aa2310e162488dd84303de074f6876 Mon Sep 17 00:00:00 2001
From: pml68 <tutorialmester@gmail.com>
Date: Tue, 16 Jan 2024 18:25:21 +0100
Subject: feat: remove test square, add waves for the top corners

---
 src/app.scss             | 19 +++++++++++++++++++
 src/lib/assets/wave1.svg |  1 +
 src/lib/assets/wave2.svg |  1 +
 src/routes/+page.svelte  |  7 ++++---
 4 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/assets/wave1.svg
 create mode 100644 src/lib/assets/wave2.svg

(limited to 'src')

diff --git a/src/app.scss b/src/app.scss
index d60437a..a8669f5 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -8,6 +8,8 @@ body {
   background-color: #1e1e2e;
   color: #a6fbb2;
   font-family: 'Rubik', sans-serif;
+  width: 100%;
+  overflow: hidden;
 }
 
 .ii {
@@ -31,3 +33,20 @@ body {
   width: 100%;
   z-index: 100;
 }
+
+.wave {
+  position: absolute;
+  top: 0;
+  max-width: 100vw;
+  max-height: 100vh;
+}
+
+.wave1 {
+  left: 0;
+  transform: rotate(-45deg) translate(-30%, -80%);
+}
+
+.wave2 {
+  right: 0;
+  transform: rotate(45deg) translate(50%, -90%);
+}
diff --git a/src/lib/assets/wave1.svg b/src/lib/assets/wave1.svg
new file mode 100644
index 0000000..76699ab
--- /dev/null
+++ b/src/lib/assets/wave1.svg
@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 900 360" width="900" height="360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 196L18.8 198.3C37.7 200.7 75.3 205.3 112.8 195.3C150.3 185.3 187.7 160.7 225.2 146.7C262.7 132.7 300.3 129.3 337.8 141.3C375.3 153.3 412.7 180.7 450.2 189.3C487.7 198 525.3 188 562.8 188.7C600.3 189.3 637.7 200.7 675.2 195C712.7 189.3 750.3 166.7 787.8 159.7C825.3 152.7 862.7 161.3 881.3 165.7L900 170L900 0L881.3 0C862.7 0 825.3 0 787.8 0C750.3 0 712.7 0 675.2 0C637.7 0 600.3 0 562.8 0C525.3 0 487.7 0 450.2 0C412.7 0 375.3 0 337.8 0C300.3 0 262.7 0 225.2 0C187.7 0 150.3 0 112.8 0C75.3 0 37.7 0 18.8 0L0 0Z" fill="#a6fbb2" stroke-linecap="round" stroke-linejoin="miter"></path></svg>
\ No newline at end of file
diff --git a/src/lib/assets/wave2.svg b/src/lib/assets/wave2.svg
new file mode 100644
index 0000000..95d41a5
--- /dev/null
+++ b/src/lib/assets/wave2.svg
@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 900 360" width="900" height="360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 179L18.8 188C37.7 197 75.3 215 112.8 223.5C150.3 232 187.7 231 225.2 214.7C262.7 198.3 300.3 166.7 337.8 146.7C375.3 126.7 412.7 118.3 450.2 124.7C487.7 131 525.3 152 562.8 155C600.3 158 637.7 143 675.2 153C712.7 163 750.3 198 787.8 190.2C825.3 182.3 862.7 131.7 881.3 106.3L900 81L900 0L881.3 0C862.7 0 825.3 0 787.8 0C750.3 0 712.7 0 675.2 0C637.7 0 600.3 0 562.8 0C525.3 0 487.7 0 450.2 0C412.7 0 375.3 0 337.8 0C300.3 0 262.7 0 225.2 0C187.7 0 150.3 0 112.8 0C75.3 0 37.7 0 18.8 0L0 0Z" fill="#a6fbb2" stroke-linecap="round" stroke-linejoin="miter"></path></svg>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f710315..938ebaf 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
   import '../app.scss'
+  import wave1 from '$lib/assets/wave1.svg'
+  import wave2 from '$lib/assets/wave2.svg'
 </script>
 
 <svelte:head>
   <title>pml68</title>
 </svelte:head>
 
+<img src={wave1} alt="Wave 1" class="wave wave1">
+<img src={wave2} alt="Wave 2" class="wave wave2">
 <div class="container">
-  <div class="ii">
-    <h1>Hey boy</h1>
-  </div>
 </div>
-- 
cgit v1.2.3