Add /ngsplanner back in.

Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>

package.json

@@ -1,5 +1,5 @@
 {
-  "homepage": "https://ngsplanner.com/#",
+  "homepage": "https://ngsplanner.com/ngsplanner/#",
   "name": "ngsplanner",
   "version": "0.1.0",
   "private": true,

src/TestPanel.js

@@ -200,9 +200,7 @@ useEffect(()=>{
 <div className="containerA">
 <div className="box">
 <div className="boxTitleBar">
-<h1>Basic Information</h1>
+<h1>Basic Information</h1></div>
-<div className="boxExit"></div>
-</div>
 
 <table className="basicInfo">
   <tr>
@@ -235,9 +233,7 @@ useEffect(()=>{
 </div>
 <div className="box">
 <div className="boxTitleBar">
-<h1>Current Effects</h1>
+<h1>Current Effects</h1></div>
-<div className="boxExit"></div>
-</div>
 <PageControl pages={2} currentPage={effectPage} setCurrentPage={setEffectPage}/>
 <h3>Effect Name</h3>
 <ul className="infoBuffs">
@@ -266,9 +262,7 @@ useEffect(()=>{
 <div className="containerB">
 <div className="box">
 <div className="boxTitleBar">
-<h1>Equip</h1>
+<h1>Equip</h1></div>
-<div className="boxExit"></div>
-</div>
 <div className="equipPalette">
 	<div onClick={()=>{setModalOpen(true)}} className="equipPaletteSlot"><h3>Weapons</h3><div className="equipPaletteSlotWrapper"><span>1</span><img alt="" className="r4" src="https://i.imgur.com/Xvx0qvt.png" /></div></div>
 	<div className="equipPaletteSlot"><h3>Armor 1</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src="https://i.imgur.com/GtusK2X.png" /></div></div>
@@ -278,9 +272,7 @@ useEffect(()=>{
 </div>
 <div className="box">
 <div className="boxTitleBar">
-<h1>Equipped Weapon</h1>
+<h1>Equipped Weapon</h1></div>
-<div className="boxExit"></div>
-</div>
 <h2 className="rifle">Resurgir Rifle+40</h2>
 <PageControl pages={6} currentPage={weaponPage} setCurrentPage={setWeaponPage}/>
 <div className="equipDetails">
@@ -329,9 +321,7 @@ useEffect(()=>{
 <div className="containerC">
 <div className="box">
 <div className="boxTitleBar">
-<h1>Basic Stats</h1>
+<h1>Basic Stats</h1></div>
-<div className="boxExit"></div>
-</div>
 <table className="statsInfo">
   <tr>
     <td>Battle Power</td>
@@ -381,9 +371,7 @@ useEffect(()=>{
 </div>
 <div className="box">
 <div className="boxTitleBar">
-<h1>Damage Stats</h1>
+<h1>Damage Stats</h1></div>
-<div className="boxExit"></div>
-</div>
 <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/>
 <table className="basicInfo">
   {statPage===1?<>

src/style.css

@@ -165,7 +165,7 @@ em {
 	/*min-width: 300px;*/
 	/*max-width: 500px;*/
 	padding-bottom:10px;
-/*	filter: drop-shadow(0 10px 10px black);*/
+	filter: drop-shadow(0 5px 5px black);
 }
 /* box hover, save bcuz i will use this in popup menu
 .box:hover {
@@ -221,9 +221,9 @@ em {
 .statsInfo td:nth-child(3) {
 	width: 50%;
 }
-.statsInfo span {
+/*.statsInfo span {
 
-}
+}*/
 .boxTitleBar {
 	/* background-color: #495a61; */
 	background-color: rgba(128,128,128,0.50);
@@ -986,7 +986,7 @@ button{
 	outline: 0;
 	grid-column: 2;
 	grid-row: 2;
-	filter: drop-shadow(0 20px 20px black);
+	filter: drop-shadow(0 15px 20px black);
   }
 .boxModal {
 	max-width: 580px;