feat: optimize some prompts

src/lib/components/Loader.svelte

@@ -16,22 +16,26 @@
 <style>
 	svg > path:nth-child(1) {
 		animation: dashA 3s linear infinite;
-		animation-delay: 200ms;
+		animation-delay: 0ms;
 		stroke-dasharray: 133;
 	}
 
 	svg > path:nth-child(2) {
-		animation: dashB 3s linear infinite;
+		animation: dashB 3.1s linear infinite;
-		animation-delay: 400ms;
+		animation-delay: 300ms;
 		stroke-dasharray: 113;
 	}
 
 	svg > path:nth-child(3) {
-		animation: dashC 3s linear infinite;
+		animation: dashC 3.2s linear infinite;
 		animation-delay: 600ms;
 		stroke-dasharray: 126;
 	}
 
+	svg {
+		filter: drop-shadow(0px 0px 10px #daa520bf);
+	}
+
 	svg > path {
 		stroke-dasharray: 1000;
 		animation: dash 5s ease infinite;

src/lib/components/Questions.svelte

@@ -169,7 +169,7 @@
 	{#if $data.createPersonality === true}
 		<section in:fade out:slide>
 			{#if $data.provideAdelsTitel === undefined}
-				<TextSplit content="Möchtet Ihr einen würdigen Adelstitel für Euch in Erwägung ziehen?" />
+				<TextSplit content="Möchtet Ihr einen würdigen Adelsnamen für Euch in Erwägung ziehen?" />
 				<div>
 					<button
 						on:click={() => {
@@ -201,12 +201,12 @@
 			{#if loadingAdelsTitel}
 				<div style="display: flex; gap: 20px; align-items: center;">
 					<Loader />
-					<p>Adelstitel werden geschmiedet</p>
+					<p>Adelsnamen werden geschrieben</p>
 				</div>
 			{:else if typeof $data.adelsTitel === 'string'}
-				<TextSplit content="Euer Adelstitel" />
+				<TextSplit content="Euer Adelsname" />
 				<input placeholder="Name" type="text" bind:value={$data.adelsTitel} />
-				{#if $data.adelsTitel.length > 99}
+				{#if $data.adelsTitel.length > 98}
 					<p class="error">
 						Wir bitten um Entschuldigung, aber dieser Titel ist zu lang. (maximal 100 Zeichen)
 					</p>
@@ -228,7 +228,7 @@
 					>
 				{/if}
 			{:else if $data.adelsTitelSuggestions?.length}
-				<p>Adelstitel Vorschläge</p>
+				<p>Adelsname Vorschläge</p>
 				<hr />
 				{#each $data.adelsTitelSuggestions as suggestion}
 					<button

src/lib/components/confetti.svelte

@@ -18,6 +18,9 @@
 
 	onMount(async () => {
 		const confetti = (await import('./confetti')).default;
+    if(!confettiCanvas){
+      return;
+    }
 		confettiCanvas.width = window.innerWidth / 2;
 		confettiCanvas.height = window.innerHeight / 2;
 

src/routes/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import Loader from '$lib/components/Loader.svelte';
 	import Questions from '$lib/components/Questions.svelte';
 	import TextSplit from '$lib/components/TextSplit.svelte';
 	import Button from '$lib/components/button.svelte';

src/routes/api/ai/name/[name]/+server.ts

@@ -7,9 +7,9 @@ export const GET: RequestHandler = async function ({ params }) {
   const inputName = params.name
 
   const a = performance.now();
-  const prompt = `Generate 10 variants of the name ${inputName}. The names should sound very much like the original but also like noble names. Examples could be "lady rosalind of whitmore" "lord byron of castlemore" "Lord Max Richter". Choose english, german, french and italian sounding names. Only respond with 10 names seperated be newlines`;
+  const newPrompt = `Imagine you're hosting a grand masked ball in a magical realm where guests adopt noble titles that resonate with their true essence. You have a distinguished guest named ${inputName}, and you want to create an air of mystery and elegance and mystery by providing them with alternative noble names inspired by various European regions. Generate 10 names that carry the essence of ${inputName} but with a touch of grandeur, drawing inspiration from the diverse cultures surrounding Europe. Only respond with 10 suggestions seperated by newlines.`
 
-  const res = await chat(prompt, { isList: true, temperature: 1 });
+  const res = await chat(newPrompt, { isList: true, temperature: 1 });
   console.log(`[AI] Generated names for ${inputName} in ${performance.now() - a}ms`);
   console.log(JSON.stringify(res, null, 2));
 

static/android-chrome-144x144.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/apple-touch-icon.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/browserconfig.xml:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/favicon-16x16.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/favicon-32x32.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/favicon.ico:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/mstile-150x150.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/safari-pinned-tab.svg:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip

static/site.webmanifest:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\jim\Downloads\favicon_package_v0.16.zip