Site Update

index.html

@@ -1,30 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link
-      href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="./public/main.css" />
     <title>Musix - Home</title>
+    <meta charset="UTF-8" />
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="./public/css/main.css" />
+    <link rel="stylesheet" href="./public/css/nav.css" />
+    <link rel="stylesheet" href="./public/css/footer.css" />
   </head>
 
   <body>
     <header>
-      <link rel="stylesheet" href="./public/nav.css" />
       <nav id="nav">
         <div id="navLogo">
-          <a
-            href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
-            target="_blank"
-          ></a>
+          <a href="./"></a>
         </div>
         <div class="dropdown">
           <button class="dropbtn">Menu</button>
           <div class="dropdown-content">
+            <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Invite Bot</a>
             <a href="./releases">Releases</a>
-            <a href="./">Home</a>
             <a href="./terms">Terms</a>
             <a href="./privacy-policy">Privacy Policy</a>
             <a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
@@ -32,13 +27,12 @@
         </div>
       </nav>
 
-      <script src="./public/main.js"></script>
       <h1>Home</h1>
     </header>
     <div id="phrase">
       <div id="logo"></div>
-      Musix has all the features you would expect from a Discord music bot.<br />
-      But whats even better is that you can get it all for absolutely free!<br />
+      Musix has all the features you would expect from a Discord music bot.<br>
+      But whats even better is that you can get it all for absolutely free!<br>
       <button id="invite">
         <a
           href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
@@ -50,27 +44,26 @@
       <div id="space"></div>
       <div id="items">
         <div class="item">
-          <img src="./public/img/images/uptodate.png" />
-          <br />Always being updated and worked on to deliver the best music
+          <img src="./public/images/icons/uptodate.png" />
+          <br>Always being updated and worked on to deliver the best music
           experience possible.
         </div>
         <div class="item">
-          <img src="./public/img/images/easytouse.png" />
-          <br />
+          <img src="./public/images/icons/easytouse.png" />
+          <br>
           Easy to use. No setup needed. Play music using a single command.
         </div>
         <div class="item">
-          <img src="./public/img/images/servers.png" /><br />We assure that
+          <img src="./public/images/icons/servers.png" /><br>We assure that
           there is always enough capacity for all servers to have the best
           quality possible.
         </div>
         <div class="item">
-          <img src="./public/img/images/sound.png" /><br />We have multiple
+          <img src="./public/images/icons/sound.png" /><br>We have multiple
           audio modifiers that you can use free of charge.
         </div>
       </div>
     </div>
-    <link rel="stylesheet" href="./public/footer.css" />
     <footer>
       <div class="footerItem">
         <div class="footerDiscordLogo">
@@ -78,13 +71,13 @@
         </div>
       </div>
       <div class="footerItem">
-        <br /><br />Matte<br />Project Lead<br />Discord: mvzg
+        <br><br>Matte<br>Project Lead<br>Discord: mvzg
         <div class="footerGithubLogo">
           <a href="https://github.com/MatteZ02" target="_blank"></a>
         </div>
       </div>
       <div class="footerItem">
-        <br /><br />Cwchristerw<br />Developer<br />Discord: cwchristerw
+        <br><br>cwchristerw<br>Developer<br>Discord: cwchristerw
         <div class="footerGithubLogo">
           <a href="https://github.com/cwchristerw" target="_blank"></a>
         </div>
@@ -100,7 +93,7 @@
       </div>
     </footer>
     <div class="underFooter">
-      © Musix 2024 - Designed and developed by Matte
+        ©2019-2024 Musix
     </div>
   </body>
 </html>

privacy-policy.html

@@ -2,25 +2,25 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
-        rel="stylesheet" />
-    <link rel="stylesheet" href="./public/faq.css" />
     <title>Musix - Privacy Policy</title>
+    <meta charset="UTF-8" />
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="./public/css/nav.css" />
+    <link rel="stylesheet" href="./public/css/faq.css" />
+    <link rel="stylesheet" href="./public/css/footer.css">
 </head>
 
 <body>
     <header>
-        <link rel="stylesheet" href="./public/nav.css" />
         <nav id="nav">
           <div id="navLogo">
-            <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank"></a>
+            <a href="./"></a>
           </div>
           <div class="dropdown">
             <button class="dropbtn">Menu</button>
             <div class="dropdown-content">
+                <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Invite Bot</a>
               <a href="./releases">Releases</a>
-              <a href="./">Home</a>
               <a href="./terms">Terms</a>
               <a href="./privacy-policy">Privacy Policy</a>
               <a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
@@ -28,11 +28,10 @@
           </div>
         </nav>
  
-        <script src="./public/main.js"></script>
         <h1>Privacy Policy</h1>
     </header>
     <div class="wrapper">
-        Musix privacy policy<br />For any questions please contact support on our
+        Musix privacy policy<br>For any questions please contact support on our
         <a href="https://discord.gg/rvHuJt">support server</a>
     </div>
     <div class="faq">
@@ -85,7 +84,6 @@
         </table>
         Effective as of April 1, 2022 and updated on 15th of January 2024
     </div>
-    <link rel="stylesheet" href="./public/footer.css">
 <footer>
     <div class="footerItem">
         <div class="footerDiscordLogo">
@@ -93,13 +91,13 @@
         </div>
     </div>
     <div class="footerItem">
-        <br /><br />Matte<br>Project Lead<br />Discord: mvzg
+        <br><br>Matte<br>Project Lead<br>Discord: mvzg
         <div class="footerGithubLogo">
             <a href="https://github.com/MatteZ02" target="_blank"></a>
         </div>
     </div>
     <div class="footerItem">
-        <br /><br />Cwchristerw<br />Developer<br>Discord: cwchristerw
+        <br><br>Cwchristerw<br>Developer<br>Discord: cwchristerw
         <div class="footerGithubLogo">
             <a href="https://github.com/cwchristerw" target="_blank"></a>
         </div>
@@ -111,9 +109,7 @@
     </div>
 </footer>
 <div class="underFooter">
-    © Musix 2024 - Designed and developed by Matte
+    ©2019-2024 Musix
 </div>
 </body>
-<script src="./main.js"></script>
-
 </html>

public/css/footer.css

@@ -29,7 +29,7 @@ footer {
   margin-top: 40px;
   width: 78.15px;
   height: 56.225px;
-  background-image: url("./img/logos/discord.png");
+  background-image: url("../images/logos/discord.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
@@ -49,7 +49,7 @@ footer {
   margin-top: 10px;
   width: 32px;
   height: 32px;
-  background-image: url("./img/logos/github.png");
+  background-image: url("../images/logos/github.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;

public/css/main.css

@@ -10,7 +10,7 @@
 }
 
 #logo {
-  background-image: url("./img/logos/musix_round.png");
+  background-image: url("../images/logos/musix_round.png");
   display: block;
   width: 128px;
   height: 128px;
@@ -44,7 +44,7 @@
 #wrapper {
   margin-top: 1cm;
   height: 500px;
-  background-image: url("./img/backgrouds/wave.png");
+  background-image: url("../images/backgrouds/wave.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;

public/css/master.css

@@ -3,7 +3,7 @@
 body {
   font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   margin: 0;
-  background-image: url("./img/backgrouds/background.png");
+  background-image: url("../images/backgrouds/background.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;

public/css/nav.css

@@ -6,7 +6,7 @@
   margin-right: 5px;
   width: 40px;
   height: 40px;
-  background-image: url("./img/logos/Musix_logo_round_small.png");
+  background-image: url("../images/logos/musix.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
@@ -111,7 +111,7 @@ nav a:hover {
   .dropdown-content {
     display: none;
     position: absolute;
-    background-image: url("./img/backgrouds/background.png");
+    background-image: url("../images/backgrouds/background.png");
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;

releases.html

@@ -1,30 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link
-      href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="./public/releases.css" />
     <title>Musix - Releases</title>
+    <meta charset="UTF-8" />
+    <link  href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="./public/css/releases.css" />
+    <link rel="stylesheet" href="./public/css/nav.css" />
+    <link rel="stylesheet" href="./public/css/footer.css" />
   </head>
 
   <body>
     <header>
-      <link rel="stylesheet" href="./public/nav.css" />
       <nav id="nav">
         <div id="navLogo">
-          <a
-            href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
-            target="_blank"
-          ></a>
+          <a href="./"></a>
         </div>
         <div class="dropdown">
           <button class="dropbtn">Menu</button>
           <div class="dropdown-content">
+            <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Invite Bot</a>
             <a href="./releases">Releases</a>
-            <a href="./">Home</a>
             <a href="./terms">Terms</a>
             <a href="./privacy-policy">Privacy Policy</a>
             <a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
@@ -32,18 +27,17 @@
         </div>
       </nav>
 
-      <script src="./public/main.js"></script>
       <h1>Releases</h1>
     </header>
     <div class="release">
-      <img src="./public/img/logos/musix_round.png" />
+      <img src="./public/images/logos/musix.png" />
       <h1>
         Musix#3411
         <div id="stable">Stable</div>
         <div id="verified">Verified</div>
       </h1>
       <h2>
-        This is our most used and most stable main bot. <br />Best stability and
+        This is our most used and most stable main bot. <br>Best stability and
         quality is provided on this release.
       </h2>
       <div id="invite">
@@ -56,13 +50,13 @@
       </div>
     </div>
     <div class="release">
-      <img src="./public/img/logos/musix_2_round.png" />
+      <img src="./public/images/logos/musix-2.png" />
       <h1>
         Musix 2#1795
         <div id="offline">Offline</div>
       </h1>
       <h2>
-        This is our secondary bot.<br />This release is currently offline so it
+        This is our secondary bot.<br>This release is currently offline so it
         cannot be used!
       </h2>
       <div id="invite">
@@ -75,13 +69,13 @@
       </div>
     </div>
     <div class="release">
-      <img src="./public/img/logos/musix_beta_round.png" />
+      <img src="./public/images/logos/musix-beta.png" />
       <h1>
         Musix Beta#7026
         <div id="unstable">Unstable</div>
       </h1>
       <h2>
-        This is our public test bot.<br />New updates that are unstable or
+        This is our public test bot.<br>New updates that are unstable or
         untested are pushed into this release.
       </h2>
       <div id="invite">
@@ -94,17 +88,16 @@
       </div>
     </div>
     <div class="release">
-      <img src="./public/img/logos/musix_dev.png" />
+      <img src="./public/images/logos/musix-dev.png" />
       <h1>
         Musix Dev#3406
         <div id="private">Private</div>
       </h1>
       <h2>
-        This is our private development bot.<br />This realease is not available
+        This is our private development bot.<br>This realease is not available
         for public!
       </h2>
     </div>
-    <link rel="stylesheet" href="./public/footer.css" />
     <footer>
       <div class="footerItem">
         <div class="footerDiscordLogo">
@@ -112,13 +105,13 @@
         </div>
       </div>
       <div class="footerItem">
-        <br /><br />Matte<br />Project Lead<br />Discord: mvzg
+        <br><br>Matte<br>Project Lead<br>Discord: mvzg
         <div class="footerGithubLogo">
           <a href="https://github.com/MatteZ02" target="_blank"></a>
         </div>
       </div>
       <div class="footerItem">
-        <br /><br />Cwchristerw<br />Developer<br />Discord: cwchristerw
+        <br><br>Cwchristerw<br>Developer<br>Discord: cwchristerw
         <div class="footerGithubLogo">
           <a href="https://github.com/cwchristerw" target="_blank"></a>
         </div>
@@ -134,8 +127,7 @@
       </div>
     </footer>
     <div class="underFooter">
-      © Musix 2024 - Designed and developed by Matte
+        ©2019-2024 Musix
     </div>
   </body>
-  <script src="./main.js"></script>
 </html>

terms.html

@@ -2,25 +2,25 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap"
-        rel="stylesheet" />
-    <link rel="stylesheet" href="./public/faq.css" />
     <title>Musix - Terms of service</title>
+    <meta charset="UTF-8" />
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="./public/css/faq.css" />
+    <link rel="stylesheet" href="./public/css/nav.css" />
+    <link rel="stylesheet" href="./public/css/footer.css">
 </head>
 
 <body>
     <header>
-        <link rel="stylesheet" href="./public/nav.css" />
         <nav id="nav">
           <div id="navLogo">
-            <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank"></a>
+            <a href="./"></a>
           </div>
           <div class="dropdown">
             <button class="dropbtn">Menu</button>
             <div class="dropdown-content">
+                <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Invite Bot</a>
                 <a href="./releases">Releases</a>
-              <a href="./">Home</a>
                 <a href="./terms">Terms</a>
                 <a href="./privacy-policy">Privacy Policy</a>
                 <a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
@@ -28,11 +28,10 @@
           </div>
         </nav>
   
-        <script src="./public/main.js"></script>
         <h1>Terms of Service</h1>
     </header>
     <div class="wrapper">
-        Musix terms of service<br />For any questions please contact support on our
+        Musix terms of service<br>For any questions please contact support on our
         <a href="https://discord.gg/rvHuJt">support server</a>
     </div>
     <div class="faq">
@@ -103,7 +102,6 @@
         </table>
         Effective as of April 1, 2022 and updated on 15th of January 2024
     </div>
-    <link rel="stylesheet" href="./public/footer.css">
 <footer>
     <div class="footerItem">
         <div class="footerDiscordLogo">
@@ -111,13 +109,13 @@
         </div>
     </div>
     <div class="footerItem">
-        <br /><br />Matte<br>Project Lead<br />Discord: mvzg
+        <br><br>Matte<br>Project Lead<br>Discord: mvzg
         <div class="footerGithubLogo">
             <a href="https://github.com/MatteZ02" target="_blank"></a>
         </div>
     </div>
     <div class="footerItem">
-        <br /><br />Cwchristerw<br />Developer<br>Discord: cwchristerw
+        <br><br>Cwchristerw<br>Developer<br>Discord: cwchristerw
         <div class="footerGithubLogo">
             <a href="https://github.com/cwchristerw" target="_blank"></a>
         </div>
@@ -129,9 +127,7 @@
     </div>
 </footer>
 <div class="underFooter">
-    © Musix 2024 - Designed and developed by Matte
+    ©2019-2024 Musix
 </div>
 </body>
-<script src="./main.js"></script>
-
 </html>