adjustments

src/routes/+layout.ts

@@ -1,8 +1,8 @@
 import type { LayoutLoad } from './$types';
-import info, { blog, discord, github } from '$lib';
+import info from '$lib';
 
 export const ssr = true;
-export const csr = false;
+export const csr = true;
 export const load = (async () => {
     return {
         ...info,

src/routes/+page.svelte

@@ -1,13 +1,18 @@
 <script lang="ts">
     import { page } from "$app/stores";
-    import { daysUntilBirthday, getTimeIn, months, randomStr, timeAgo } from "$lib";
+    import { daysUntilBirthday, getTimeIn, randomStr } from "$lib";
+    import { onMount } from "svelte";
     import type { PageData } from "./$types";
     export let data: PageData;
 
     let days = daysUntilBirthday(data.birthday);
     let time = getTimeIn(data.timezone);
-    let charAmount = 128;
+    let charAmount = 0;
     let webring = $page.url.searchParams.has('webring');
+
+    onMount(() => {
+        charAmount = Math.floor(window.innerWidth / 20);
+    });
 </script>
 
 <div class="fixed top-0 left-0 w-full h-full -bg-gradient-6 opacity-10 from-ctp-sapphire via-transparent to-ctp-green"></div>

tailwind.config.js

@@ -11,8 +11,8 @@ export default {
         '-gradient-6': 'linear-gradient(-6deg, var(--tw-gradient-stops))'
       },
       animation: {
-        'scrolling-text-to-l': 'scroll 10s linear infinite',
-        'scrolling-text-to-r': 'scroll 10s linear infinite reverse',
+        'scrolling-text-to-l': 'scroll 16s linear infinite',
+        'scrolling-text-to-r': 'scroll 16s linear infinite reverse',
       },
       keyframes: {
         scroll: {