X-Git-Url: https://git.lizzy.rs/?a=blobdiff_plain;f=src%2Froutes%2Findex.svelte;h=e178912c9aa43fe9a3f902589cc76463e8537099;hb=21b88e262ac900ec0a078486907453c1d0c1fb8b;hp=ce5a5960a002a3a1695d04a186e7b0736b43a6b1;hpb=4df749d4b0a446ba1571f9984cb047e219a35e80;p=frontend-next.git

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index ce5a596..e178912 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -24,15 +24,14 @@ 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;
   });
 </script>
 
 <svelte:head>
-  <title>home | senpy-club</title>
+  <title>Home | The Senpy Club</title>
 </svelte:head>
 
 <section>
@@ -41,23 +40,40 @@ 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>
-    <small>Fetch time: {fetchTime}ms</small>
+
+    <p>Double fetch_time = {fetchTime}; /* ms */</p>
   {/if}
 
-  <h2>Contributing</h2>
-  <p>
-    If you'd like to support the project in any way, check out the repositories:
-  </p>
+  <h2>Related Projects</h2>
+  <p>Check out these other [The] Senpy Club-related projects!</p>
   <ul>
-    <li><a href="https://github.com/senpy-club/api-worker">API</a></li>
-    <li><a href="https://github.com/senpy-club/frontend-next">Frontend</a></li>
+    <li>
+      <a href="https://github.com/senpy-club/api-worker">API</a> &mdash; The Senpy
+      Club API
+    </li>
+    <li>
+      <a href="https://github.com/senpy-club/frontend-next">Frontend</a> &mdash;
+      You are here!
+    </li>
+    <li>
+      <a href="https://github.com/senpy-club/cli">CLI</a> &mdash; Access The Senpy
+      Club API from your terminal! (and export it to files too!)
+    </li>
+    <li>
+      <a href="https://docs.rs/senpy"><code>senpy-rs</code></a> &mdash; Access
+      The Senpy Club API from <a href="https://www.rust-lang.org/">Rust</a>!
+    </li>
+    <li>
+      <a href="https://docs.rs/senpy-ffi"><codE>senpy-ffi</codE></a> &mdash; Access
+      The Senpy Club API from any programming language!
+    </li>
   </ul>
 </section>