docs

daisyui · Sep 16, 2024 · 2d25bc3 · 2d25bc3
1 parent b0db57f
commit 2d25bc3
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/src/docs/src/routes/(docs)/+page.svelte b/src/docs/src/routes/(docs)/+page.svelte
@@ -136,7 +136,7 @@ $effect(async () => {
               </button>
             </div>
             {#if daisyui5progress}
-            <div class="flex gap-2 grow w-full max-w-sm">
+            <div class="flex gap-2 grow w-full max-w-48 max-lg:my-4 sm:max-w-sm">
               <div class="relative flex flex-col w-full">
                 <div class="text-[0.6rem] -top-4 absolute italic -translate-x-1/2 rtl:translate-x-1/2" style={`inset-inline-start:${daisyui5progress}%`}>
                 {daisyui5progress}%

diff --git a/src/docs/src/routes/(docs)/store/checkout/[email protected] b/src/docs/src/routes/(docs)/store/checkout/[email protected]
@@ -1,16 +1,39 @@
 <svelte:head>
-<title>Loading…</title>
+<title>Loading...</title>
 <meta name="robots" content="noindex">
 <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"> 
 <script>
 const urlParams = new URLSearchParams(window.location.search)
+const productId = urlParams.get("product");
+const desc = urlParams.get("desc") === "0" ? "&desc=0" : "";
+const baseUrl = `https://daisyui.lemonsqueezy.com/checkout/buy/${productId}`;
 window.lemonSqueezyAffiliateConfig = {
   store: "daisyui",
   onTrack: (e) => {
-    const desc = urlParams.get("desc") === "0" ? "&desc=0" : "";
-    window.location.href = `https://daisyui.lemonsqueezy.com/checkout/buy/${urlParams.get("product")}?aff_ref=${e.click}${desc}`;
+    window.location.href = `${baseUrl}?aff_ref=${e.click}${desc}`;
   },
 }
+setTimeout(() => {
+  if (typeof window.createLemonSqueezyAffiliate === 'undefined') {
+    console.log('script not loaded. refreshing...');
+    window.location.reload();
+  }
+}, 10000);
 </script>
 <script src="https://lmsqueezy.com/affiliate.js" defer></script>
+<style>
+  html,body {
+    color-scheme: light dark;
+    margin: 0;
+    padding: 0;
+  }
+</style>
 </svelte:head>
+<div style="display: grid; place-items: center; height: 100vh; font-family: sans-serif;">
+  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" opacity="0.2"/>
+    <path d="M12 2a10 10 0 0 1 10 10" fill="none" stroke="currentColor" stroke-width="2">
+      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
+    </path>
+  </svg>
+</div>