From 86a04fa6ebc4073b8f05c8d1c9dff8ac77c28512 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Thu, 19 Jan 2023 19:05:54 +0100
Subject: [PATCH] feat: display attribution for other types of assets in table

---
 src/views/AttributionsView.vue | 98 +++++++++++++++++++++++++++++-----
 1 file changed, 84 insertions(+), 14 deletions(-)

diff --git a/src/views/AttributionsView.vue b/src/views/AttributionsView.vue
index 9d04f9c..a4cdf9e 100644
--- a/src/views/AttributionsView.vue
+++ b/src/views/AttributionsView.vue
@@ -30,20 +30,90 @@ const attributions = [
     <h2>Artwork</h2>
     <AttributionTable :attributions="attributions" />
 
-    <h2>Icons</h2>
-    <p>Navigation Icons: <a href="https://fontawesome.com">Font Awesome</a></p>
-
-    <h2>Fonts</h2>
-    <h3>Heading Font</h3>
-    <p>
-      <a href="https://github.com/MichalSahar/Secular">Secular One</a> by
-      <a href="https://github.com/MichalSahar">Michal Sahar</a>
-    </p>
-    <h3>Copy Font</h3>
-    <p>
-      <a href="https://antonkoovit.com/typefaces/arvo">Arvo</a> by
-      <a href="https://antonkoovit.com/">Anton Koovit</a>
-    </p>
+    <h2>Other</h2>
+    <table>
+      <thead>
+        <tr>
+          <th>Type</th>
+          <th>Source</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Icons</td>
+          <td>
+            <a
+              href="https://fontawesome.com/license/free"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Font Awesome
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td>Heading Font</td>
+          <td>
+            <a
+              href="https://github.com/MichalSahar/Secular"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Secular One
+            </a>
+            by
+            <a
+              href="https://github.com/MichalSahar"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Michal Sahar
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td>Copy Font</td>
+          <td>
+            <a
+              href="https://antonkoovit.com/typefaces/arvo"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Arvo
+            </a>
+            by
+            <a
+              href="https://antonkoovit.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Anton Koovit
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td>Background</td>
+          <td>
+            Layered Waves from
+            <a
+              href="https://haikei.app/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Haikei
+            </a>
+            by
+            <a
+              href="https://zcreativelabs.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              z creative labs
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </section>
 </template>