1 files changed, 26 insertions, 21 deletions
diff --git a/src/routes/canaries/+page.svelte b/src/routes/canaries/+page.svelte
index 4bf61e5..69c519e 100644
--- a/src/routes/canaries/+page.svelte
+++ b/src/routes/canaries/+page.svelte
@@ -8,33 +8,36 @@
 </script>
 
 <svelte:head>
-  <title>Warrant Canaries - mem.estrogen.zone</title>
+  <title>Warrant Canaries - estrogen.zone</title>
 </svelte:head>
 
+{#snippet rawCanaries()}
+  <ul>
+    {#each canaries as canary}
+      <li class="list-disc ml-4">
+        {canary.signer}'s canary for {canary.name} (<a
+          href={canary.upstream ?? canary.url}
+          target="_blank"
+          download="{canary.signer}:{canary.name}.sig"
+          class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
+          >download</a
+        >,
+        <a
+          href={canary.upstream ?? canary.url}
+          target="_blank"
+          class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
+          >open in newtab</a
+        >)
+      </li>
+    {/each}
+  </ul>
+{/snippet}
 <div class="flex min-h-full min-w-full flex-col justify-between">
   <div>
     {#if !browser}
       <noscript class="text-white min-w-full min-h-full">
         You're using noscript; here are the raw canaries:<br />
-        <ul>
-          {#each canaries as canary}
-            <li class="list-disc ml-4">
-              {canary.signer}'s canary for {canary.name} (<a
-                href={canary.upstream ?? canary.url}
-                target="_blank"
-                download="{canary.signer}:{canary.name}.sig"
-                class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
-                >download</a
-              >,
-              <a
-                href={canary.upstream ?? canary.url}
-                target="_blank"
-                class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
-                >open in newtab</a
-              >)
-            </li>
-          {/each}
-        </ul>
+        {@render rawCanaries()}
         {@html `<style>.hidden-if-noscript{display:none !important;}</stylew>`}
       </noscript>
     {/if}
@@ -44,7 +47,9 @@
           Preparing...
         {:else}
           Awaiting Browser
-        {/if}
+        {/if}<br />
+        For the impatient, the raw canaries may be found here:<br />
+        {@render rawCanaries()}
       </div>
     {:then _}
       <div class="canaries flex gap-4 flex-wrap max-w-full">