Add favicon and rename application

Author: Tapawingo

favicon.png

@@ -1,9 +1,11 @@
 <!DOCTYPE>
 <html lang="html">
     <head>
-        <title>Radio Net</title>
+        <meta charset="UTF-8">
+        <title>Tac Net discord bot</title>
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Special+Elite&display=swap">
         <link rel="stylesheet" href="styles.css">
+        <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
     </head>
     <body>
         <div class="video-modal">
@@ -20,8 +22,9 @@
             </iframe>
         </div>
         <div class="content">
-            <span>
-                <h1>Radio Net</h1>
+            <span class="page-title">
+                <img src="favicon.png" alt="Tacnet icon">
+                <h1>Tac Net Discord Bot</h1>
             </span>
             <div class="content-body">
                 <div>

index.html

@@ -18,9 +18,23 @@ h1, h2, h3 {
     text-shadow: 2px 2px 4px #00000080;
 }
 
-h1 {
-    margin-top: 0px;
-    margin-bottom: 3px;
+.page-title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 10px;
+}
+
+.page-title img {
+    width: 36px;
+    height: auto;
+    margin-right: 2px;
+}
+
+.page-title h1 {
+    margin: 0;
+    margin-top: 2px;
     color: #d4c4a8;
 }