X-Git-Url: https://git.lizzy.rs/?a=blobdiff_plain;f=src%2Froutes%2Findex.svelte;fp=src%2Froutes%2Findex.svelte;h=12da39ecf9d29aca5fab5265c6f59a92b13e2a55;hb=0a903561bab5ae867f1d71b8c22e3f2042d882c6;hp=a1a3a1cc6e769956c1665a1c6a0bdfe9962867cc;hpb=75e89e5aa13d22b28388907842447b1f1a608525;p=frontend-next.git

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index a1a3a1c..12da39e 100644
--- 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>