feat(index): add related projects

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

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index a1a3a1cc6e769956c1665a1c6a0bdfe9962867cc..e178912c9aa43fe9a3f902589cc76463e8537099 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,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>
-    <p>Fetch time: {fetchTime}ms</p>
+
+    <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>