From 41e02344979cb10e84324373c4fca0da3176d8ba Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Wed, 27 Nov 2024 16:54:01 +0300
Subject: [PATCH] feat: blink

---
 src/routes/guestbook/+page.svelte | 10 ++++------
 src/styles/app.css                | 17 +++++++++++++++++
 tailwind.config.js                |  1 +
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/routes/guestbook/+page.svelte b/src/routes/guestbook/+page.svelte
index 0c918a8..3223494 100644
--- a/src/routes/guestbook/+page.svelte
+++ b/src/routes/guestbook/+page.svelte
@@ -62,9 +62,8 @@ import Window from '../../components/window.svelte';
 					<p class="text-error">you are ratelimited, try again in 30 seconds</p>
 				{/if}
 				{#if data.sendError}
-					<p class="text-error">got error trying to send post</p>
-					<details>
-						<summary>error</summary>
+					<details class="w-[50ch]">
+						<summary class="text-error">got error trying to send post</summary>
 						<p>{data.sendError}</p>
 					</details>
 				{/if}
@@ -79,9 +78,8 @@ import Window from '../../components/window.svelte';
 					woops, looks like you are being ratelimited, try again in like half a minute :3
 				</p>
 			{:else if data.getError}
-				<p class="text-error">got error trying to fetch entries, pls tell me about this</p>
-				<details>
-					<summary>error</summary>
+				<details class="w-[50ch]">
+					<summary class="text-error">got error trying to fetch entries</summary>
 					<p>{data.getError}</p>
 				</details>
 			{:else}
diff --git a/src/styles/app.css b/src/styles/app.css
index da49024..40470c6 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -28,6 +28,11 @@
         content: '>>>> ';
     }
 
+    .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
+        @apply animate-blink;
+        content: '_';
+    }
+
     .prose a {
         text-decoration: none;
     }
@@ -139,6 +144,18 @@
     .dither-bg {
         backdrop-filter: url("#dither");
     }
+
+    @keyframes blink {
+        0% {
+            opacity: 1.0;
+        }
+        50% {
+            opacity: 0.0;
+        }
+        100% {
+            opacity: 1.0;
+        }
+    }
 }
 
 @layer utilities {
diff --git a/tailwind.config.js b/tailwind.config.js
index 6e2bad3..94b3224 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,6 +31,7 @@ export default {
       animation: {
         'bounce-slow': 'bounce 3s infinite',
         'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        'blink': 'blink 1s step-start infinite',
       },
       colors: {
         ralsei: {