Banner Responsiveness

Added the description to the banner and made the banner work for smaller screen sizes.

.gitignore

@@ -3,5 +3,4 @@ config.json
 node_modules
 index - old.html
 makefile
-temp.html
+temp.html
-webhook.html

CSS/index.css

@@ -1,16 +1,198 @@
-html { width:100%; height:100%; margin:0; padding:0; }
+/* General styles for the page */
+*{
+    margin: 0px;
+    padding: 0px;
+    box-sizing: border-box;
+}
+
+html { 
+    width:100%; 
+    height:100%; 
+    margin:0; 
+    padding:0; 
+    overflow-x: hidden;
+}
 
 body {
     background-color: rgb(41, 42, 48);
     /* background-color: rgb(1, 1, 59); */
-    width:100%; height:100%; margin:0; padding:0;
+    height:100%; margin:0; padding:0;
 }
 
+/* Better Scroll Bar */
+
+body::-webkit-scrollbar {
+    width: .7rem;
+    height: .7rem;
+}
+
+body::-webkit-scrollbar-track {
+    background-color: rgb(50,50,50);
+}
+
+body::-webkit-scrollbar-thumb {
+    background-color: rgb(60,60,60);
+    border-radius: 10px;
+}
+
+/* header portion */
+.main-header {
+    margin: 0 auto;
+    background-color: black;
+    height: 100px;
+    width: 100%;
+    z-index: 12;
+    position: fixed;
+    top: 0;
+}
+
+header {
+    text-align: center;
+}
+
+.brand-name {
+    /* class for band name: should be centered wherever it is */
+    text-align: center;
+    /* heading elements like h1 all have margins: let the margins be 0 */
+    margin: 0; 
+    font-size: 1em;
+    /* changing the everything tag's font set on the heading to be different  */
+    font-family: Rajdhani, sans-serif, poppins;
+    /*
+    Since heading are by default bolded, the font-weight can be changed to 
+    normalize the bolded text
+    */
+    font-weight: normal;
+    /* All band names should be white */
+    color: white;
+}
+
+
+.band-name-large {
+    font-size: 2em;
+}
+
+
+.logo {
+    width: 50%;
+    float: left;
+    line-height: 100px;
+    display: flex;
+    align-items: center;
+    margin-left: 5%
+}
+
+.logo a {
+    text-decoration: none;
+    font-size: 30px;
+    font-family: poppins, sans-serif;
+    color: #fff;
+    letter-spacing: 5px;
+}
+
+
+.navigation {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+    width: 100%;
+}
+
+.toggle-button {
+	position: absolute;
+	top: 3rem;
+	right: 3rem;
+	display: none;
+	flex-direction: column;
+	justify-content: space-between;
+	width: 30px;
+	height: 22px;
+}
+
+.toggle-button .bar {
+	height: 3px;
+	width: 100%;
+	background-color: white;
+	border-radius: 10px;
+}
+
+.navbar-links li {
+	list-style: none;
+}
+
+.navbar-links li a {
+	text-decoration: none;
+	color: #fff;
+	padding: 2rem;
+	display: block;
+}
+
+.navbar-links li:hover {
+	background-color: rgba(255, 255, 255, 0.5)
+}
+
+.navbar-links ul {
+	margin:0;
+	padding:0;
+	display: flex;
+}
+
+.banner-area {
+    width: 100%;
+    height: 500px;
+    position: fixed;
+    top: 100px;
+    background-image: url('https://github.com/ION606/selmer-bot-website/blob/main/assets/Header%20BK.gif?raw=true');  
+    background-size: cover; 
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+.banner-area h2 {
+    padding: 5%;
+    font-size: 50px;
+    font-family: sans-serif, poppins;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.content-area {
+    padding-top: 5px;
+    width: 100vw;
+    height: auto;
+    margin-top: 100px;
+    position: relative;
+    top: 450px;
+    background-color: rgb(41, 42, 48);
+}
+
+.content-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+}
+
+footer {
+    background-color: rgb(41, 42, 48);
+}
+
+.footer-area {
+    padding-top: 30px;
+    width: 100%;
+    position: relative;
+    top: 450px;
+    background-color: rgb(41, 42, 48);
+}
+
+/* I have no clue */
+
 .loginbtn {
     margin-top: 14px;
     scale: 1.2;
     border-radius: 10%;
 }
+
 .loginbtn:hover {
     color: #377aea;
 }
@@ -44,22 +226,6 @@ body {
     transition-delay: 0.3s;
 }
 
-nav {
-    background-color: rgb(0, 0, 0);
-    /* color: blue; */
-    /* text-align: center; */
-}
-
-.navbar .nav-item {
-    margin-right: 25px;
-    margin-left: 25px;
-}
-
-#right {
-    float: right;
-    margin-right: 50px;
-}
-
 .logoutbtn {
     margin-top: 14px;
     scale: 1.2;
@@ -72,6 +238,7 @@ nav {
     color: red;
 }
 
+
 .desctext {
     /* float:left; */
     color: white;
@@ -83,6 +250,7 @@ nav {
     width: auto;
 }
 
+
 /*************************
     CAROUSEL
 *************************/
@@ -93,10 +261,9 @@ nav {
     margin-bottom: 100px;
     background: #faf9f9;
     border:1px solid rgb(94, 104, 104);
-    
 }
 
-.carousel-control.right,
+.carousel-control.right, 
 .carousel-control.left {
     background-image: none;
 }
@@ -124,14 +291,87 @@ nav {
     text-shadow: none;
 }
 
-.item{
+.item {
     position: relative;
 }
 
-.navbar-fixed-top {
+
-    position: fixed;
+/* FIT TO SMALLER SCREEN */
-    right: 0;
+
-    left: 0;
+@media (max-width: 800px) {
-    z-index: 1030;
+
-    top: 0;
+	.toggle-button {
-}
+		display: flex;
+	}
+
+	.navbar-links {
+		display: none;
+		width: 100%;
+	}
+
+	.navbar {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.navbar-links ul {
+		flex-direction: column;
+		width: 100%;
+	}
+
+	.navbar-links li {
+		border-top: 1px solid rgba(255, 255, 255, .3);
+		text-align: center;
+	}
+
+	.navbar-links li a {
+		padding: 0.5rem 1rem;
+	}
+
+	.navbar-links.active {
+		display: flex;
+	}
+
+    .brand-name {
+        /* class for band name: should be centered wherever it is */
+        text-align: center;
+        /* heading elements like h1 all have margins: let the margins be 0 */
+        margin: 0; 
+        font-size: .8em;
+        /* changing the everything tag's font set on the heading to be different  */
+        font-family: Rajdhani, sans-serif, poppins;
+        /*
+        Since heading are by default bolded, the font-weight can be changed to 
+        normalize the bolded text
+        */
+        font-weight: normal;
+        /* All band names should be white */
+        color: white;
+    }
+
+    .banner-area {
+        width: 100%;
+        height: 500px;
+        position: fixed;
+        top: 100px;
+        background-image: url('https://github.com/ION606/selmer-bot-website/blob/main/assets/Header%20BK.gif?raw=true');  
+        background-size: cover; 
+        background-repeat: no-repeat;
+        background-position: center center;
+
+        display: flex;
+        flex-direction: column;
+    }
+
+    .banner-area h2 {
+        padding: 8%;
+        font-size: 40px;
+        font-family: sans-serif, poppins;
+        text-transform: uppercase;
+        color: #fff;
+        
+        justify-content: space-between;
+        align-content: center;
+    }
+}
+

HTML/calEvent.html

@@ -107,7 +107,7 @@
 
             if (inp.inp == 'cal') {
                 var xhrsess = new XMLHttpRequest();
-                xhrsess.open('post', 'https://selmerbot.com/getSessionInfo/', true);
+                xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
                 xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
 
@@ -121,7 +121,7 @@
 
                     //Send the data to the server
                     var xhr = new XMLHttpRequest();
-                    xhr.open('post', 'https://selmerbot.com/sendData/', true);
+                    xhr.open('post', 'https://www.selmerbot.com/sendData/', true);
                     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                     xhr.setRequestHeader(`reminders`, true);
                     xhr.setRequestHeader(`delObjKeys`, delObjKeys);
@@ -140,7 +140,7 @@
         async function createCalEvent(day) {
             // event.preventDefault();
 
-            await new Promise((res, rej) => { res(window.open('https://selmerbot.com/newCalEvent','newCalPopWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
+            await new Promise((res, rej) => { res(window.open('https://www.selmerbot.com/newCalEvent','newCalPopWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
                 .then((w) => {
                 if (!w) { alert("Your browser has JavaScript Disabled!"); return w.close(); }
 

HTML/calendar.html

@@ -30,7 +30,7 @@
         async function openNewCalWindow(evjs, day) {
             const ev = JSON.parse(evjs);
             
-            await new Promise((res, rej) => { res(window.open('https://selmerbot.com/calEvent','popUpWindow','loaction=no,width=600,height=300,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
+            await new Promise((res, rej) => { res(window.open('https://www.selmerbot.com/calEvent','popUpWindow','loaction=no,width=600,height=300,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
                 .then((w) => {
                 if (!w) { w.close(); return alert("Your browser has JavaScript Disabled!"); }
 
@@ -45,7 +45,7 @@
 
 
         async function createCalEvent(day) {
-            await new Promise((res, rej) => { res(window.open('https://selmerbot.com/newCalEvent','popUpWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
+            await new Promise((res, rej) => { res(window.open('https://www.selmerbot.com/newCalEvent','popUpWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
                 .then((w) => {
                 if (!w) { w.close(); return alert("Your browser has JavaScript Disabled!"); }
 
@@ -134,7 +134,7 @@
         function getSessionData() {
             return new Promise((resolve, reject) => {
                 var xhrsess = new XMLHttpRequest();
-                xhrsess.open('post', 'https://selmerbot.com/getSessionInfo/', true);
+                xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
                 xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
 
@@ -156,7 +156,7 @@
                 if (window.location.href.indexOf('localhost') != -1) {
                     window.location = 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
                 } else {
-                    window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmerbot.com%2F&response_type=token&scope=identify%20guilds';
+                    window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=token&scope=identify%20guilds';
                 }
             }
 
@@ -167,7 +167,7 @@
                 const id = sessionInfo.userId;
                 //Check if the user has premium
                 var xhrverify = new XMLHttpRequest();
-                xhrverify.open('post', 'https://selmerbot.com/verifypremium/', true);
+                xhrverify.open('post', 'https://www.selmerbot.com/verifypremium/', true);
                 xhrverify.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
 
                 //Use the guild Id as the userId
@@ -179,7 +179,7 @@
                     }
 
                     var xhr2 = new XMLHttpRequest();
-                    xhr2.open('get', 'https://selmerbot.com/getCal/', true);
+                    xhr2.open('get', 'https://www.selmerbot.com/getCal/', true);
                     xhr2.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
 
                     //Use the guild Id as the userId

HTML/dashboard.html

@@ -27,7 +27,7 @@
         async function openNewCalWindow(evjs, day) {
             const ev = JSON.parse(evjs);
             
-            await new Promise((res, rej) => { res(window.open('https://selmerbot.com/calEvent','popUpWindow','loaction=no,width=600,height=300,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
+            await new Promise((res, rej) => { res(window.open('https://www.selmerbot.com/calEvent','popUpWindow','loaction=no,width=600,height=300,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
                 .then((w) => {
                 if (!w) { w.close(); return alert("Your browser has JavaScript Disabled!"); }
 
@@ -45,7 +45,7 @@
 
 
         async function createCalEvent(day) {
-            await new Promise((res, rej) => { res(window.open('https://selmerbot.com/newCalEvent','popUpWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
+            await new Promise((res, rej) => { res(window.open('https://www.selmerbot.com/newCalEvent','popUpWindow','loaction=no,width=400,height=350,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')); })
                 .then((w) => {
                 if (!w) { w.close(); return alert("Your browser has JavaScript Disabled!"); }
 
@@ -133,7 +133,7 @@
         function getSessionData() {
             return new Promise((resolve, reject) => {
                 var xhrsess = new XMLHttpRequest();
-                xhrsess.open('post', 'https://selmerbot.com/getSessionInfo/', true);
+                xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
                 xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
 
@@ -158,7 +158,7 @@
                     if (window.location.href.indexOf('localhost') != -1) {
                         window.location = 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
                     } else {
-                        window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmerbot.com%2F&response_type=code&scope=identify%20guilds';
+                        window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=code&scope=identify%20guilds';
                     }
                 }
 
@@ -167,7 +167,7 @@
 
                 //Check if the user has premium
                 var xhrverify = new XMLHttpRequest();
-                xhrverify.open('post', 'https://selmerbot.com/verifypremium/', true);
+                xhrverify.open('post', 'https://www.selmerbot.com/verifypremium/', true);
                 xhrverify.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
 
                 //Use the guild Id as the userId
@@ -176,7 +176,7 @@
 
                     // //Load the channels
                     // var xhr = new XMLHttpRequest();
-                    // xhr.open('get', `https://selmerbot.com/getChannels/`, true);
+                    // xhr.open('get', `https://www.selmerbot.com/getChannels/`, true);
                     // xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                     // xhr.setRequestHeader('serverNumber', id);
                     // xhr.onloadend = (e) => {
@@ -277,7 +277,7 @@
 
 
                     var xhr2 = new XMLHttpRequest();
-                    xhr2.open('get', 'https://selmerbot.com/getCal/', true);
+                    xhr2.open('get', 'https://www.selmerbot.com/getCal/', true);
                     xhr2.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
 
                     xhr2.setRequestHeader('guildId', id);
@@ -322,7 +322,7 @@
 
         function logout() {
             var xhr = new XMLHttpRequest();
-            xhr.open('post', 'https://selmerbot.com/logout/', true);
+            xhr.open('post', 'https://www.selmerbot.com/logout/', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
             xhr.setRequestHeader('sessionid', window.localStorage.getItem('sessionId'));
 
@@ -403,7 +403,7 @@
 
                 //Send the data to the server
                 var xhr = new XMLHttpRequest();
-                xhr.open('post', 'https://selmerbot.com/sendData/', true);
+                xhr.open('post', 'https://www.selmerbot.com/sendData/', true);
                 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhr.setRequestHeader('serverSettings', JSON.stringify(serverSettings));
 
@@ -411,7 +411,7 @@
                     if (xhr.response == 'DONE') {
                         //Change the current server data
                         var xhrs = new XMLHttpRequest();
-                        xhrs.open('post', 'https://selmerbot.com/setCurrentServer/', true);
+                        xhrs.open('post', 'https://www.selmerbot.com/setCurrentServer/', true);
                         xhrs.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                         xhrs.setRequestHeader('serverNumber', serverInfo.Id);
                         xhrs.setRequestHeader('sessionid', window.localStorage.getItem("sessionId"));
@@ -486,7 +486,7 @@
         <div class="row custom-alert" style="display: none;" id="alertWelcome">
             <div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">
                 <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-                <!--<strong class="mx-auto"></strong> -->Use {sn} to insert the server name, {ut} to insert the whole user tag, {un} to insert the user name, and {ud} to insert the user discriminator<br><i>Example: Welcome to {sn} Sir {un}#{ud}</i>
+                <!--<strong class="mx-auto"></strong> -->Use {sn} to insert the server name, {un} to insert the user name, and {ut} to insert the user tag<br><i>Example: Welcome to {sn} Sir {un}#{ut}</i>
             </div>
         </div>
 

HTML/index.html

@@ -6,10 +6,10 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	
 	<!-- Discord embed start -->
-	<title>Selmer Bot Web Dashboard</title>
+	<title>Website Name</title>
     <meta content="Selmer Bot Web Dashboard" property="og:title" />
     <meta content="A web dashboard for Selmer Bot (still in Beta)" property="og:description" />
-    <meta content="https://selmerbot.com" property="og:url" />
+    <meta content="https://www.selmerbot.com" property="og:url" />
     <meta content="https://raw.githubusercontent.com/ION606/selmer-bot-website/main/assets/favicon.ico" property="og:image" />
     <meta content="#050089" data-react-helmet="true" name="theme-color" />
 	<meta name="twitter:card" content="summary_large_image">
@@ -102,7 +102,7 @@
 					const owned = result.filter((inp) => { return (inp.owner); });
 
 					var xhr = new XMLHttpRequest();
-					xhr.open('post', 'https://selmerbot.com/user/', true);
+					xhr.open('post', 'https://www.selmerbot.com/user/', true);
 					xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
 					xhr.setRequestHeader('guilds', JSON.stringify(owned));
 					xhr.setRequestHeader('userId', window.sessionStorage.getItem('Id'));
@@ -136,19 +136,19 @@
 	</script>
 
 	<script>
-		//Get the redirect link   <!-- NOTE: "response_type=token" ALWAYS!!! https://selmerbot.com/ -->
+		//Get the redirect link   <!-- NOTE: "response_type=token" ALWAYS!!! https://www.selmerbot.com/ -->
 		function getAPIRedirect() {
 			if (window.location.href.indexOf('localhost') != -1) {
 				return 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
 			} else {
 				// return "https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmer-bot-website.herokuapp.com%2F&response_type=token&scope=identify%20guilds"
-				return 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmerbot.com%2F&response_type=token&scope=identify%20guilds';
+				return 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=token&scope=identify%20guilds';
 			}
 		}
 
         function logout() {
             var xhr = new XMLHttpRequest();
-            xhr.open('post', 'https://selmerbot.com/logout/', true);
+            xhr.open('post', 'https://www.selmerbot.com/logout/', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
             xhr.setRequestHeader('sessionid', window.localStorage.getItem('sessionId'));
 
@@ -177,9 +177,7 @@
 	<!-- Nav Bar -->
 	<nav class="navbar navbar-expand-sm navbar-fixed-top">
 		<div class="container-fluid mx-auto">
-			<a class="navbar-brand" href="/">
+
-				<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
-			</a>
 			
 			<!-- <li class="nav-item">
 				<a href="index.html" style="color: white" class="nav-link"><i class="fa-solid fa-house-chimney", alt="Home" style="scale: 2;"></i></a>
@@ -188,10 +186,10 @@
 				<li class="nav-item">
 					<a href="myGuilds" id="guildslink" class="nav-link"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
 				</li>
-                
+				
-                <li class="nav-item">
+				<li class="nav-item">
-                    <a href="calendar" id="callink" class="nav-link"><i class="fa-solid fa-calendar" alt="Calendar" style="scale: 2; color: lightgrey;"></i></a>
+					<a href="calendar" id="callink" class="nav-link"><i class="fa-solid fa-calendar" alt="Calendar" style="scale: 2; color: lightgrey;"></i></a>
-                </li>
+				</li>
 
 				<li class="nav-item">
 					<a href="https://docs.selmerbot.com" target="_blank" class="nav-link"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
@@ -207,7 +205,8 @@
 			</ul>
 		
 		<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
-			<div class="container" style="font-family: 'Rajdhani', sans-serif; color: white;"><h1>Selmer Bot Web Dashboard</h1></div>
+			<div class="container"><h1>Selmer Bot Web Dashboard</h1></div>
+
 			<span class="ms-auto" style="margin-right: 1%;">
 				<!-- <button id="login" class="loginbtn" onclick="window.location = getAPIRedirect()">Log Into Dashboard</button> -->
 				<button onclick="logout()" id="logoutbtn" class="logoutbtn" style="display: none;"><i class="fa-solid fa-arrow-right-from-bracket" alt="Log Out"></i></button>
@@ -215,12 +214,13 @@
 			</span>
 		</div>
 	</nav>
-
 	<!-- NAVBAR END -->
 
-	<!-- Header Begin -->
+	
+
+	<!-- Banner Begins -->
 	<!-- https://livewire.thewire.in/wp-content/uploads/2018/09/ekg-line-ekg-monitor-ekg-machine-heart-health-blue-ecg-monitor-shows-the-heart-beat-the-heart-stops-for-three-seconds-and-starts-again_nelyjny6x__F0000.png -->
-	<div class="row w-100 h-100" style="background-image: url('https://github.com/ION606/selmer-bot-website/blob/main/assets/Header%20BK.gif?raw=true');  background-size: cover; background-repeat: no-repeat;">
+	<div class="row h-100 banner">
 		<div class="row w-100" style="color: rgb(10, 169, 243); text-align: center">
 			<h1 style="margin-top: 100px; -webkit-text-stroke: 2px rgb(255, 255, 255);">WELCOME TO THE SELMER BOT DASHBOARD</h1>
 		</div>
@@ -229,7 +229,7 @@
 		</div>
 	</div>
 
-	<!-- Header End -->
+	<!-- Banner End -->
 
 	<div class="row custom-alert" style="display: none;" id="alertrow">
 		<div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">

HTML/joinedGuild.html

@@ -197,7 +197,7 @@
             const sid = window.localStorage.getItem('sessionId');
             
             var xhr = new XMLHttpRequest();
-            xhr.open('post', 'https://selmerbot.com/joinedGuild', true);
+            xhr.open('post', 'https://www.selmerbot.com/joinedGuild', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
             xhr.setRequestHeader('serverNumber', guildId);
             xhr.setRequestHeader('sessionid', sid);

HTML/myGuilds.html

@@ -58,7 +58,7 @@
         function getSessionData() {
             return new Promise((resolve, reject) => {
                 var xhrsess = new XMLHttpRequest();
-                xhrsess.open('post', 'https://selmerbot.com/getSessionInfo/', true);
+                xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
                 // xhrsess.open('post', 'http://localhost:53134/getSessionInfo/', true);
                 xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
@@ -83,7 +83,7 @@
                     if (window.location.href.indexOf('localhost') != -1) {
                         window.location = 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
                     } else {
-                        window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmerbot.com%2F&response_type=token&scope=identify%20guilds';
+                        window.location = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=token&scope=identify%20guilds';
                     }
                 }
 
@@ -118,13 +118,13 @@
 
                         imagem.onclick = function() {
                             var xhr = new XMLHttpRequest();
-                            xhr.open('post', 'https://selmerbot.com/setCurrentServer/', true);
+                            xhr.open('post', 'https://www.selmerbot.com/setCurrentServer/', true);
                             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                             xhr.setRequestHeader('serverNumber', guilds[i].id);
                             xhr.setRequestHeader('sessionid', window.localStorage.getItem("sessionId"));
                             xhr.onloadend = (e) => {
                                 // window.sessionStorage.setItem('serverInfo', (xhr.response));
-                                window.location = 'https://selmerbot.com/dashboard';
+                                window.location = 'https://www.selmerbot.com/dashboard';
                             }
                             xhr.send();
                         }
@@ -137,7 +137,7 @@
                             if (window.location.href.indexOf('localhost') != -1) {
                                 url = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&permissions=549755289087&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2FjoinedGuild&response_type=code&scope=rpc%20bot%20applications.commands'
                             } else {
-                                url = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&permissions=549755289087&redirect_uri=https%3A%2F%2Fselmerbot.com%2FjoinedGuild&scope=bot%20applications.commands'
+                                url = 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&permissions=549755289087&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2FjoinedGuild&scope=bot%20applications.commands'
                             }
                             window.open(url);
                         }//OPEN A NEW WINDOW WITH SERVER INVITE

HTML/newCalEvent.html

@@ -51,7 +51,7 @@
         function getSessionData() {
             return new Promise((resolve, reject) => {
                 var xhrsess = new XMLHttpRequest();
-                xhrsess.open('post', 'https://selmerbot.com/getSessionInfo/', true);
+                xhrsess.open('post', 'https://www.selmerbot.com/getSessionInfo/', true);
                 xhrsess.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                 xhrsess.setRequestHeader('session', window.localStorage.getItem('sessionId'));
 
@@ -118,7 +118,7 @@
 
                     //Send the data to the server
                     var xhr = new XMLHttpRequest();
-                    xhr.open('post', 'https://selmerbot.com/newCalEvent/', true);
+                    xhr.open('post', 'https://www.selmerbot.com/newCalEvent/', true);
                     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
                     xhr.setRequestHeader(`newCalEvent`, JSON.stringify(obj));
                     

HTML/premium.html

@@ -38,7 +38,7 @@
 
         function logout() {
             var xhr = new XMLHttpRequest();
-            xhr.open('post', 'https://selmerbot.com/logout/', true);
+            xhr.open('post', 'https://www.selmerbot.com/logout/', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
             xhr.setRequestHeader('sessionid', window.localStorage.getItem('sessionId'));
 
@@ -50,13 +50,13 @@
             xhr.send();
         }
 
-        //Get the redirect link   <!-- NOTE: "response_type=token" ALWAYS!!! https://selmerbot.com/ -->
+        //Get the redirect link   <!-- NOTE: "response_type=token" ALWAYS!!! https://www.selmerbot.com/ -->
 		function getAPIRedirect() {
 			if (window.location.href.indexOf('localhost') != -1) {
 				return 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
 			} else {
 				// return "https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmer-bot-website.herokuapp.com%2F&response_type=token&scope=identify%20guilds"
-				return 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmerbot.com%2F&response_type=token&scope=identify%20guilds';
+				return 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=token&scope=identify%20guilds';
 			}
 		}
 

HTML/releases.html

@@ -1,181 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta content="Selmer Bot Web Dashboard" property="og:title" />
-    <meta content="A web dashboard for Selmer Bot (still in Beta)" property="og:description" />
-    <meta content="https://selmerbot.com" property="og:url" />
-    <meta content="https://raw.githubusercontent.com/ION606/selmer-bot-website/main/assets/favicon.ico" property="og:image" />
-    <meta content="#050089" data-react-helmet="true" name="theme-color" />
-	<meta name="twitter:card" content="summary_large_image">
-
-
-	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
-	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <script src="https://kit.fontawesome.com/728e740903.js" crossorigin="anonymous"></script>
-
-    <title>Selmer Bot Web Dashboard</title>
-    <style>
-        body {
-            background-color: black;
-            text-align: center;
-            color: white;
-            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
-            font-size: 16px;
-            word-wrap: break-word;
-
-        }
-
-        .release_embed {
-            border-color: white;
-            border-width: 1px;
-            border-style: solid;
-            border-radius: 2%;
-            width: 600px;
-            height: auto;
-            margin-top: 50px;
-        }
-
-        h4 {
-            text-align: left;
-            padding-left: 20px;
-            padding-right: 20px;
-            line-height: 1.5;
-        }
-
-        h6 {
-            text-align: left;
-            padding-left: 20px;
-            padding-right: 20px;
-            line-height: 1.5;
-        }
-
-        hr {
-            width: 560px;
-            margin-left: 20px;
-            margin-right: 20px;
-        }
-    </style>
-</head>
-
-<body>
-    <h1 style="margin-top: 30px;">Selmer Bot Legacy Releases</h1>
-    
-    <div class="d-flex justify-content-center">
-        <div class="release_embed">
-            <h2>Slash Commands Release</h2>
-            <h6>
-                Transitioned most Miscellaneous, Audio, Selmer Specific, Admin, Anime/Manga, and Inventory commands to Slash Command format.<br>
-                The RSS and reactionrole commands are still broken and all game commands are still in message format due to complications.
-            </h6><br>
-
-            <div style="text-align: left; margin-bottom: 10px;">
-                <span style="margin: 15px; margin-bottom: 20px;">Download .tar.gz file</span><a href="downloads\selmerBot-1.0.1.tar.gz"><i class="fa-solid fa-file-arrow-down" style="color: white; font-size: 35px;"></i></a>
-            </div>
-        </div>
-    </div>
-
-
-    <div class="d-flex justify-content-center">
-        <div class="release_embed">
-            <h2>Pre Slash Command Selmer Bot</h2><br>
-
-            <h4>Release Description</h4>
-            <h6>
-                This is the last snapshot of Selmer Bot before the transition to Slash Commands
-            </h6>
-
-            <hr size="3">
-            <h4>
-                MISCELLANEOUS COMMANDS
-            </h4>
-
-            <h6>
-                <ul>
-                    <li>tuto - An introduction command to Selmer Bot</li>
-                    <li>serverlock - Lock ALL CHANNELS for everyone with the "everyone" role<br>- SERVER OWNER ONLY. FOR EMERGENCY USE ONLY</li>
-                    <li>asearch - Selmer bot gives you info on an anime</li>
-                    <li>msearch - Selmer bot gives you info on a manga</li>
-                    <li>crypto - Get the prices for most cryptocurrencies!</li>
-                    <li>test - HI SELMER</li>
-                    <li>help - Gets help for all of Selmer Bot's commands</li>
-                    <li>kareoke - Sing your least-favorite song with your favorite person, me!</li>
-                    <li>links - A helpful list of links to all of Selmer's wonderful websites</li>
-                    <li>meme - Selmer Bot will post a random meme from reddit</li>
-                    <li>pickupline - Get a pickup line from our selection of 200 lines!</li>
-                    <li>audio - Play a song from YouTube, add free!</li>
-                    <li>poll - Create a cool poll embed (with time up to 1 hour!)</li>
-                    <li>react - Reacts with a phrase or single emoji</li>
-                    <li>reactionrole - Creates an embed that will give a role when reacted to</li>
-                    <li>scrape - .....</li>
-                    <li>stocks - Have Selmer Bot give you "current" stock prices</li>
-                    <li>chat - chat</li>
-                    <li>reminders - Have Selmer Bot remind you - premium feature</li>
-                    <li>premium - everything payment</li>
-                  </ul>
-            </h6>
-
-            <hr size="3">
-            <h4>Selmer Bot's Commands (Special)</h4>
-            <h6>
-                <ul>
-                    <li>arrow - Engage in a trademarked activity and throw an arrow at a trash can</li>
-                    <li>extracredit - Selmer Bot Dm's you for some AHEM extra credit</li>
-                    <li>profile - Posts a description of Monsieur Sleemer himself</li>
-                    <li>quotes - A public version of Extra Credit</li>
-                    <li>code - See where Selmer bot's code is stored! (you can also use !repo)</li>
-                </ul>
-            </h6>
-
-            <hr size="3">
-            <h4>Selmer Bot Commands (Econ)</h4>
-            <h6>buy, shop, work, rank, inventory, balance, sell</h6>
-
-            <hr size="3">
-            <h4>Selmer Bot Commands (Games)</h4>
-            <h6>battle, Tic Tac Toe</h6>
-
-            <hr size="3">
-            <h4>Selmer Bot Commands (Admin)</h4>
-            <h5>General</h5>
-            <h6>
-                <ul>
-                    <li>setup - Set up server features<br>- SERVER OWNER ONLY - use !setup help</li>
-                    <li>lock - Lock a channel</li>
-                    <li>unlock - Unlock a channel</li>
-                    <li>serverlock - Lock ALL CHANNELS for everyone with the "everyone" role - SERVER OWNER ONLY. FOR EMERGENCY USE ONLY</li>
-                </ul>
-            </h6>
-
-            <h5>Selmer Bot Moderation Commands</h5>
-            <h6>lock, unlock, kick, ban, unban, mute, unmute</h6><br>
-
-
-            <div style="text-align: left; margin-bottom: 10px;">
-                <span style="margin: 15px; margin-bottom: 20px;">Download .tar.gz file</span><a href="downloads\selmerBot-1.0.1-preslash.tar.gz"><i class="fa-solid fa-file-arrow-down" style="color: white; font-size: 35px;"></i></a>
-            </div>
-        </div>
-    </div>
-
-
-    <div class="d-flex justify-content-center">
-        <div class="release_embed">
-            <h2>Selmer Bot OG Attempt 2</h2>
-            <h6>
-                I really goofed and overwrote the old release so this is a new release with everything. See the wiki for details on commands and Premium!<br><br>
-                Goddamnit.<br>
-                -ION606
-            </h6><br>
-            <div style="text-align: left; margin-bottom: 10px;">
-                <span style="margin: 15px; margin-bottom: 20px;">Download .tar.gz file</span><a href="downloads\selmerBot-1.0.0.tar.gz"><i class="fa-solid fa-file-arrow-down" style="color: white; font-size: 35px;"></i></a>
-            </div>
-        </div>
-    </div>
-
-    <div style="text-align: left; margin-left: 10px; color: white; margin-top: 30px;">Copyright @ION606 2022</div>
-</body>
-</html>

HTML/team.html

@@ -21,7 +21,7 @@
 
     <link rel="stylesheet" type="text/css" href="/CSS/team.css">
 
-    <title>Selmer Bot Web Dashboard</title>
+    <title>Selmer Bot Directory</title>
 
     <script>
         /*
@@ -40,7 +40,7 @@
             if (!sbox.value) { return; }
             
             var xhr = new XMLHttpRequest();
-            xhr.open('post', 'https://selmerbot.com/suggestion/', true);
+            xhr.open('post', 'https://www.selmerbot.com/suggestion/', true);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
             xhr.setRequestHeader('sessionId', sid);
             xhr.setRequestHeader('suggestion', sbox.value);
@@ -114,7 +114,7 @@
 
     <div class="row">
         <div style="text-align: center;">
-            <button onclick="window.open('https://selmerbot.com/', target='_blank')" class="webBtn">selmerbot.com</button>
+            <button onclick="window.open('https://www.selmerbot.com/', target='_blank')" class="webBtn">selmerbot.com</button>
             <script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="ion606" data-color="#FFDD00" data-emoji=""  data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff"></script>
         </div>
     </div>

HTML/test.html

@@ -0,0 +1,484 @@
+<!DOCTYPE html>
+<!-- MAKE SURE THE PERSON CAN'T CHANGE THE SERVER NUMBER AND ACCESS RANDOM SERVERS -->
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	
+	<!-- Discord embed start -->
+	<title>Website Name</title>
+    <meta content="Selmer Bot Web Dashboard" property="og:title" />
+    <meta content="A web dashboard for Selmer Bot (still in Beta)" property="og:description" />
+    <meta content="https://www.selmerbot.com" property="og:url" />
+    <meta content="https://raw.githubusercontent.com/ION606/selmer-bot-website/main/assets/favicon.ico" property="og:image" />
+    <meta content="#050089" data-react-helmet="true" name="theme-color" />
+	<meta name="twitter:card" content="summary_large_image">
+	<!-- Discord embed end -->
+	
+	<title>Selmer Bot Web Dashboard</title>
+	
+	<link rel="shortcut icon" href="https://github.com/ION606/selmer-bot-website/blob/main/assets/favicon.ico?raw=true" type="image/x-icon">
+	<script src="https://kit.fontawesome.com/728e740903.js" crossorigin="anonymous"></script>
+
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap" rel="stylesheet">
+	
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+	<link rel="stylesheet" type="text/css" href="/CSS/index.css">
+
+	<!-- <script type="text/javascript" src="main.js"></script> -->
+
+ 	<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> (no github icon so...) -->
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+	<script>
+		function generateRandomString() {
+			let randomString = '';
+			const randomNumber = Math.floor(Math.random() * 10);
+
+			for (let i = 0; i < 20 + randomNumber; i++) {
+				randomString += String.fromCharCode(33 + Math.floor(Math.random() * 94));
+			}
+
+			return randomString;
+		}
+
+		window.onload = () => {
+			// createBody();
+
+			const fragment = new URLSearchParams(window.location.hash.slice(1));
+			const [accessToken, tokenType, state] = [fragment.get('access_token'), fragment.get('token_type'), fragment.get('state')];
+
+			if (!accessToken && !window.localStorage.getItem('sessionId')) {
+				const randomString = generateRandomString();
+				localStorage.setItem('oauth-state', randomString);
+				document.getElementById('guildslink').href = '';
+				document.getElementById('guildslink').style = 'cursor: no-drop;';
+
+				// $(".custom-alert").slideUp(0);
+				// document.getElementById('login').href += `&state=${encodeURIComponent(btoa(randomString))}`;
+				// return document.getElementById('login').style.display = 'block';
+			} else if (!accessToken && window.localStorage.getItem('sessionId')) {
+				//The user is already logged in
+				document.getElementById('loginbtn').style.display = 'none'
+				document.getElementById('logoutbtn').style.display = "block";
+			}
+
+			if (localStorage.getItem('oauth-state') !== atob(decodeURIComponent(state))) {
+				console.log('You may have been click-jacked!');
+			}
+
+			fetch('https://discord.com/api/users/@me', {
+				headers: {
+					authorization: `${tokenType} ${accessToken}`,
+				},
+			})
+				.then(result => result.json())
+				.then(response => {
+					// document.getElementById('TEMP').innerText = response.toString();
+					// console.log(response);
+					const { id, username, discriminator } = response;
+					window.sessionStorage.setItem('Id', id);
+					// console.log(guilds);
+					// document.getElementById('info').innerText += ` ${username}#${discriminator}`;
+
+					// window.location = `http://:53134/user?id=${id}`;
+				})
+				.catch(console.error);
+
+				//Guilds section
+			fetch('https://discord.com/api/users/@me/guilds', {
+				// method: 'POST',
+				headers: {
+					authorization: `${tokenType} ${accessToken}`,
+				}
+			}).then(response => {
+				response.json().then((result) => {
+					const owned = result.filter((inp) => { return (inp.owner); });
+
+					var xhr = new XMLHttpRequest();
+					xhr.open('post', 'https://www.selmerbot.com/user/', true);
+					xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+					xhr.setRequestHeader('guilds', JSON.stringify(owned));
+					xhr.setRequestHeader('userId', window.sessionStorage.getItem('Id'));
+
+					xhr.onloadend = (e) => {
+						//No need
+						window.localStorage.removeItem("Id");
+						window.localStorage.setItem('sessionId', xhr.response);
+						
+						document.getElementById('alertrow').style = "";
+						window.location.href = "/";
+
+						//Too far down, user can't see it
+						// $(".custom-alert").slideDown(500);
+
+						// window.setTimeout(function() {			
+						// 	$(".custom-alert").slideUp(500, function() {
+						// 		$(this).remove();
+						// 		window.location.href = "index.html";
+						// 	});
+						// }, 5000);
+					}
+
+					xhr.send(JSON.stringify(owned));
+				}).then((r) => {
+					
+				});
+			})
+			.catch(console.error);
+		}
+	</script>
+
+	<script>
+		//Get the redirect link   <!-- NOTE: "response_type=token" ALWAYS!!! https://www.selmerbot.com/ -->
+		function getAPIRedirect() {
+			if (window.location.href.indexOf('localhost') != -1) {
+				return 'https://discord.com/api/oauth2/authorize?client_id=926551095352901632&redirect_uri=http%3A%2F%2Flocalhost%3A53134%2F&response_type=token&scope=identify%20guilds';
+			} else {
+				// return "https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fselmer-bot-website.herokuapp.com%2F&response_type=token&scope=identify%20guilds"
+				return 'https://discord.com/api/oauth2/authorize?client_id=944046902415093760&redirect_uri=https%3A%2F%2Fwww.selmerbot.com%2F&response_type=token&scope=identify%20guilds';
+			}
+		}
+
+        function logout() {
+            var xhr = new XMLHttpRequest();
+            xhr.open('post', 'https://www.selmerbot.com/logout/', true);
+            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+            xhr.setRequestHeader('sessionid', window.localStorage.getItem('sessionId'));
+
+            xhr.onloadend = (e) => {
+				window.localStorage.clear();
+            	window.sessionStorage.clear();
+				window.location.href = '/';
+			}
+            xhr.send();
+        }
+	</script>
+
+	<script>
+		// function createBody() {
+		// 	var temp = document.getElementById("mainTemplate");
+		// 	var clon = temp.content.cloneNode(true);
+		// 	document.body.appendChild(clon);
+		// }
+        const toggleButton = document.getElementsByClassName('toggle-button')[0];
+        const navbarLinks = document.getElementsByClassName('navbar-links')[0];
+
+        
+        if (toggleButton){
+            toggleButton.addEventListener('click', () => {
+                navbarLinks.classList.toggle('active')
+            })
+        }
+	</script>
+</head>
+
+
+
+<body>
+
+    <div class="box-area">
+        <header>
+            <div class="main-header">
+                <nav class="navigation">
+                    <div class="logo">
+                        <a class="navbar-brand" href="/">
+                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
+                        </a>
+                        <a href="#"><h1 class="brand-name brand-name-large">Selmer Bot<h1></a>
+                    </div>
+                    
+                    <a href="#" class="toggle-button">
+                        <span class="bar"></span>
+                        <span class="bar"></span>
+                        <span class="bar"></span>
+                    </a>
+
+                    <div class="navbar-links">
+                        <ul>
+                            <li>
+                                <a href="myGuilds" id="guildslink" class="nav-link"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
+                            </li>
+                            <li>
+                                <a href="calendar" id="callink" class="nav-link"><i class="fa-solid fa-calendar" alt="Calendar" style="scale: 2; color: lightgrey;"></i></a>
+                            </li>
+                            <li>
+                                <a href="https://docs.selmerbot.com" target="_blank" class="nav-link"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
+                            </li>
+                            <li>
+                                <a href="premium" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
+                            </li>
+                            <li>
+                                <a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
+                            </li>
+                        </ul>
+                    </div>
+                </nav>
+            </div>
+            <div class="banner-area">
+                <h2>WELCOME TO THE SELMER BOT DASHBOARD</h2>
+                <h2>Music, Games, an Economy System, and More!</h2>
+            </div>
+        </header>
+
+
+
+
+
+        <div class="row custom-alert" style="display: none;" id="alertrow">
+            <div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">
+                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                <strong class="mx-auto">Logged In Successfully!</strong> <!-- This alert box could indicate a successful or positive action. -->
+            </div>
+        </div>
+
+
+
+
+
+
+        <!-- Page Content -->
+        <section class="content-area">
+
+
+            <!-- Adds margins to the page -->
+            <div class="container">
+
+
+                <div id="music" class="row pb-md-5 mt-md-5">
+
+
+                    <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12">
+                        <img class="img-responsive" src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Audio1.png?raw=true">
+                    </div>
+
+
+                    <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6">
+                        <div class="container desctext">
+                            <p style="white-space: pre-line;">
+                                Play your favorite songs with easy-to-use controls!
+                            </p>
+
+                            <b>Features: </b>
+                            <ul>
+                                <li>
+                                    Easy Controls
+                                </li>
+                                <li>
+                                    Audio Queue
+                                </li>
+                                <li>
+                                    Stopping, pausing and unpausing!
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                </div>
+
+
+                <div id="anime" class="mx-auto container pt-lg-5 mt-lg-5 mt-sm-0 pt-sm-0">
+                    <div id="features" class="row">
+                        <div class="col-xxl-4 col-xl-5 col-lg-12 col-md-12 order-xl-first order-lg-last p-lg-0 pt-lg-4">
+                            <div class="container desctext"  style="width: 440px; background-color: rgba(77, 206, 3, 0.322); height: 300px;">
+                                <p style="white-space: pre-line;">
+                                    Get details about your favorite Anime and Manga!
+                                </p>
+
+                                <b>Features: </b>
+                                <ul>
+                                    <li>
+                                        Three different styles: <b>Fancy, Summary, and Stats</b>
+                                    </li>
+                                    <li>
+                                        Get info on the newsest releases
+                                    </li>
+                                </ul>
+                                <p>
+                                    <i>I've actually mispelled anime/manga names several times and found some amazing new mangas</i>
+                                </p>
+                            </div>
+                        </div>
+
+
+                        <div id="animecarousel" class="carousel slide col-xxl-4 col-xl-4 col-lg-5 col-md-12" data-bs-ride="carousel" style="width: 650px; position: relative; margin: auto; height: 650px;">
+                            <div class="carousel-inner" style="background-color: #36393f; height: 650px;">
+                                <div class="carousel-item active" style="position: relative">
+                                    <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime1.png?raw=true" alt="Shop1" class="d-block carousel-img">
+                                </div>
+                                
+                                <div class="carousel-item" style="position: relative">
+                                    <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime2.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
+                                </div>
+
+                                <div class="carousel-item" style="position: relative; text-align: center;">
+                                    <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/Anime3.png?raw=true" alt="Shop2" class="d-block carousel-img" style="margin:auto; margin-top: 30px;">
+                                    <!-- <h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2> -->
+                                </div>
+                            </div>
+
+                            <button class="carousel-control-prev" type="button" data-bs-target="#animecarousel" data-bs-slide="prev">
+                                <span class="carousel-control-prev-icon"></span>
+                            </button>
+                            <button class="carousel-control-next" type="button" data-bs-target="#animecarousel" data-bs-slide="next">
+                                <span class="carousel-control-next-icon"></span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+
+                <div id="shop" class="container pt-5 pb-5">
+                    <div id="features" class="row pt-5">
+                        <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
+                            <div id="shopcarousel" class="carousel slide" data-bs-ride="carousel" style="width: 500px; height: 300px;">
+                                <div class="carousel-inner" style="background-color: #36393f; height: 300px;">
+                                    <div class="carousel-item active">
+                                        <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/shop1.png?raw=true" alt="Shop1" class="d-block carousel-img w-100">
+                                    </div>
+                                    
+                                    <div class="carousel-item">
+                                        <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/work.png?raw=true" alt="Work1" class="d-block carousel-img" style="margin:auto; margin-top: 15px;">
+                                        <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/balance.png?raw=true" alt="Balance1" class="d-block carousel-img" style="margin:auto">
+                                    </div>
+
+                                    <div class="carousel-item" style="text-align: center;">
+                                        <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/rank.png?raw=true" alt="Rank1" class="d-block carousel-img w-100" style="margin:auto; margin-top: 30px;">
+                                        <h2 style="margin-top: 70px; color: white; font-family: Goudy Old Style;">Reach up to Rank 101!</h2>
+                                    </div>
+                                </div>
+
+                                <button class="carousel-control-prev" type="button" data-bs-target="#shopcarousel" data-bs-slide="prev">
+                                    <span class="carousel-control-prev-icon"></span>
+                                </button>
+                                <button class="carousel-control-next" type="button" data-bs-target="#shopcarousel" data-bs-slide="next">
+                                    <span class="carousel-control-next-icon"></span>
+                                </button>
+                            </div>
+                        </div>
+
+                    <!-- <span class="col" style="float: right"> -->
+                        <div class="desctext pt-1"  style="width: 450px; height: 200px; background-color: rgba(243, 159, 3, 0.322);">
+                            <p style="white-space: pre-line;">
+                                Use the shop and even add custom items!
+                            </p>
+
+                            <b>Features: </b>
+                            <ul>
+                                <li>
+                                    Customizable Items
+                                </li>
+                                <li>
+                                    Selling and Buying among server members
+                                </li>
+                                <li>
+                                    Earning XP and currency through work and games!
+                                </li>
+                            </ul>
+                        </div>
+                        <!-- </span> -->
+                    </div>
+                </div>
+
+
+                <div id="games" class="container pt-5">
+                    <div class="row pt-5">
+                        <div class="col pt-5">
+                            <img src="https://github.com/ION606/selmer-bot-website/blob/adb98105f825c4f9f75681c4ac513c72f184ea37/assets/tmonitor.png?raw=true" class="ps-lg-5 ps-sm-5" style="position: absolute; margin-top: 50px; scale: 1.5;">
+                            
+                            <div id="gamescarousel" class="carousel slide p-md-0" data-bs-ride="carousel" style="width: 600px; height: 300px;">
+                                <div class="carousel-inner" style="background-color: #36393f; height: 300px; border-style: none;">
+                                    <div class="carousel-item active">
+                                        <div class="row">
+                                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/ttcplayed.jpeg?raw=true" alt="ttc1" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
+                                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/tttwon.jpeg?raw=true" alt="ttc2" class="d-block carousel-img col-sm-6" style="margin-top: 20px;">
+                                        </div>
+                                    </div>
+                                    
+                                    <div class="carousel-item" style="position: relative">
+                                        <div class="row">
+                                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/trivia1.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin-top: 20px;">
+                                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviafail.png?raw=true" alt="ttc1" class="d-block carousel-img" style="scale: 0.8">
+                                        </div>
+                                    </div>
+
+                                    <div class="carousel-item" style="position: relative; text-align: center;">
+                                        <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/triviapass.png?raw=true" alt="ttc1" class="d-block carousel-img" style="margin: auto; margin-top: 20px;">
+                                    </div>
+                                </div>
+
+                                <button class="carousel-control-prev" type="button" data-bs-target="#gamescarousel" data-bs-slide="prev">
+                                    <span class="carousel-control-prev-icon"></span>
+                                </button>
+                                <button class="carousel-control-next" type="button" data-bs-target="#gamescarousel" data-bs-slide="next">
+                                    <span class="carousel-control-next-icon"></span>
+                                </button>
+                            </div>
+                        </div>
+                    
+
+                    <!-- <div style="margin-top: 200px;"></div> -->
+
+                        <span class="container desctext col-xl-1"  style="width: 500px; background-color: rgba(243, 3, 3, 0.322); float: right; margin-top: 200px">
+                            <p style="white-space: pre-line;">
+                                Play games and win XP and Selmer Coins!
+                            </p>
+
+                            <b>Features: </b>
+                            <ul>
+                                <li>
+                                    Sever games
+                                </li>
+                                <li>
+                                    Play by yourself or others
+                                </li>
+                                <li>
+                                    Use the currency in the item shop!
+                                </li>
+                            </ul>
+
+                            <b>Games: </b>
+                            <ul>
+                                <li>
+                                    Trivia
+                                </li>
+                                <li>
+                                    Tic Tac Toe
+                                </li>
+                            </ul>
+                        </span>
+                    </div>
+                </div>
+
+                <!-- <div style="margin-top: 500px;"></div> -->
+                    <!-- <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Features/AI1.png?raw=true"> -->
+
+            </div>
+        </section>
+        
+
+
+        <!-- <script type="module" src="./main.js", type="application/json"></script> -->
+        <footer class="footer-area">
+            <!-- Footer -->
+            <ul style="text-align: center;" class="row">
+                <li style="display: inline; vertical-align: text-top;">
+                    <a href="https://github.com/ION606/selmerBot"><i class="fa fa-github" style="font-size:72px; color: #000000;" alt="Github Repository"></i></a>
+                    <span style="margin-left: 40px;"></span>
+                    <a href="https://discord.com/oauth2/authorize?client_id=944046902415093760&scope=applications.commands+bot&permissions=549755289087"><img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" style="width: 72px; height: 72px; margin-bottom: 40px;" alt="Discord Invite Link"></a>
+                </li>
+            </ul>
+        </footer>
+
+
+
+    </div>
+
+</body>
+</html>

README.md

@@ -1,4 +1,2 @@
-# THIS REPOSITORY HAS BEEN MIRRORED TO THE SELMER BOT ORGANIZATION AND IS NOW READ-ONLY
-
 # selmer-bot-website
 A website/dashboard for Selmer Bot

main.js

@@ -21,7 +21,6 @@ const mongouri = process.env.mongouri;
 const client = new MongoClient(mongouri, { useNewUrlParser: true, useUnifiedTopology: true, serverApi: ServerApiVersion.v1 });
 const connection = client.connect();
 
-
 const bot = new Client({ 
     intents: [
         Intents.FLAGS.GUILDS,
@@ -219,8 +218,7 @@ app.get('/getChannels', async (req, res) => {
 
 //Headers: servernumber, sessionid
 app.post('/setCurrentServer', async (req, res) => {
-	const {servernumber, sessionid} = req.headers;
+	setCurrentServer().then((code) => {
-	setCurrentServer(sessionid, servernumber).then((code) => {
 		res.sendStatus(code);
 	}).catch((err) => {
 		console.error(err);
@@ -592,24 +590,6 @@ app.post("/newics", async(req, res) => {
 */
 
 
-app.get("/userData", async (req, res) => {
-	connection.then((client) => {
-		const headers = req.headers;
-		const dbo = client.db();
-	});
-});
-
-
-app.get("/releases", async (req, res) => {
-	res.sendFile('releases.html', { root: 'HTML' });
-});
-
-
-app.get("/downloads/*", async (req, res) => {
-	return res.sendFile(`${req.path}`, {root: '.'});
-});
-
-
 app.get('/', async ({ query }, response) => {
 	const { code } = query;
 
@@ -622,7 +602,7 @@ app.get('/', async ({ query }, response) => {
 					client_secret: clientSecret,
 					code,
 					grant_type: 'authorization_code',
-					redirect_uri: `https://selmerbot.com/`,
+					redirect_uri: `https://www.selmerbot.com/`,
 					scope: 'identify',
 				}),
 				headers: {
@@ -647,4 +627,5 @@ app.get("*",(req,res) => {
     res.sendFile("404.html", {root: 'HTML'});
 })
 
-app.listen(port, () => console.log(`App listening on port ${port}`));
+app.listen(port, () => console.log(`App listening on port ${port}`));
+