From 1c5619f30c4bef5a7debc1af4cdd32007b0df6cd Mon Sep 17 00:00:00 2001
From: butschster <butschster@gmail.com>
Date: Sun, 5 May 2024 21:10:41 +0400
Subject: [PATCH] Adds new feature blocks. Additional: 1. Fixes paddings in
 GithubStart component 2. Fixes Hero block buttons size 3. Refactors likes

---
 spa/assets/css/main.css                       | 10 +++-
 spa/components/Common/Likeable.vue            | 58 +++++++++++++------
 spa/components/v1/Features.vue                |  6 ++
 .../v1/Features/ExternalDatabases.vue         |  4 +-
 spa/components/v1/Features/Metrics.vue        | 26 +++++++++
 spa/components/v1/Features/SSO.vue            |  5 +-
 spa/components/v1/Features/Webhooks.vue       | 30 ++++++++++
 spa/components/v1/GithubStars.vue             | 12 ++--
 spa/components/v1/Hero.vue                    |  9 +--
 spa/components/v1/IntroVideo.vue              |  4 +-
 spa/components/v1/Support.vue                 |  2 +-
 spa/public/like/love1.svg                     |  1 -
 spa/public/like/love2.svg                     |  1 -
 spa/public/like/pampers.svg                   |  1 -
 spa/public/like/poop1.svg                     |  1 -
 spa/public/like/poop2.svg                     |  1 -
 spa/public/like/toilet.svg                    |  1 -
 17 files changed, 129 insertions(+), 43 deletions(-)
 create mode 100644 spa/components/v1/Features/Metrics.vue
 create mode 100644 spa/components/v1/Features/Webhooks.vue
 delete mode 100644 spa/public/like/love1.svg
 delete mode 100644 spa/public/like/love2.svg
 delete mode 100644 spa/public/like/pampers.svg
 delete mode 100644 spa/public/like/poop1.svg
 delete mode 100644 spa/public/like/poop2.svg
 delete mode 100644 spa/public/like/toilet.svg

diff --git a/spa/assets/css/main.css b/spa/assets/css/main.css
index dae2eef..e15e6d9 100644
--- a/spa/assets/css/main.css
+++ b/spa/assets/css/main.css
@@ -23,7 +23,7 @@ a.text-link {
 }
 
 .read-more-link {
-    @apply border font-bold px-5 py-2 rounded-full;
+    @apply border font-bold px-5 py-2 rounded-full text-sm;
 
     &.gray {
         @apply bg-gray-100 hover:bg-gray-200 text-gray-800;
@@ -41,8 +41,12 @@ a.text-link {
         @apply bg-blue-100 hover:bg-blue-200 text-blue-800;
     }
 
+    &.teal {
+        @apply bg-blue-100 hover:bg-teal-200 text-teal-800;
+    }
+
     &.small {
-        @apply text-sm px-3 py-1;
+        @apply text-xs px-3 py-1;
     }
 }
 
@@ -59,5 +63,5 @@ a.text-link {
 }
 
 .feature-text {
-    @apply text-gray-400 font-semibold;
+    @apply text-gray-400 font-semibold pb-2;
 }
\ No newline at end of file
diff --git a/spa/components/Common/Likeable.vue b/spa/components/Common/Likeable.vue
index 6f7d604..dc064f6 100644
--- a/spa/components/Common/Likeable.vue
+++ b/spa/components/Common/Likeable.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { WsEvent } from "~/config/types";
+import JSConfetti from "js-confetti";
 
 type Props = {
   name: string;
@@ -8,17 +9,25 @@ const props = defineProps<Props>();
 
 const icon = () => {
   const list = [
-    'love1.svg',
-    'love2.svg',
-    'pampers.svg',
-    'poop1.svg',
-    'poop2.svg',
-    'toilet.svg',
+    '✌', '⭐', '❤️', '☢',
+    '😊', '🔥', '☀️', '💀️',
+    '⚡', '⏰', '🎈', '⛄',
+    '🎉', '🎁', '🎊', '🎃',
+    '🚀', '🍕', '🍔', '🍟',
+    '🍦', '🏆', '🏈', '🏊',
+    '🏄', '🏂', '🏇', '🚴',
   ]
 
   return list[Math.floor(Math.random() * list.length)];
 };
 
+const position = () => {
+  const min = 10;
+  const max = 80;
+
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
 const likes = ref([]);
 
 const app = useNuxtApp();
@@ -26,9 +35,22 @@ const like = () => {
   app.$api.data.like(props.name);
 };
 
+const firework = (total: number = 40): void => {
+  const jsConfetti = new JSConfetti();
+  jsConfetti.addConfetti({
+    emojis: ['🦄', '⭐', '🎉', '💖', '🚀', '😍'],
+    emojiSize: 50,
+    confettiNumber: total,
+  });
+}
+
 app.$ws.channel('events').listen((data: WsEvent): void => {
   if (data.event === 'liked' && data.data.key === props.name) {
-    likes.value.push(icon());
+    likes.value.push({ icon: icon(), position: position() });
+
+    if (likes.value.length > 10) {
+      firework(10);
+    }
 
     setTimeout(() => {
       likes.value.shift();
@@ -39,8 +61,11 @@ app.$ws.channel('events').listen((data: WsEvent): void => {
 
 <template>
   <div class="cursor-pointer relative" @click="like">
-    <span v-for="icon in likes" class="heart">
-      <img class="w-16" :src="`/like/${icon}`" :alt="icon"/>
+    <span v-for="{icon, position} in likes"
+          class="icon"
+          :style="{left: `${position}px`}"
+    >
+     {{ icon }}
     </span>
     <slot></slot>
   </div>
@@ -57,33 +82,32 @@ app.$ws.channel('events').listen((data: WsEvent): void => {
   }
   24% {
     transform: rotateZ(20deg) scale(0.7);
-    left: 3px;
+    margin-left: 10px;
     opacity: 0.7
   }
   40% {
     transform: rotateZ(-11deg) scale(0.6);
-    left: -3px;
+    margin-right: 10px;
   }
   70% {
     transform: rotateZ(10deg) scale(0.4);
-    left: 3px;
+    margin-left: 10px;
     opacity: .5;
   }
   90% {
     transform: scale(0.2);
-    left: -3px;
+    margin-right: 10px;
   }
   100% {
     opacity: 0;
-    top: -200px;
+    top: -300px;
     transform: rotateZ(-5deg) scale(0.1);
   }
 }
 
-.heart {
-  position: absolute;
+.icon {
+  @apply absolute text-5xl;
   top: -60px;
-  left: 0;
   animation: float 1.5s linear forwards;
 }
 </style>
\ No newline at end of file
diff --git a/spa/components/v1/Features.vue b/spa/components/v1/Features.vue
index f59f5f4..0095b6b 100644
--- a/spa/components/v1/Features.vue
+++ b/spa/components/v1/Features.vue
@@ -5,6 +5,8 @@ import SSO from "~/components/v1/Features/SSO.vue";
 import ExternalDatabases from "~/components/v1/Features/ExternalDatabases.vue";
 import KubernetesReady from "~/components/v1/Features/KubernetesReady.vue";
 import SourceCode from "~/components/v1/Features/SourceCode.vue";
+import Webhooks from "~/components/v1/Features/Webhooks.vue";
+import Metrics from "~/components/v1/Features/Metrics.vue";
 </script>
 
 <template>
@@ -19,6 +21,10 @@ import SourceCode from "~/components/v1/Features/SourceCode.vue";
         <SSO class="md:w-1/2 bg-white"/>
         <ExternalDatabases class="md:w-1/2 bg-white"/>
       </div>
+      <div class="flex flex-col md:flex-row gap-6">
+        <Webhooks class="md:w-1/2 bg-white"/>
+        <Metrics class="md:w-1/2 bg-white"/>
+      </div>
       <KubernetesReady/>
       <SourceCode/>
     </div>
diff --git a/spa/components/v1/Features/ExternalDatabases.vue b/spa/components/v1/Features/ExternalDatabases.vue
index 43cf5da..2357f3e 100644
--- a/spa/components/v1/Features/ExternalDatabases.vue
+++ b/spa/components/v1/Features/ExternalDatabases.vue
@@ -13,14 +13,14 @@ import Feature from "~/components/v1/Features/Feature.vue";
     <div>
       <h3 class="feature-title">External database support</h3>
       <p class="feature-text mb-6">
-        Configure Buggregator to use external databases like MongoDB or
+        Configure Buggregator to use external databases like MySQL or
         PostgreSQL for event storage. This flexibility allows you to scale storage according to your
         project needs.
       </p>
 
       <a href="https://docs.buggregator.dev/config/external-db.html"
          target="_blank"
-         class="read-more-link green"
+         class="read-more-link"
       >
         Read more
       </a>
diff --git a/spa/components/v1/Features/Metrics.vue b/spa/components/v1/Features/Metrics.vue
new file mode 100644
index 0000000..0d12aa6
--- /dev/null
+++ b/spa/components/v1/Features/Metrics.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import Feature from "~/components/v1/Features/Feature.vue";
+</script>
+
+<template>
+  <Feature>
+    <div class="feature-grid">
+      <svg role="img" xmlns="http://www.w3.org/2000/svg" class="w-8 text-red-400" viewBox="0 0 52 52" xml:space="preserve"><path fill="currentColor" d="M44.9 2H7.1C4.3 2 2 4.3 2 7.1v37.7C2 47.7 4.3 50 7.1 50h37.7c2.8 0 5.1-2.3 5.1-5.1V7.1c.1-2.8-2.2-5.1-5-5.1zM15.7 39.7c0 .9-.8 1.7-1.7 1.7h-1.7c-.9 0-1.7-.8-1.7-1.7v-9.4c0-.9.8-1.7 1.7-1.7H14c.9 0 1.7.8 1.7 1.7v9.4zm8.6 0c0 .9-.8 1.7-1.7 1.7h-1.7c-.9 0-1.7-.8-1.7-1.7V17.4c0-.9.8-1.7 1.7-1.7h1.7c.9 0 1.7.8 1.7 1.7v22.3zm8.6 0c0 .9-.8 1.7-1.7 1.7h-1.7c-.9 0-1.7-.8-1.7-1.7V12.3c0-.9.8-1.7 1.7-1.7h1.7c.9 0 1.7.8 1.7 1.7v27.4zm8.5 0c0 .9-.8 1.7-1.7 1.7H38c-.9 0-1.7-.8-1.7-1.7V23.4c0-.9.8-1.7 1.7-1.7h1.7c.9 0 1.7.8 1.7 1.7v16.3z"/></svg>
+      <div>
+        <h3 class="feature-title">Metrics</h3>
+        <p class="feature-text">Monitor application errors in real-time with Buggregator's metrics. It provides
+          prometheus metrics, that can be used to monitor errors and exceptions in your application using Grafana.
+        </p>
+      </div>
+    </div>
+    <div>
+      <a href="https://docs.buggregator.dev/config/metrics.html" target="_blank" class="read-more-link">
+        Read more
+      </a>
+    </div>
+  </Feature>
+</template>
+
+<style scoped lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/spa/components/v1/Features/SSO.vue b/spa/components/v1/Features/SSO.vue
index c60003a..9cc8f3f 100644
--- a/spa/components/v1/Features/SSO.vue
+++ b/spa/components/v1/Features/SSO.vue
@@ -13,12 +13,13 @@ import Feature from "~/components/v1/Features/Feature.vue";
       <div>
         <h3 class="feature-title">Single Sign On</h3>
         <p class="feature-text">Securely manage user access and authentication through Single
-          Sign-On (SSO) with providers like <a href="https://auth0.com/" class="text-link">Auth0</a>.
+          Sign-On (SSO) with providers like <a href="https://auth0.com" class="text-link">Auth0</a> or <a
+            href="https://kinde.com" class="text-link">Kinde</a>.
         </p>
       </div>
     </div>
     <div>
-      <a href="https://docs.buggregator.dev/config/sso.html" target="_blank" class="read-more-link purple">
+      <a href="https://docs.buggregator.dev/config/sso.html" target="_blank" class="read-more-link">
         Read more
       </a>
     </div>
diff --git a/spa/components/v1/Features/Webhooks.vue b/spa/components/v1/Features/Webhooks.vue
new file mode 100644
index 0000000..d832830
--- /dev/null
+++ b/spa/components/v1/Features/Webhooks.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Feature from "~/components/v1/Features/Feature.vue";
+</script>
+
+<template>
+  <Feature>
+    <div class="feature-grid">
+      <svg role="img" viewBox="-10 -5 1034 1034" class="w-8 text-teal-400" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor"
+              d="M482 226h-1l-10 2q-33 4-64.5 18.5T351 285q-41 37-57 91-9 30-8 63t12 63q17 45 52 78l13 12-83 135q-26-1-45 7-30 13-45 40-7 15-9 31t2 32q8 30 33 48 15 10 33 14.5t36 2 34.5-12.5 27.5-25q12-17 14.5-39t-5.5-41q-1-5-7-14l-3-6 118-192q6-9 8-14l-10-3q-9-2-13-4-23-10-41.5-27.5T379 484q-17-36-9-75 4-23 17-43t31-34q37-27 82-27 27-1 52.5 9.5T597 345q17 16 26.5 38.5T634 429q0 17-6 42l70 19 8 1q14-43 7-86-4-33-19.5-63.5T654 288q-42-42-103-56-6-2-18-4l-14-2h-37zm18 124q-17 0-34 7t-30.5 20.5T416 409q-8 20-4 44 3 18 14 34t28 25q24 15 56 13 3 4 5 8l112 191q3 6 6 9 27-26 58.5-35.5t65-3.5 58.5 26q32 25 43.5 61.5t.5 73.5q-8 28-28.5 50T782 938q-31 13-66.5 8.5T652 922q-4-3-13-10l-5-6q-4 3-11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28-5q64-13 110-60 22-22 36.5-50.5T944 851q5-36-2-71.5T917 715t-44-51-57-35q-34-14-70.5-16t-71.5 7l-17 5-81-137q13-19 16-37 5-32-13-60-16-25-44-35-17-6-35-6zM218 614q-58 13-100 53-47 44-61 105l-4 24v37l2 11q2 13 4 20 7 31 24.5 59t42.5 49q50 41 115 49 38 4 76-4.5t70-28.5q53-34 78-91 7-17 14-45 6-1 18 0l125 2q14 0 20 1 11 20 25 31t31.5 16 35.5 4q28-3 50-20 27-21 32-54 2-17-1.5-33T801 769q-16-22-41-32-17-7-35.5-6.5T689 738q-28 12-43 37l-3 6q-14 0-42-1l-113-1q-15-1-43-1l-50-1 3 17q8 43-13 81-14 27-40 45t-57 22q-35 6-70-7.5T161 892q-28-35-27-79 1-37 23-69 13-19 32-32t41-19l9-3z"/>
+      </svg>
+      <div>
+        <h3 class="feature-title">Webhooks</h3>
+        <p class="feature-text">Use webhooks for integration with third-party services like
+          <a href="https://n8n.io" class="text-link">n8n</a>. For example, you can use webhooks to send notification
+          when an error in your application is occurred.
+        </p>
+      </div>
+    </div>
+    <div>
+      <a href="https://docs.buggregator.dev/config/webhooks.html" target="_blank" class="read-more-link">
+        Read more
+      </a>
+    </div>
+  </Feature>
+</template>
+
+<style scoped lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/spa/components/v1/GithubStars.vue b/spa/components/v1/GithubStars.vue
index 2b1e330..9631740 100644
--- a/spa/components/v1/GithubStars.vue
+++ b/spa/components/v1/GithubStars.vue
@@ -33,10 +33,10 @@ const currentProgress = computed(() => {
     <span v-else class="no-stars">Star it now!</span>
   </a>
 
-  <!--    <div v-if="progress" class="progress-bar">-->
-  <!--      <div class="progress" :style="{ width: `${currentProgress}%` }"></div>-->
-  <!--      <div class="required">of {{ props.required }} stars</div>-->
-  <!--    </div>-->
+  <div v-if="progress" class="progress-bar">
+    <div class="progress" :style="{ width: `${currentProgress}%` }"></div>
+    <div class="required">of {{ props.required }} stars</div>
+  </div>
 </template>
 
 <style scoped lang="scss">
@@ -55,7 +55,7 @@ const currentProgress = computed(() => {
   @apply bg-gray-800 text-white rounded-full flex items-center border bg-gray-800 hover:bg-blue-600 transition cursor-pointer;
 
   &.lg {
-    @apply gap-6 p-4 text-xl;
+    @apply gap-6 p-4 text-xl pr-5;
 
     .logo {
       @apply w-8 h-8;
@@ -67,7 +67,7 @@ const currentProgress = computed(() => {
   }
 
   &.md {
-    @apply gap-6 p-2;
+    @apply gap-6 py-2 pl-2 pr-3;
 
     .logo {
       @apply w-6 h-6;
diff --git a/spa/components/v1/Hero.vue b/spa/components/v1/Hero.vue
index 3cb9923..6b9e8d2 100644
--- a/spa/components/v1/Hero.vue
+++ b/spa/components/v1/Hero.vue
@@ -58,11 +58,11 @@ const openVideo = async () => {
   @apply flex flex-col sm:flex-row items-center justify-center gap-6 lg:justify-start mb-8;
 
   .demo {
-    @apply px-3 py-2 md:px-6 md:py-4;
+    @apply px-3 py-2 md:px-6 md:py-3;
     @apply bg-blue-800 hover:bg-blue-700;
     @apply rounded-md shadow-sm;
     @apply focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white;
-    @apply font-semibold text-white;
+    @apply text-white text-sm md:text-base;
   }
 
   .video {
@@ -75,10 +75,11 @@ const openVideo = async () => {
   }
 
   .install {
-    @apply font-semibold leading-6 text-blue-800 hover:text-blue-700 hover:bg-blue-100 border;
-    @apply px-3 py-2 md:px-6 md:py-4;
+    @apply leading-6 text-blue-800 hover:text-blue-700 hover:bg-blue-100 border;
+    @apply px-3 py-2 md:px-6 md:py-3;
     @apply rounded-md;
     @apply transition-colors;
+    @apply text-sm md:text-base;
     @apply focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white;
   }
 }
diff --git a/spa/components/v1/IntroVideo.vue b/spa/components/v1/IntroVideo.vue
index f64ef9e..687d12f 100644
--- a/spa/components/v1/IntroVideo.vue
+++ b/spa/components/v1/IntroVideo.vue
@@ -6,7 +6,7 @@ import { YoutubeVue3 as Youtube } from 'youtube-vue3'
   <div class="video-container">
     <Youtube videoid="yKWbuw8xN_c"
              class="w-full h-full"
-             controls="0"
+             controls="1"
              :autoplay="true"
              :loop="false"/>
   </div>
@@ -14,7 +14,7 @@ import { YoutubeVue3 as Youtube } from 'youtube-vue3'
 
 <style scoped lang="scss">
 .video-container {
-  @apply aspect-video w-3/4 rounded-xl overflow-hidden drop-shadow-2xl;
+  @apply aspect-video w-full md:w-3/4 md:rounded-xl overflow-hidden drop-shadow-2xl;
 
 }
 </style>
\ No newline at end of file
diff --git a/spa/components/v1/Support.vue b/spa/components/v1/Support.vue
index 83179cd..28756c4 100644
--- a/spa/components/v1/Support.vue
+++ b/spa/components/v1/Support.vue
@@ -6,7 +6,7 @@ import GithubStars from "~/components/v1/GithubStars.vue";
   <div class="support">
     <div class="text">We need your support! <br> Please star the project on GitHub.</div>
 
-    <GithubStars repository="server" size="lg" />
+    <GithubStars repository="server" size="lg"/>
   </div>
 </template>
 
diff --git a/spa/public/like/love1.svg b/spa/public/like/love1.svg
deleted file mode 100644
index 570a22f..0000000
--- a/spa/public/like/love1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 -2.5 21 21" xmlns="http://www.w3.org/2000/svg"><path d="M21 5.6c-.2 4-3.3 6.2-7 9.2-2 1.6-5 1.6-7 0-3.7-3-6.8-5-7-9.3C-.2.2 6.4-2 10 2.3c.3.3.7.2 1 0C14.5-2 21.2.2 21 5.6" fill-rule="evenodd" fill="#E02D2D"/></svg>
\ No newline at end of file
diff --git a/spa/public/like/love2.svg b/spa/public/like/love2.svg
deleted file mode 100644
index a8473d7..0000000
--- a/spa/public/like/love2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path d="M927 274v-96h-88V83H640v95h-88v96h-79v-96h-88V83H183v95H95v96H17v190h78v96h76v95h75v95h88v95h100v96h154v-96h101v-95h88v-95h75v-96h75v-95h79V274z" fill="#E02D2D"/></svg>
\ No newline at end of file
diff --git a/spa/public/like/pampers.svg b/spa/public/like/pampers.svg
deleted file mode 100644
index 9bfcddd..0000000
--- a/spa/public/like/pampers.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" xml:space="preserve"><path d="m29.95 11.09-.02-.08-.02-.07a.65.65 0 0 0-.32-.41c-.16-.08-.31-.1-.48-.13.01-.17.04-.34.03-.52l-.04-.71c-.02-.55.04-1.1.03-1.65a.76.76 0 0 0-.28-.57l-.1-.17a.82.82 0 0 0-.35-.2.83.83 0 0 0-.37 0h-.81l-1.01.07c-.7.06-1.42.05-2.13.07l-2.27.03c-.74.02-1.5.02-2.24.01-1.5-.02-2.99-.01-4.48-.03-.72-.01-1.45-.04-2.17-.09-.76-.05-1.52-.05-2.28-.01l-1.65.07H7.3c-.57-.02-1.16-.02-1.74-.03-.58-.01-1.16-.04-1.74-.07-.42-.01-.76.37-.76.77a.83.83 0 0 0-.16.46c0 .63.02 1.25.05 1.88.02.35 0 .7.07 1.04.01.06.04.11.07.17a.74.74 0 0 0-.29.2c-.3.05-.57.24-.63.55-.14.7-.13 1.4-.14 2.1v.92c-.01.26-.03.51-.02.76 0 .1.02.2.06.28l-.02.1c0 .4.35.79.77.76h.05c0 .24 0 .48.02.73.01.27 0 .56.04.84a.75.75 0 0 0-.05.26c0 .4.35.8.78.78.4-.02.82-.05 1.23-.05a7.5 7.5 0 0 1 1.94.3c.23.05.47.12.7.2.23.11.44.24.65.4.35.27.7.56.98.9.31.43.6.9.81 1.38.17.48.23.98.3 1.47.02.13.01.25 0 .38-.01.2.1.4.25.53.07.34.36.63.72.61.39-.02.77-.04 1.16-.04.36 0 .72.03 1.08.06.6.05 1.18.05 1.77.05h2.38c.32 0 .63.02.95.03l.87.02h1.06c.31.02.57-.21.66-.5.2-.09.37-.25.41-.47a7.04 7.04 0 0 1 1.37-2.84c.46-.56.98-1.08 1.55-1.53a9.7 9.7 0 0 1 1.63-1 5.33 5.33 0 0 1 1.96-.36c.22-.01.41-.07.57-.23a.8.8 0 0 0 .23-.57.8.8 0 0 0-.05-.26l.01-.04c-.02-.63 0-1.26 0-1.9a.7.7 0 0 0 .22.05c.42 0 .7-.33.73-.73v-.5l.01-.89.03-.94c0-.27.04-.54.08-.81l.06-.4a.92.92 0 0 0-.03-.43zm-1.74 3.14h-.73l-1.48.03-2.5.03c.03-.07.05-.15.05-.22-.04-.39-.02-.78-.02-1.17l.03-.9a43.75 43.75 0 0 1 4.8-.13h.06a7.6 7.6 0 0 0-.02.52l-.02 1.09-.03.75h-.14zM8.07 12.37l.01 1.61c0 .39 0 .78-.03 1.17a20.32 20.32 0 0 1-2.14-.06c-.35-.02-.7-.02-1.05-.02h-.5l-.87-.01a25.27 25.27 0 0 1 .07-2.54l.03-.15a75.48 75.48 0 0 0 2.43 0l.82-.01h1.23zm17.6 5.3a9.43 9.43 0 0 0-3.04 2.14 8.38 8.38 0 0 0-1.96 2.84c-.2.45-.38.91-.51 1.39H19.05l-1.93-.01c-.69 0-1.37-.02-2.06-.03l-1.08-.03c-.35-.02-.7-.05-1.04-.1-.41-.04-.83-.06-1.25-.06l-.11-.6c-.06-.36-.1-.73-.23-1.08-.14-.38-.33-.74-.51-1.1a5.02 5.02 0 0 0-1.73-2.04 4.28 4.28 0 0 0-1.14-.7c-.32-.12-.64-.2-.97-.3-.18-.04-.36-.1-.55-.13l-.66-.1c-.35-.05-.7-.1-1.06-.12h-.27V16.5c.48-.01.95-.03 1.43-.01a49.28 49.28 0 0 0 2.22 0c.2.01.4 0 .6.03h-.03a.69.69 0 0 0 .77-.7l-.02-.1a.68.68 0 0 0 .13-.41v-.55c0-.26-.02-.52 0-.79.02-.62.06-1.23.06-1.86a.74.74 0 0 0-.1-.36c.01-.15 0-.3-.08-.43-.09-.15-.27-.32-.44-.34a2.15 2.15 0 0 0-.4-.03l-.33.01H6.21c-.45 0-.9 0-1.35-.03l-.42-.02a.66.66 0 0 0 .11-.38V9.7c0-.53.03-1.05.05-1.58h1.55c.79.01 1.56.02 2.35 0l1.13-.03 1.15-.04c.75-.02 1.5.02 2.24.05.74.02 1.48.05 2.23.06h4.5c.73.01 1.46.02 2.2.01h1.68c.55.02 1.11.04 1.67.04.5 0 .98-.04 1.47-.08.3-.02.59-.02.88-.02v.91c0 .38 0 .75-.03 1.13l-.03.22-1.13.05c-.59.01-1.18.05-1.78.07-.63.01-1.26 0-1.9.06a.8.8 0 0 0-.53.22.75.75 0 0 0-.21.52l.02.12-.02.08.01 1.4c.02.39.05.79.02 1.18-.01.2.09.39.23.53a.74.74 0 0 0-.17.45c0 .41.35.79.77.77.54-.02 1.07-.07 1.61-.1.5-.04 1-.03 1.5-.04h1.23c.03.52.05 1.04.05 1.56-.56.08-1.1.2-1.63.42z" /></svg>
\ No newline at end of file
diff --git a/spa/public/like/poop1.svg b/spa/public/like/poop1.svg
deleted file mode 100644
index 2ecf3f4..0000000
--- a/spa/public/like/poop1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1 15.57c1.96-3.63-2.15-4.4-2.15-4.4C18.12 7.56 14.5 7.2 14.5 7.2c.48-1.42-2.48-2.95-2.1-3.83.14-.34-.06-.34-.06-.34a4.98 4.98 0 0 0-3.53 4.5c0 .3-2.61.28-2.4 3.65.02.18-.05.33-.2.4-1.92.8-2 3.09-1.67 3.83h-.04c-1.64.16-2.2 1.53-2.2 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.15-.21 5.2-.21 3.05 0 4.09.21 7.96.21h.51c.73 0 2.62-.65 2.62-2.48 0-1.82-1.74-2.92-2.61-2.92Z" fill="url(#a)"/><path d="M19.1 15.57c1.96-3.63-2.15-4.4-2.15-4.4C18.12 7.56 14.5 7.2 14.5 7.2c.48-1.42-2.48-2.95-2.1-3.83.14-.34-.06-.34-.06-.34a4.98 4.98 0 0 0-3.53 4.5c0 .3-2.61.28-2.4 3.65.02.18-.05.33-.2.4-1.92.8-2 3.09-1.67 3.83h-.04c-1.64.16-2.2 1.53-2.2 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.15-.21 5.2-.21 3.05 0 4.09.21 7.96.21h.51c.73 0 2.62-.65 2.62-2.48 0-1.82-1.74-2.92-2.61-2.92Z" fill="url(#b)"/><path d="M16.95 11.18C18.12 7.55 14.5 7.2 14.5 7.2c.48-1.42-2.41-2.87-2.1-3.83.12-.35-.06-.34-.06-.34a4.98 4.98 0 0 0-3.53 4.5c0 .3-2.61.28-2.4 3.65.02.17-.04.34-.2.4 2.12 0 3.07 4.72 12.9 3.99 1.91-3.78-2.15-4.4-2.15-4.4Z" fill="url(#c)"/><path d="M16.95 11.18C18.12 7.55 14.5 7.2 14.5 7.2c.48-1.42-2.41-2.87-2.1-3.83.12-.35-.06-.34-.06-.34a4.98 4.98 0 0 0-3.53 4.5c0 .3-2.61.28-2.4 3.65.02.17-.04.34-.2.4 2.12 0 3.07 4.72 12.9 3.99 1.91-3.78-2.15-4.4-2.15-4.4Z" fill="url(#d)"/><path d="M14.5 7.2c.47-1.42-2.44-2.9-2.1-3.83.11-.35-.07-.34-.07-.34a4.98 4.98 0 0 0-3.53 4.5s-.3 3.58 8.15 3.65C18.12 7.55 14.5 7.2 14.5 7.2Z" fill="url(#e)"/><path d="M10.62 20.75c3.05 0 4.09.22 7.96.22-10.04 0-12.24-5.56-14.05-5.56 0 0-.01 0 0 0-1.77.2-2.24 1.6-2.24 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.14-.22 5.2-.22Z" fill="url(#f)"/><path d="M9.67 4.97a4.74 4.74 0 0 0-.87 2.57s-.3 3.57 8.15 3.64c-6.56-.4-8.52-3.44-7.28-6.2Z" fill="url(#g)"/><path d="M19.1 15.57c.3-.59.45-1.1.5-1.55-.5 1.55-4.79 1.64-8.3.24C8.2 13 6.64 11.29 6.46 10.1c-.05.32-.07.67-.04 1.08.01.17-.04.34-.21.4 1.6.15 3.07 4.7 12.9 3.98Z" fill="url(#h)"/><path d="m4.45 15.42.08-.01h-.08Z" fill="url(#i)"/><path opacity=".5" d="M14.5 7.2c.47-1.42-2.44-2.9-2.1-3.83.11-.35-.07-.34-.07-.34a4.98 4.98 0 0 0-3.53 4.5s-.3 3.58 8.15 3.65C18.12 7.55 14.5 7.2 14.5 7.2Z" fill="url(#j)"/><path opacity=".5" d="M14.5 7.2c.47-1.42-2.44-2.9-2.1-3.83.11-.35-.07-.34-.07-.34a4.98 4.98 0 0 0-3.53 4.5s-.3 3.58 8.15 3.65C18.12 7.55 14.5 7.2 14.5 7.2Z" fill="url(#k)"/><path d="M12.03 6c.49 1.07 2.46 1.2 2.46 1.2.42-1.26-1.82-2.57-2.1-3.5.01 0-.8 1.3-.36 2.3Z" fill="url(#l)"/><path d="M12.03 6c.49 1.07 2.46 1.2 2.46 1.2.42-1.26-1.82-2.57-2.1-3.5.01 0-.8 1.3-.36 2.3Z" fill="url(#m)"/><path opacity=".5" d="M16.95 11.18C8.5 11.1 8.8 7.54 8.8 7.54c0 .3-2.61.27-2.4 3.64.02.17-.04.34-.2.4 2.12 0 3.07 4.72 12.9 3.99 1.91-3.78-2.15-4.4-2.15-4.4Z" fill="url(#n)"/><path d="M6.41 11.18c.01.17-.05.33-.21.4.16-.06.22-.23.21-.4Z" fill="url(#o)"/><path opacity=".5" d="M19.1 15.57c-9.83.73-10.77-3.99-12.9-3.99-1.91.8-2 3.1-1.67 3.83H4.5c-1.64.16-2.2 1.53-2.2 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.15-.22 5.2-.22 3.05 0 4.09.22 7.96.22h.51c.73 0 2.62-.66 2.62-2.48 0-1.82-1.74-2.92-2.61-2.92Z" fill="url(#p)"/><path d="M10.62 20.75c3.05 0 4.09.22 7.96.22-10.04 0-12.24-5.56-14.05-5.56 0 0-.01 0 0 0-1.77.2-2.24 1.6-2.24 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.14-.22 5.2-.22Z" fill="url(#q)"/><path opacity=".24" d="M10.62 20.75c3.05 0 4.09.22 7.96.22-10.04 0-12.24-5.56-14.05-5.56 0 0-.01 0 0 0-1.77.2-2.24 1.6-2.24 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.14-.22 5.2-.22Z" fill="url(#r)"/><path opacity=".24" d="M19.1 15.57c-9.83.73-10.77-3.99-12.9-3.99-1.91.8-2 3.1-1.67 3.83H4.5c-1.64.16-2.2 1.53-2.2 2.64 0 1.17.8 2.92 3.13 2.92 1.29 0 2.15-.22 5.2-.22 3.05 0 4.09.22 7.96.22h.51c.73 0 2.62-.66 2.62-2.48 0-1.82-1.74-2.92-2.61-2.92Z" fill="url(#s)"/><path opacity=".75" d="M12.74 12.17c0 1.25.93 2.26 2.07 2.26 1.14 0 2.07-1.01 2.07-2.26 0-1.26-.93-2.14-2.07-2.14-1.14 0-2.07.88-2.07 2.14Z" fill="url(#t)"/><path opacity=".75" d="M12.74 12.45c0 1.25.93 2.26 2.07 2.26 1.14 0 2.07-1 2.07-2.26 0-1.25-.93-2.08-2.07-2.08-1.14 0-2.07.83-2.07 2.08Z" fill="url(#u)"/><path opacity=".75" d="M7.11 12.17c0 1.25.93 2.26 2.07 2.26 1.15 0 2.07-1.01 2.07-2.26 0-1.26-.92-2.14-2.07-2.14-1.14 0-2.07.88-2.07 2.14Z" fill="url(#v)"/><path opacity=".75" d="M7.11 12.45c0 1.25.93 2.26 2.07 2.26 1.15 0 2.07-1 2.07-2.26 0-1.25-.92-2.08-2.07-2.08-1.14 0-2.07.83-2.07 2.08Z" fill="url(#w)"/><path d="M14.82 14.43a2.07 2.07 0 1 0 0-4.14 2.07 2.07 0 0 0 0 4.14Z" fill="url(#x)"/><path d="M15.84 13.98a1.91 1.91 0 1 0-2.04-3.24 1.91 1.91 0 0 0 2.04 3.24Z" fill="#fff"/><path d="M14.82 14.27a1.91 1.91 0 1 0 0-3.82 1.91 1.91 0 0 0 0 3.82Z" fill="url(#y)"/><path d="M14.82 14.27a1.91 1.91 0 1 0 0-3.82 1.91 1.91 0 0 0 0 3.82Z" fill="url(#z)"/><path d="M14.82 14.43a2.07 2.07 0 1 0 0-4.14 2.07 2.07 0 0 0 0 4.14Z" fill="url(#A)"/><path d="M14.82 13.3a.95.95 0 1 0 0-1.89.95.95 0 0 0 0 1.9Z" fill="url(#B)"/><path d="M14.82 13.02c.37 0 .7-.17.92-.45a.95.95 0 0 1-.92.74.94.94 0 0 1-.92-.74c.2.27.54.45.92.45Z" fill="url(#C)"/><path d="M12 18.4c-2.63 0-3.47-2.83-2.67-2.39 1.07.6 1.76.65 2.67.65.91 0 1.6-.05 2.67-.65.8-.44-.04 2.38-2.67 2.38Z" fill="url(#D)"/><path d="M14.67 16.01c-1.07.6-1.76.65-2.67.65-.91 0-1.6-.05-2.67-.65-.28-.15-.36.09-.24.47 0 0 .04-.42.42-.13 0 0 1.39.83 2.48.83 1.1 0 2.49-.83 2.49-.83.38-.28.42.12.42.13.13-.38.05-.62-.23-.47Z" fill="url(#E)"/><path d="M9.18 14.43a2.07 2.07 0 1 0 0-4.14 2.07 2.07 0 0 0 0 4.14Z" fill="url(#F)"/><path d="M10.2 13.98a1.91 1.91 0 1 0-2.03-3.24 1.91 1.91 0 0 0 2.03 3.24Z" fill="#fff"/><path d="M9.18 14.27a1.91 1.91 0 1 0 0-3.82 1.91 1.91 0 0 0 0 3.82Z" fill="url(#G)"/><path d="M9.18 14.27a1.91 1.91 0 1 0 0-3.82 1.91 1.91 0 0 0 0 3.82Z" fill="url(#H)"/><path d="M9.18 14.43a2.07 2.07 0 1 0 0-4.14 2.07 2.07 0 0 0 0 4.14Z" fill="url(#I)"/><path d="M9.18 13.3a.95.95 0 1 0 0-1.89.95.95 0 0 0 0 1.9Z" fill="url(#J)"/><path d="M9.18 13.02c.37 0 .71-.17.92-.45a.95.95 0 0 1-.92.74.94.94 0 0 1-.92-.74c.22.27.55.45.92.45Z" fill="url(#K)"/><defs><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.23167 6.32765 -16.51516 -5.82466 7.81 23.48)"><stop stop-color="#3C2200"/><stop offset="1" stop-color="#3C2200" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8.2456 .2622 -.11973 3.76515 18.68 16.88)"><stop stop-color="#3C2200"/><stop offset="1" stop-color="#3C2200" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(28.78 -17.01 22.18) scale(8.08563 4.3591)"><stop stop-color="#3C2200"/><stop offset="1" stop-color="#3C2200" stop-opacity="0"/></radialGradient><radialGradient id="k" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(24.69 -10.01 37.1) scale(5.76666 2.70871)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="m" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8.55432 0 0 8.58255 9.05 1.02)"><stop stop-color="#3C2200"/><stop offset="1" stop-color="#3C2200" stop-opacity="0"/></radialGradient><radialGradient id="n" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.13043 0 0 7.15396 15.14 8.2)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="o" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.2266 2.48168 -.91406 2.66172 9.42 16.08)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="p" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(18.95 -34.8 14.71) scale(9.73409 2.95799)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="q" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.60178 -3.49324 6.78103 5.05054 9.42 15.61)"><stop stop-color="#3C2200"/><stop offset="1" stop-color="#3C2200" stop-opacity="0"/></radialGradient><radialGradient id="r" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-76.78 13.9 5.8) scale(1.92021 7.16581)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="s" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(179.43 9.25 8.52) scale(4.84261 1.82615)"><stop stop-color="#C86F34"/><stop offset="1" stop-color="#C86F34" stop-opacity="0"/></radialGradient><radialGradient id="t" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.05794 0 0 -2.25024 14.75 11.25)"><stop stop-color="#362501" stop-opacity=".4"/><stop offset="1" stop-color="#362501" stop-opacity="0"/></radialGradient><radialGradient id="u" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.95 12.65) scale(2.1689)"><stop stop-color="#3D2A20" stop-opacity=".4"/><stop offset=".17" stop-color="#4B3021" stop-opacity=".5"/><stop offset=".72" stop-color="#734423" stop-opacity=".83"/><stop offset="1" stop-color="#824B24"/></radialGradient><radialGradient id="v" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.05794 0 0 -2.25024 9.12 11.25)"><stop stop-color="#362501" stop-opacity=".4"/><stop offset="1" stop-color="#362501" stop-opacity="0"/></radialGradient><radialGradient id="w" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.32 12.65) scale(2.1689)"><stop stop-color="#3D2A20" stop-opacity=".4"/><stop offset=".17" stop-color="#4B3021" stop-opacity=".5"/><stop offset=".72" stop-color="#734423" stop-opacity=".83"/><stop offset="1" stop-color="#824B24"/></radialGradient><radialGradient id="y" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 2.40371 -2.433 0 14.81 12.6)"><stop stop-color="#CFDCDE" stop-opacity="0"/><stop offset=".89" stop-color="#CFDCDE" stop-opacity=".89"/><stop offset="1" stop-color="#CFDCDE"/></radialGradient><radialGradient id="z" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(180 7.42 6.25) scale(2.06549)"><stop stop-color="#fff" stop-opacity="0"/><stop offset=".44" stop-color="#FDFEFE" stop-opacity=".35"/><stop offset=".6" stop-color="#F6F8F9" stop-opacity=".48"/><stop offset=".71" stop-color="#EBEFF0" stop-opacity=".57"/><stop offset=".8" stop-color="#DAE2E3" stop-opacity=".64"/><stop offset=".88" stop-color="#C4D1D3" stop-opacity=".7"/><stop offset=".9" stop-color="#BBCACC" stop-opacity=".72"/><stop offset="1" stop-color="#99AFB3"/></radialGradient><radialGradient id="A" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(180 7.4 6.18) scale(2.09951)"><stop offset=".88" stop-color="#643800" stop-opacity="0"/><stop offset=".92" stop-color="#3C2200" stop-opacity=".5"/><stop offset=".99" stop-color="#643800" stop-opacity="0"/></radialGradient><radialGradient id="G" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 2.40371 -2.433 0 9.19 12.6)"><stop stop-color="#CFDCDE" stop-opacity="0"/><stop offset=".89" stop-color="#CFDCDE" stop-opacity=".89"/><stop offset="1" stop-color="#CFDCDE"/></radialGradient><radialGradient id="H" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(180 4.6 6.25) scale(2.06549)"><stop stop-color="#fff" stop-opacity="0"/><stop offset=".44" stop-color="#FDFEFE" stop-opacity=".35"/><stop offset=".6" stop-color="#F6F8F9" stop-opacity=".48"/><stop offset=".71" stop-color="#EBEFF0" stop-opacity=".57"/><stop offset=".8" stop-color="#DAE2E3" stop-opacity=".64"/><stop offset=".88" stop-color="#C4D1D3" stop-opacity=".7"/><stop offset=".9" stop-color="#BBCACC" stop-opacity=".72"/><stop offset="1" stop-color="#99AFB3"/></radialGradient><radialGradient id="I" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(180 4.59 6.18) scale(2.09951)"><stop offset=".88" stop-color="#643800" stop-opacity="0"/><stop offset=".92" stop-color="#3C2200" stop-opacity=".5"/><stop offset=".99" stop-color="#643800" stop-opacity="0"/></radialGradient><linearGradient id="a" x1="13.52" y1="12.25" x2="11.16" y2="21.52" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#7A4400"/><stop offset="1" stop-color="#643800"/></linearGradient><linearGradient id="c" x1="12.54" y1="16" x2="13.83" y2="4.49" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#7A4400"/><stop offset="1" stop-color="#A66C3F"/></linearGradient><linearGradient id="e" x1="11.94" y1="10.4" x2="15.83" y2="3.78" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#7A4400"/><stop offset="1" stop-color="#A66C3F"/></linearGradient><linearGradient id="f" x1="8.92" y1="10.16" x2="10.6" y2="20.66" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#7A4400"/><stop offset="1" stop-color="#643800"/></linearGradient><linearGradient id="g" x1="13.04" y1="8.26" x2="11.92" y2="14.88" gradientUnits="userSpaceOnUse"><stop stop-color="#643800" stop-opacity="0"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="h" x1="6.9" y1="17.71" x2="17.42" y2="8.98" gradientUnits="userSpaceOnUse"><stop stop-color="#643800" stop-opacity="0"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="i" x1="6.01" y1="10.8" x2="2.54" y2="21.29" gradientUnits="userSpaceOnUse"><stop stop-color="#643800" stop-opacity="0"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="l" x1="12.46" y1="6.63" x2="14.9" y2="3.71" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#7A4400"/><stop offset="1" stop-color="#A66C3F"/></linearGradient><linearGradient id="x" x1="16.15" y1="22.09" x2="14.64" y2="11.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="B" x1="14.81" y1="36.44" x2="14.81" y2="34.62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="C" x1="14.81" y1="12.17" x2="14.81" y2="13.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1"/></linearGradient><linearGradient id="D" x1="12" y1="18.11" x2="12" y2="16.47" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="E" x1="12" y1="17.37" x2="12" y2="11.77" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1"/></linearGradient><linearGradient id="F" x1="10.52" y1="22.09" x2="9.01" y2="11.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="J" x1="9.19" y1="36.44" x2="9.19" y2="34.62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1" stop-color="#512D00"/></linearGradient><linearGradient id="K" x1="9.19" y1="12.17" x2="9.19" y2="13.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3C2200"/><stop offset="1"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/spa/public/like/poop2.svg b/spa/public/like/poop2.svg
deleted file mode 100644
index 98f7da4..0000000
--- a/spa/public/like/poop2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path fill="#A57939" d="m23 34-1-5 3-3 3-2 2-7 1-4 9 5c2 2 4 2 4 4 1 2 0 4-1 5l5 1 2 3-1 4 4 1 3 3c1 2 0 4-2 6l4 1c2 1 2 3 2 5 0 4-5 5-5 5H45l-18-1c-6 1-13-1-13-4s2-4 3-5l2-1-2-4 3-5 3-2z"/><path fill="#6A462F" d="m31 13 9 5c2 2 4 2 4 4 1 2 0 4-1 5l5 1 2 3-1 4 4 1 3 3c1 2 0 4-2 6l4 1c2 1 2 3 2 5 0 4-5 5-5 5-2 1-15-1-10-2 6-1 8-3 8-3 1-2-2-4-4-4 0-3-1-6-6-7 1-3 0-8-4-9 2-4 0-7-1-10-2-4-3-6-7-8z"/><ellipse cx="27.2" cy="39.4" rx="4.9" ry="6.9" fill="#FFF"/><ellipse cx="43.6" cy="38.9" rx="4.9" ry="6.9" fill="#FFF"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 45s-3-4-1-7c1-2 5-3 5-3m20-8c0-1 2-3 1-5 0-1-1-3-5-5l-8-4v3l-1 5m24 24c1 0 5 1 6 4s-2 7-6 7l-12-2M24 35h-1l-1-4c0-3 2-5 4-6l5-1 4-3m14 15v-1s2-3 1-5c-1-3-6-3-7-3a18 18 0 0 1-11 8m-1 10 9-3m-16 3h1m25-10 4 2c1 2 3 5 0 7-3 3-6 5-10 6-6 2-15 5-21 5-5 0-9-1-9-5s8-5 10-5"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2.4" d="m31 45-3 1c-3 0-5-3-5-7s2-6 5-6 5 3 5 6l-2 6M40 42l-1-3c0-4 2-7 5-7s5 3 5 7-2 7-5 7c-2 0-3-2-4-4"/><path d="M46 39a2 2 0 1 1-4 0 2 2 0 0 1 4 0M30 39a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></svg>
\ No newline at end of file
diff --git a/spa/public/like/toilet.svg b/spa/public/like/toilet.svg
deleted file mode 100644
index e6ce829..0000000
--- a/spa/public/like/toilet.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" xml:space="preserve"><path d="M12 7H9V6h3v1zm14-5v3c0 .6-.4 1-1 1h-1v8c.6 0 1 .4 1 1v3c0 .6-.4 1-1 1v.3a5 5 0 0 1-3.1 4.6 3 3 0 0 0-1.9 2.8v.3h2a2 2 0 0 1 2 2v2c0 .6-.4 1-1 1H8a1 1 0 0 1-1-1v-2c0-1.1.9-2 2-2h2v-.3a3 3 0 0 0-1.9-2.8A5 5 0 0 1 6 19.3V19a1 1 0 0 1-1-1v-3c0-.6.4-1 1-1V6H5a1 1 0 0 1-1-1V2c0-1.1.9-2 2-2h18a2 2 0 0 1 2 2zm-4 16H8v1.3a3 3 0 0 0 1.9 2.8 5 5 0 0 1 3.1 4.6V28h4v-1.3a5 5 0 0 1 3.1-4.6 3 3 0 0 0 1.9-2.8V18zm-1 11H9v1h12v-1zM6 4h18V2H6v2zm16 1H8v10h14V5zm1 12v-1H7v1h16z" /></svg>
\ No newline at end of file