feat(languages): advanced image metadata

diff --git a/src/routes/language.svelte b/src/routes/language.svelte
index 55340a0ec91411dcf6642a7ec676405d65b76239..da3f77b421aa085068042f77861bddc21a2876e8 100644 (file)
--- a/src/routes/language.svelte
+++ b/src/routes/language.svelte
@@ -87,8 +87,9 @@ SPDX-License-Identifier: GPL-3.0-only -->
       <div class="highlight-image">
         <p>
           <i>Could not locate that specific image!</i>
-          Wanna go <a href={`/language?language=${language}`}>back</a> to language
-          homepage?
+          Wanna go
+          <a href={`/language?language=${language}`}> back </a>
+          to language homepage?
         </p>
 
         <a href={image}>
@@ -98,8 +99,9 @@ SPDX-License-Identifier: GPL-3.0-only -->
     {:else if image}
       <div class="highlight-image">
         <p>
-          Wanna go <a href={`/language?language=${language}`}>back</a> to language
-          homepage?
+          Wanna go
+          <a href={`/language?language=${language}`}> back </a>
+          to language homepage?
         </p>
 
         <a href={image}>
@@ -109,6 +111,16 @@ SPDX-License-Identifier: GPL-3.0-only -->
           />
         </a>
 
+        <h2>Information</h2>
+        <p>
+          Want to know more information about this specific anime scene? Like
+          what anime and episode it's from, frame, studio, where you can watch
+          it, and a bunch of other information); Visit
+          <a href={`https://trace.moe/?url=${image}`} target="_blank"> this </a>
+          link!
+        </p>
+
+        <h2>Attributes</h2>
         <p>
           Attributes attributes = &lbrace;<br />
           &ensp;direct_link: "<a href={image}>url</a>",<br />
@@ -116,6 +128,23 @@ SPDX-License-Identifier: GPL-3.0-only -->
           &ensp;fetch_time: {fetchTime}, /* ms */<br />
           &rbrace;;
         </p>
+
+        <h3>Development Information</h3>
+        <p>
+          The aforementioned link does have an API which can provide direct data
+          about images and could be integrated directly into this website,
+          however, there is a ratelimit of around one-thousand, low-tier
+          requests per day without a paid subscription, which is why the link is
+          outbound.
+        </p>
+        <p>
+          Integrating the API into this website is a future goal, however, it is
+          not financially viable at the moment for this project. If you'd like
+          to support the project to reach future goals, you can donate at
+          <a href="https://github.com/sponsors/senpy-club" target="_blank">
+            github.com/sponsors/senpy-club
+          </a>.
+        </p>
       </div>
     {/if}
   {:else}