From 949c74cf2d81c68c54c2f12cddd62add760b951a Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Thu, 20 Jul 2023 20:34:25 +1000
Subject: [PATCH] move meowo to another file

---
 src/app.svelte        | 17 +++--------------
 src/meowo.module.scss |  7 +++++++
 src/meowo.svelte      | 20 ++++++++++++++++++++
 3 files changed, 30 insertions(+), 14 deletions(-)
 create mode 100644 src/meowo.module.scss
 create mode 100644 src/meowo.svelte

diff --git a/src/app.svelte b/src/app.svelte
index a32bdcc..3860b21 100644
--- a/src/app.svelte
+++ b/src/app.svelte
@@ -1,12 +1,6 @@
 <script>
     import styles from './app.module.scss';
-    
-    let meowo_meow = '';
-    for (let i = 0; i != 50; i++) {
-        const meows = ['meow', 'mowe', 'mewo', 'mweo', 'nya', 'm:3wo'];
-        meowo_meow += meows[Math.floor(Math.random() * meows.length)] + ' ';
-        if (i % 10 === 0 && i != 0) meowo_meow += '<br/>'
-    }
+    import Meowo from './meowo.svelte';
 </script>
 
 <main class={styles.root}>
@@ -52,12 +46,7 @@
         </table>
     </div>
 
-    <div class={styles.block + ' ' + styles.cat}>
-        <h1>meow mewoweu :3</h1>
-        <p>this is a cat cat kitty cat zone :3</p>
-        <img src='/assets/the_meowo.png' alt='meowo the greatnes :3' width="600px">
-        <h1>Meowo "The greatness"</h1>
-        <p>Worship the great Meowo</p>
-        <p>{@html meowo_meow}</p>
+    <div class={styles.block}>
+        <Meowo></Meowo>
     </div>
 </main>
\ No newline at end of file
diff --git a/src/meowo.module.scss b/src/meowo.module.scss
new file mode 100644
index 0000000..83804b3
--- /dev/null
+++ b/src/meowo.module.scss
@@ -0,0 +1,7 @@
+.cat {
+    padding: 32px 0;
+
+    background: url(/assets/kittycatcat.png);
+    background-size: cover;
+    text-shadow: 0 2px 2px black;
+}
\ No newline at end of file
diff --git a/src/meowo.svelte b/src/meowo.svelte
new file mode 100644
index 0000000..243ce00
--- /dev/null
+++ b/src/meowo.svelte
@@ -0,0 +1,20 @@
+<script>
+
+    import styles from './meowo.module.scss';
+
+    let meowo_meow = '';
+    for (let i = 0; i != 50; i++) {
+        const meows = ['meow', 'mowe', 'mewo', 'mweo', 'nya', 'm:3wo'];
+        meowo_meow += meows[Math.floor(Math.random() * meows.length)] + ' ';
+        if (i % 10 === 0 && i != 0) meowo_meow += '<br/>'
+    }
+</script>
+
+<div class={styles.cat}>
+    <h1>meow mewoweu :3</h1>
+    <p>this is a cat cat kitty cat zone :3</p>
+    <img src='/assets/the_meowo.png' alt='meowo the greatnes :3' width="600px">
+    <h1>Meowo "The greatness"</h1>
+    <p>Worship the great Meowo</p>
+    <p>{@html meowo_meow}</p>
+</div>
\ No newline at end of file