Add footer with disclaimer

Author: aryanpingle

dist/index.html

@@ -27,8 +27,8 @@ <h1>RUNIC</h1>
         </header>
 
         <main>
-            <article>
-                <section class="introduction-section">
+            <article class="introduction-article">
+                <section>
                     <p>
                         This is a fan-made website that helps you read the
                         in-game language of
@@ -87,11 +87,24 @@ <h2>Testimonials</h2>
                 <div class="testimonials-container"></div>
             </article>
 
-            <article>
-                <section>
-                    <p>Made by Aryan Pingle.</p>
-                </section>
-            </article>
+            <footer>
+                <p>
+                    Made by
+                    <a href="https://github.com/aryanpingle" target="_blank"
+                        >Aryan Pingle</a
+                    >. This project is
+                    <a href="https://github.com/aryanpingle" target="_blank"
+                        >open source on GitHub</a
+                    >.
+                </p>
+                <p>
+                    I do not own any part of "Tunic", or have any relation to
+                    the development or production team.<br />
+                    I am simply a fan who loves this beautiful,
+                    <b>beautiful</b> game.<br />
+                    Praise be to indie games.
+                </p>
+            </footer>
         </main>
     </body>
 </html>

src/index.css

@@ -46,7 +46,7 @@ article {
     margin: 3em auto;
 }
 
-section {
+section, footer {
     max-width: var(--section-width);
     margin: auto;
 }
@@ -74,6 +74,16 @@ button {
     cursor: pointer;
 }
 
+a {
+    filter: drop-shadow(0 0 0.2em currentColor);
+    color: orange;
+    text-underline-offset: 0.2em;
+}
+
+footer {
+    border-top: 2px solid #242424;
+}
+
 /* The fancy orb stuff */
 
 .fancy-orb-background {