feat: image homepages

[frontend-next.git] / src / routes / index.svelte

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index a1a3a1cc6e769956c1665a1c6a0bdfe9962867cc..12da39ecf9d29aca5fab5265c6f59a92b13e2a55 100644 (file)
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -24,7 +24,7 @@ SPDX-License-Identifier: GPL-3.0-only -->
 
   onMount(async () => {
     fetchTime = performance.now();
-    image = (await fetchRandomImage()).image;
+    image = (await fetchRandomImage());
     fetchTime = performance.now() - fetchTime;
     complete = true;
   });
@@ -40,15 +40,16 @@ SPDX-License-Identifier: GPL-3.0-only -->
   {#if !complete}
     <p>Fetching a random image...</p>
   {:else}
-    <div id="random-image">
-      <a href={image}>
+    <div class="highlight-image">
+      <a href={`/language?language=${image.language}&image=${image.image}`}>
         <img
-          src={image}
+          src={image.image}
           alt="Image of an anime girl holding a programming book"
         />
       </a>
     </div>
-    <p>Fetch time: {fetchTime}ms</p>
+
+    <p>Double fetch_time = {fetchTime}; /* ms */</p>
   {/if}
 
   <h2>Contributing</h2>