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';

you are ratelimited, try again in 30 seconds

{/if} {#if data.sendError} -

got error trying to send post

-
- error +
+ got error trying to send post

{data.sendError}

{/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

{:else if data.getError} -

got error trying to fetch entries, pls tell me about this

-
- error +
+ got error trying to fetch entries

{data.getError}

{: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: {