Merge pull request #11 from notsniped/main

Add social media referral icons in page footer

Author: notsniped

index.html

@@ -10,6 +10,7 @@
         <link href="https://fonts.googleapis.com/css2?family=Kenia&display=swap" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <script src="https://kit.fontawesome.com/98f236c9cb.js" crossorigin="anonymous"></script>
         <meta name="description" content="The official information and announcements website of NKA, the home of isobot, iso6.9 and Water Reminder bot.">
     </head>
     <noscript>This website needs JavaScript to function properly. Please enable it in browser settings.</noscript>
@@ -72,6 +73,12 @@
         </div><br><br>
         <center>
             <div id="page-footer">
+                <br>
+                <div id="social-media-links">
+                    <i id="discord-server-invite-icon" class="fa-brands fa-discord" title="Join our official Discord server!"></i>
+                    <i id="email-icon" class="fa-solid fa-envelope" onclick="window.location='mailto:[email protected]'" title="Email us!"></i>
+                </div>
+                <br>
                 Made by notsniped@NKA | This website is 100% <a href="https://github.com/PyBotDevs/web">open-source</a> and licensed with <a href="https://github.com/PyBotDevs/web/blob/main/LICENSE">the MIT license</a><br>
                 NKA Development Group Organization&copy; 2022-present
             </div>

style.css

@@ -164,3 +164,14 @@ body {
     margin-top: 5px;
     margin-left: 1px;
 }
+
+#social-media-links {
+    font-size: 26px;
+}
+#social-media-links i {
+    border-radius: 100%;
+    color: white;
+    background-color: #303030;
+    /* box-shadow: 1px 0 10px 1px rgb(199, 199, 199); */
+    padding: 15px;
+}