diff --git a/README.md b/README.md
index a449ec6..a966bec 100755
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
 # SimpleModBot Dashboard
-I will update this later.
\ No newline at end of file
+
+## Someone should add something here!!! -@Stanford47
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
old mode 100755
new mode 100644
index 3ad558d..b2640b6
--- a/package-lock.json
+++ b/package-lock.json
@@ -6061,11 +6061,11 @@
 			"integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
 		},
 		"node_modules/ejs": {
-			"version": "3.1.6",
-			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.6.tgz",
-			"integrity": "sha512-9lt9Zse4hPucPkoP7FHDF0LQAlGyF9JVpnClFLFH3aSSbxmyoqINRpp/9wePWJTUl4KOQwRL72Iw3InHPDkoGw==",
+			"version": "3.1.7",
+			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.7.tgz",
+			"integrity": "sha512-BIar7R6abbUxDA3bfXrO4DSgwo8I+fB5/1zgujl3HLLjwd6+9iOnrT+t3grn2qbk9vOgBubXOFwX2m9axoFaGw==",
 			"dependencies": {
-				"jake": "^10.6.1"
+				"jake": "^10.8.5"
 			},
 			"bin": {
 				"ejs": "bin/cli.js"
@@ -7196,11 +7196,30 @@
 			}
 		},
 		"node_modules/filelist": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz",
-			"integrity": "sha512-z7O0IS8Plc39rTCq6i6iHxk43duYOn8uFJiWSewIq0Bww1RNybVHSCjahmcC87ZqAm4OTvFzlzeGu3XAzG1ctQ==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.3.tgz",
+			"integrity": "sha512-LwjCsruLWQULGYKy7TX0OPtrL9kLpojOFKc5VCTxdFTV7w5zbsgqVKfnkKG7Qgjtq50gKfO56hJv88OfcGb70Q==",
 			"dependencies": {
-				"minimatch": "^3.0.4"
+				"minimatch": "^5.0.1"
+			}
+		},
+		"node_modules/filelist/node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/filelist/node_modules/minimatch": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.0.tgz",
+			"integrity": "sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=10"
 			}
 		},
 		"node_modules/filesize": {
@@ -8578,12 +8597,12 @@
 			}
 		},
 		"node_modules/jake": {
-			"version": "10.8.2",
-			"resolved": "https://registry.npmjs.org/jake/-/jake-10.8.2.tgz",
-			"integrity": "sha512-eLpKyrfG3mzvGE2Du8VoPbeSkRry093+tyNjdYaBbJS9v17knImYGNXQCUV0gLxQtF82m3E8iRb/wdSQZLoq7A==",
+			"version": "10.8.5",
+			"resolved": "https://registry.npmjs.org/jake/-/jake-10.8.5.tgz",
+			"integrity": "sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==",
 			"dependencies": {
-				"async": "0.9.x",
-				"chalk": "^2.4.2",
+				"async": "^3.2.3",
+				"chalk": "^4.0.2",
 				"filelist": "^1.0.1",
 				"minimatch": "^3.0.4"
 			},
@@ -8591,77 +8610,13 @@
 				"jake": "bin/cli.js"
 			},
 			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/jake/node_modules/ansi-styles": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-			"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-			"dependencies": {
-				"color-convert": "^1.9.0"
-			},
-			"engines": {
-				"node": ">=4"
+				"node": ">=10"
 			}
 		},
 		"node_modules/jake/node_modules/async": {
-			"version": "0.9.2",
-			"resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
-			"integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
-		},
-		"node_modules/jake/node_modules/chalk": {
-			"version": "2.4.2",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-			"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-			"dependencies": {
-				"ansi-styles": "^3.2.1",
-				"escape-string-regexp": "^1.0.5",
-				"supports-color": "^5.3.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/jake/node_modules/color-convert": {
-			"version": "1.9.3",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-			"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-			"dependencies": {
-				"color-name": "1.1.3"
-			}
-		},
-		"node_modules/jake/node_modules/color-name": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-			"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-		},
-		"node_modules/jake/node_modules/escape-string-regexp": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-			"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
-			"engines": {
-				"node": ">=0.8.0"
-			}
-		},
-		"node_modules/jake/node_modules/has-flag": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-			"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/jake/node_modules/supports-color": {
-			"version": "5.5.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-			"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-			"dependencies": {
-				"has-flag": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
+			"version": "3.2.3",
+			"resolved": "https://registry.npmjs.org/async/-/async-3.2.3.tgz",
+			"integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g=="
 		},
 		"node_modules/jest": {
 			"version": "27.4.7",
@@ -9882,9 +9837,9 @@
 			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
 		},
 		"node_modules/minimatch": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-			"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
 			"dependencies": {
 				"brace-expansion": "^1.1.7"
 			},
@@ -9893,9 +9848,9 @@
 			}
 		},
 		"node_modules/minimist": {
-			"version": "1.2.5",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-			"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+			"version": "1.2.6",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
 		},
 		"node_modules/mkdirp": {
 			"version": "0.5.5",
@@ -10039,9 +9994,9 @@
 			}
 		},
 		"node_modules/node-forge": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz",
-			"integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==",
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.0.tgz",
+			"integrity": "sha512-08ARB91bUi6zNKzVmaj3QO7cr397uiDT2nJ63cHjyNtCTWIgvS47j3eT0WfzUwS9+6Z5YshRaoasFkXCKrIYbA==",
 			"engines": {
 				"node": ">= 6.13.0"
 			}
@@ -12275,14 +12230,14 @@
 			}
 		},
 		"node_modules/recursive-readdir": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
-			"integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
+			"version": "2.2.3",
+			"resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+			"integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
 			"dependencies": {
-				"minimatch": "3.0.4"
+				"minimatch": "^3.0.5"
 			},
 			"engines": {
-				"node": ">=0.10.0"
+				"node": ">=6.0.0"
 			}
 		},
 		"node_modules/redent": {
@@ -19428,11 +19383,11 @@
 			"integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
 		},
 		"ejs": {
-			"version": "3.1.6",
-			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.6.tgz",
-			"integrity": "sha512-9lt9Zse4hPucPkoP7FHDF0LQAlGyF9JVpnClFLFH3aSSbxmyoqINRpp/9wePWJTUl4KOQwRL72Iw3InHPDkoGw==",
+			"version": "3.1.7",
+			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.7.tgz",
+			"integrity": "sha512-BIar7R6abbUxDA3bfXrO4DSgwo8I+fB5/1zgujl3HLLjwd6+9iOnrT+t3grn2qbk9vOgBubXOFwX2m9axoFaGw==",
 			"requires": {
-				"jake": "^10.6.1"
+				"jake": "^10.8.5"
 			}
 		},
 		"electron-to-chromium": {
@@ -20257,11 +20212,29 @@
 			}
 		},
 		"filelist": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz",
-			"integrity": "sha512-z7O0IS8Plc39rTCq6i6iHxk43duYOn8uFJiWSewIq0Bww1RNybVHSCjahmcC87ZqAm4OTvFzlzeGu3XAzG1ctQ==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.3.tgz",
+			"integrity": "sha512-LwjCsruLWQULGYKy7TX0OPtrL9kLpojOFKc5VCTxdFTV7w5zbsgqVKfnkKG7Qgjtq50gKfO56hJv88OfcGb70Q==",
 			"requires": {
-				"minimatch": "^3.0.4"
+				"minimatch": "^5.0.1"
+			},
+			"dependencies": {
+				"brace-expansion": {
+					"version": "2.0.1",
+					"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+					"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+					"requires": {
+						"balanced-match": "^1.0.0"
+					}
+				},
+				"minimatch": {
+					"version": "5.1.0",
+					"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.0.tgz",
+					"integrity": "sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==",
+					"requires": {
+						"brace-expansion": "^2.0.1"
+					}
+				}
 			}
 		},
 		"filesize": {
@@ -21221,69 +21194,20 @@
 			}
 		},
 		"jake": {
-			"version": "10.8.2",
-			"resolved": "https://registry.npmjs.org/jake/-/jake-10.8.2.tgz",
-			"integrity": "sha512-eLpKyrfG3mzvGE2Du8VoPbeSkRry093+tyNjdYaBbJS9v17knImYGNXQCUV0gLxQtF82m3E8iRb/wdSQZLoq7A==",
+			"version": "10.8.5",
+			"resolved": "https://registry.npmjs.org/jake/-/jake-10.8.5.tgz",
+			"integrity": "sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==",
 			"requires": {
-				"async": "0.9.x",
-				"chalk": "^2.4.2",
+				"async": "^3.2.3",
+				"chalk": "^4.0.2",
 				"filelist": "^1.0.1",
 				"minimatch": "^3.0.4"
 			},
 			"dependencies": {
-				"ansi-styles": {
-					"version": "3.2.1",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-					"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-					"requires": {
-						"color-convert": "^1.9.0"
-					}
-				},
 				"async": {
-					"version": "0.9.2",
-					"resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
-					"integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
-				},
-				"chalk": {
-					"version": "2.4.2",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-					"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-					"requires": {
-						"ansi-styles": "^3.2.1",
-						"escape-string-regexp": "^1.0.5",
-						"supports-color": "^5.3.0"
-					}
-				},
-				"color-convert": {
-					"version": "1.9.3",
-					"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-					"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-					"requires": {
-						"color-name": "1.1.3"
-					}
-				},
-				"color-name": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-					"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-				},
-				"escape-string-regexp": {
-					"version": "1.0.5",
-					"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-					"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
-				},
-				"has-flag": {
-					"version": "3.0.0",
-					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-					"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
-				},
-				"supports-color": {
-					"version": "5.5.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-					"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-					"requires": {
-						"has-flag": "^3.0.0"
-					}
+					"version": "3.2.3",
+					"resolved": "https://registry.npmjs.org/async/-/async-3.2.3.tgz",
+					"integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g=="
 				}
 			}
 		},
@@ -22206,17 +22130,17 @@
 			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
 		},
 		"minimatch": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-			"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
 			"requires": {
 				"brace-expansion": "^1.1.7"
 			}
 		},
 		"minimist": {
-			"version": "1.2.5",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-			"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+			"version": "1.2.6",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
 		},
 		"mkdirp": {
 			"version": "0.5.5",
@@ -22327,9 +22251,9 @@
 			}
 		},
 		"node-forge": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.2.1.tgz",
-			"integrity": "sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w=="
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.0.tgz",
+			"integrity": "sha512-08ARB91bUi6zNKzVmaj3QO7cr397uiDT2nJ63cHjyNtCTWIgvS47j3eT0WfzUwS9+6Z5YshRaoasFkXCKrIYbA=="
 		},
 		"node-int64": {
 			"version": "0.4.0",
@@ -23828,11 +23752,11 @@
 			}
 		},
 		"recursive-readdir": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
-			"integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
+			"version": "2.2.3",
+			"resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+			"integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
 			"requires": {
-				"minimatch": "3.0.4"
+				"minimatch": "^3.0.5"
 			}
 		},
 		"redent": {
diff --git a/src/App.tsx b/src/App.tsx
index d6718a1..3f30d3e 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,6 +8,7 @@ import { FourOhFour, About } from './pages/other';
 
 import { Home } from './pages/Home';
 import { Menu } from './pages/Menu';
+import { Docs } from './pages/Docs';
 
 import { User, CacheUser, CacheGuild, CacheAdditional } from './pages/user';
 
@@ -28,6 +29,7 @@ function App() {
 				<Route path='/*' element={<FourOhFour />} />
 				<Route path='/menu' element={<Menu />} />
 				<Route path='/about' element={<About />} />
+				<Route path="/docs" element={<Docs />} />
 
 				<Route path='/user' element={<User />} />
 				<Route path='/user/cache/user' element={<CacheUser />} />
@@ -45,7 +47,9 @@ function App() {
 				<Route path='/guild/updatecc' element={<EditCC />} />
 				<Route path='/guild/delcc' element={<DeleteCC />} />
 				<Route path='/guild/listcc' element={<ListCC />} />
+				
 			</Routes>
+			
 		</React.StrictMode>
 	);
 }
diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index 9ce87af..a0e51c6 100755
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -52,15 +52,15 @@ export const Appbar = () => {
 				src={`https://cdn.discordapp.com/icons/${cguild.id}/${cguild.icon}.webp?size=128`}
 				alt='guild-icon'
 			></img>
-			<Link to='/menu' id='1' style={{ fontSize: '20px', padding: '1px 0px' }}>
+			<Link to='/menu' id='1' style={{ fontSize: '17px', paddingLeft: '15px', textAlign: 'right'}}>
 				Configuring {cguild.name}
 			</Link>
 
-			<Link to='/' id='home' style={{ position: 'relative', left: `0px`, padding: '1px 0px' }}>
+			<Link to='/' id='home' style={{ position: 'relative', justifySelf: 'center', padding: '1px 0px',}}>
 				Home
 			</Link>
 
-			<Link to='/user/' style={{ fontSize: '20px', marginLeft: 'auto', padding: '1px 0px' }}>
+			<Link to='/user/' style={{ fontSize: '17px', marginLeft: 'auto', paddingRight: '15px', textAlign: 'left' }}>
 				{cuser.username}
 			</Link>
 			<img
@@ -72,7 +72,8 @@ export const Appbar = () => {
 					justifySelf: 'right',
 				}}
 				src={`https://cdn.discordapp.com/avatars/${cuser.id}/${cuser.avatar}.png?size=128`}
-				alt='user-icon'
+				alt='????'
+				
 			></img>
 		</div>
 	);
diff --git a/src/components/UserBar.tsx b/src/components/UserBar.tsx
index 253a747..2721090 100755
--- a/src/components/UserBar.tsx
+++ b/src/components/UserBar.tsx
@@ -41,7 +41,7 @@ export const Userbar = () => {
 				Home
 			</Link>
 
-			<Link to='/user/' style={{ fontSize: '20px', marginLeft: 'auto', padding: '1px 0px' }}>
+			<Link to='/user/' style={{ fontSize: '17px', marginLeft: 'auto', paddingRight: '15px', textAlign: 'left' }}>
 				{cuser.username}
 			</Link>
 			<img
diff --git a/src/index.css b/src/index.css
index f75dea7..27a599a 100755
--- a/src/index.css
+++ b/src/index.css
@@ -3,7 +3,7 @@
 body {
   margin: 0;
   color: whitesmoke;
-  background-color: #2a3344;
+  background-color: #1a202b;
   opacity: 0.9;
   height: 100%;
   font-family: "PT Sans", sans-serif;
@@ -21,10 +21,23 @@ a {
 }
 
 a:visited {
-  color: #5757e7
+  color: whitesmoke;
 }
 
 a:hover {
   transition-duration: 250ms;
   text-decoration: underline;
+}
+
+/* Highlight text */
+@keyframes id-target-highlight {
+  0% { background-color: rgba(255,255,255,0.8); }
+  100% { background-color: rgba(255,255,255,0); }
+}
+
+:target {
+  animation-name: id-target-highlight;
+  animation-iteration-count: 1;
+  animation-duration: 1000ms;
+  scroll-behavior: smooth;
 }
\ No newline at end of file
diff --git a/src/pages/Docs.tsx b/src/pages/Docs.tsx
new file mode 100644
index 0000000..f06b726
--- /dev/null
+++ b/src/pages/Docs.tsx
@@ -0,0 +1,37 @@
+import { Appbar } from "../components/Appbar";
+import { InputField } from "../utils/styles";
+
+export function Docs() {
+    return (
+        <div>
+            <div className="searchContainer">
+
+            </div>
+            <h1 style={{ textAlign: "center" }}>Documentation</h1>
+            <div style={{
+                maxWidth: "1000px",
+                marginLeft: "25%"
+            }}>
+                <p style={{ textAlign: "center" }}>
+                    Do you want to learn about a command the SMB has?
+                    Maybe you want to know how a command works.
+                    Use this page to find out information about SimpleModBot's commands. Here, you can find
+                    <a href="#abc"  style={{
+                        color: "#7265ff",
+                    }}> a list of all of the commands in alphabetical order
+                    </a>, 
+                </p>
+            </div>
+                <h2 id="abc" style={{
+                textAlign: "center",
+                width: "fit-content",
+                margin: "auto",
+            }}>Commands</h2>
+            <div style={{
+                display: "flex",
+            }}>
+
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 56dedd3..dbc5773 100755
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -81,7 +81,7 @@ export function Home() {
 				</HomeButton>
 				<HomeButton
 					onClick={() => {
-						window.location.href = 'https://discord.gg/49KeKwXc8g';
+						window.open('https://discord.gg/49KeKwXc8g', '_blank');
 					}}
 				>
 					<FaQuestionCircle size={45} />
diff --git a/src/pages/other.tsx b/src/pages/other.tsx
index b65d3b5..70b4ae2 100755
--- a/src/pages/other.tsx
+++ b/src/pages/other.tsx
@@ -35,6 +35,7 @@ function getRandom404Message() {
 		'The requested page does not exist or is not implemented.',
 		'Makefile > CMake',
 		'Why does DEATH\'s keyboard scream at me??', // seriously wtf
+		"Stanford47 still thinks that C++ is better than TS or JS. (can you stop removing this one pls :p)"
 	];
 
 	return messages[~~(Math.random() * messages.length)];
diff --git a/src/pages/user.tsx b/src/pages/user.tsx
index 375de79..bcff353 100755
--- a/src/pages/user.tsx
+++ b/src/pages/user.tsx
@@ -233,9 +233,16 @@ export function CacheAdditional() {
 						>
 							Log out
 						</TextButton>
+						<TextButton>
+							Disable Particles
+						</TextButton>
 					</Grid>
 				</CategoryContainer>
 			</Container>
+
+			<div>
+				<a href='/'>Home</a>
+			</div>
 		</div>
 	);
 }