Add footer, pulling discord info from freenitori api

index.html

@@ -20,10 +20,11 @@
         <p id="description">Beside being a web designer/developer, I am a photography hobbyist, a travel/adventure lover and a superbike dreamer. I don't think I am as good in photography as I am in web design but I love photography and traveling. When I am not working I love hanging around with my camera and capture some good snaps. Landscape and kids photography is something I really find myself enjoying.</p>
         <ul>
             <li><a href="https://www.instagram.com/levatax"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.patreon.com/levataxx"><i class="fab fa-patreon" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.discord.com/users/774718136532205578"><i class="fab fa-discord" aria-hidden="true"></i></a></li>
+            <li><a href="https://www.patreon.com/levataxx"><i class="fab fa-patreon" aria-hidden="true"></i></a></li><br>
+            <li><a href="#"><i class="fab fa-discord" aria-hidden="true" id="discord"></i></a></li>
         </ul>
     </div>
+    <p style="color: wheat; text-align: center;">This website is hosted by <a href="http://random.chars.jp" style="color: white;">RandomChars</a></p>
 </body>
 <script src="script.js"></script>
 </html>
\ No newline at end of file

script.js

 function work() {
-    document.getElementById("description").innerHTML = 'I said, I love opensource. And all my projects are opensource under different licences. You can take a look at them at <a href="https://git.randomchars.net/">Randomchars Gitlab instance</a>. You can publish your opensource projects there too ^^';
-    document.getElementById("about").classList.remove('current');
-    document.getElementById("work").classList.add('current');
+  document.getElementById("description").innerHTML =
+    'I said, I love opensource. And all my projects are opensource under different licences. You can take a look at them at <a href="https://git.randomchars.net/">Randomchars Gitlab instance</a>. You can publish your opensource projects there too ^^';
+  document.getElementById("about").classList.remove("current");
+  document.getElementById("work").classList.add("current");
 }
 
 function about() {
-    document.getElementById("about").classList.add('current');
-    document.getElementById("work").classList.remove('current');
-    document.getElementById("description").innerHTML = "Beside being a web designer/developer, I am a photography hobbyist, a travel/adventure lover and a superbike dreamer. I don't think I am as good in photography as I am in web design but I love photography and traveling. When I am not working I love hanging around with my camera and capture some good snaps. Landscape and kids photography is something I really find myself enjoying.";
+  document.getElementById("about").classList.add("current");
+  document.getElementById("work").classList.remove("current");
+  document.getElementById("description").innerHTML =
+    "Beside being a web designer/developer, I am a photography hobbyist, a travel/adventure lover and a superbike dreamer. I don't think I am as good in photography as I am in web design but I love photography and traveling. When I am not working I love hanging around with my camera and capture some good snaps. Landscape and kids photography is something I really find myself enjoying.";
 }
+
+window.onload = async function () {
+  await fetch("https://freenitori.jp/api/user/774718136532205578")
+    .then((response) => response.json())
+    .then(
+      (json) =>
+        (document.getElementById("discord").innerHTML =
+          " " + json.Name + "#" + json.Discriminator)
+    );
+};