diff --git a/404.html b/404.html
new file mode 100644
index 0000000..9318279
--- /dev/null
+++ b/404.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<head>
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag(){dataLayer.push(arguments);}
+		gtag('js', new Date());
+		
+		gtag('config', 'G-M0SCB1X0YP');
+	</script>
+	<title>NGS's land</title>
+	<link rel="icon" href="Images/ngs.png">
+	<style>
+		#icon {
+			position: absolute;
+			top: 10%;
+			left: 5%;
+			width: 35%;
+			animation: rotation 50s infinite linear;
+		}
+		#message {
+			position: absolute;
+			display: block;
+			top: 14vh;
+			left: 42%;
+			width: 100%;
+		}
+		#whoops {
+			font-size: 2.6vw;
+			border: .2vw dashed #f69c55;
+		}
+		#error {
+			position: absolute;
+			font-size: 1vw;
+			top: 15vh;
+		}
+		#links {
+			position: absolute;
+			font-size: 1vw;
+			top: 20vh;
+		}
+		#links a {
+			text-decoration: none;
+			color: brown;
+		}
+		#links a:hover {
+			text-decoration: underline;
+		}
+		#page {
+			color: red;
+			font-weight: bold;
+		}
+		* {
+			font-family: monospace;
+		}
+		@keyframes rotation {
+			from {transform: rotate(0deg);}
+			to {transform: rotate(359deg);}
+		}
+	</style>
+</head>
+<body>
+	<img id="icon" src="Images/ngs.png">
+	<div id="message">
+		<span id="whoops">Whoops! That page doesn't exist! <br></span>
+		<span id="error">
+			It appears that the page "<span id="page">PLACEHOLDER</span>" doesn't exist!
+		</span>
+		<span id="links">
+			<a href="/">Return to NGS's land!</a>
+			<br>
+			<a href="/hudder">Return to Hudder wiki!</a>
+		</span>
+	</div>
+	<script>
+		document.getElementById("page").innerText = window.location.pathname;
+	</script>
+</body>
diff --git a/HG.html b/HG.html
index b3d2a60..7939073 100644
--- a/HG.html
+++ b/HG.html
@@ -12,8 +12,9 @@
 		gtag('config', 'G-M0SCB1X0YP');
 	</script>
 
-<link rel="scoresfxx" href="score.mp3">
-<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+	<link rel="scoresfxx" href="score.mp3">
+	<link rel="icon" href="Images/ngs.png">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<style>
 	canvas {
 		border:none;/*1px solid #a1a1a1;*/
diff --git a/Images/Hudder.webp b/Images/Hudder.webp
new file mode 100644
index 0000000..f7fa255
Binary files /dev/null and b/Images/Hudder.webp differ
diff --git a/Images/axe.png b/Images/axe.png
new file mode 100644
index 0000000..5864ee0
Binary files /dev/null and b/Images/axe.png differ
diff --git a/Images/circle.png b/Images/circle.png
new file mode 100644
index 0000000..a68ee4f
Binary files /dev/null and b/Images/circle.png differ
diff --git a/Images/ngs.png b/Images/ngs.png
new file mode 100644
index 0000000..8620026
Binary files /dev/null and b/Images/ngs.png differ
diff --git a/Numbers.html b/Numbers.html
index d854776..6f96506 100644
--- a/Numbers.html
+++ b/Numbers.html
@@ -3,17 +3,18 @@
 <head>
 	
 	<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-M0SCB1X0YP');
-</script>
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag(){dataLayer.push(arguments);}
+		gtag('js', new Date());
+		
+		gtag('config', 'G-M0SCB1X0YP');
+	</script>
 
+	<link rel="icon" href="Images/ngs.png">
 	<title> Numbers! </title>
-     <link rel="stylesheet" href="Styles/numbers.css">
+	<link rel="stylesheet" href="Styles/numbers.css">
 </head>
 <body>
 	<div id="ContentPane" onload="Click()">
diff --git a/Styles/GamesList.css b/Styles/GamesList.css
index 50fcc0e..43a8072 100644
--- a/Styles/GamesList.css
+++ b/Styles/GamesList.css
@@ -2,7 +2,7 @@
   --margin: 20px;
 }
 
-#GamesContentPane {
+#ProjectsContentPane {
 	margin: 0px;
 	padding: 0px;
 	font-size: 0px;
@@ -10,7 +10,7 @@
      overflow-y: hidden;
 }
 
-#GamesContentPane div {
+#ProjectsContentPane div {
 	font-size:20px;
 	display:inline-block;
 	background: #595959;
@@ -28,14 +28,14 @@
 	padding: 0;
 }
 
-#GamesContentPane div img {
+#ProjectsContentPane div img {
 	font-size:20px;
 	object-fit: contain;
 	width: 100%;
 	height: 100%;
 	padding: 0;
 }
-#GamesContentPane figcaption {
+#ProjectsContentPane figcaption {
   	background-color: black;
   	color: white;
   	font-style: italic;
@@ -47,13 +47,13 @@
   	transition: opacity .2s ease-in-out;
   	opacity: 0;
 }
-#GamesContentPane div:hover figcaption {
+#ProjectsContentPane div:hover figcaption {
   	opacity: 1;
 }
-#GamesContentPane div:hover {
+#ProjectsContentPane div:hover {
   	transform: scale(1.05);
 }
 
-#GamesContentPane a {
+#ProjectsContentPane a {
 	text-decoration: none;
 }
diff --git a/Styles/contentpane.css b/Styles/contentpane.css
new file mode 100644
index 0000000..e69de29
diff --git a/Styles/index.css b/Styles/index.css
index ba3e7a8..5b51343 100644
--- a/Styles/index.css
+++ b/Styles/index.css
@@ -1,29 +1,15 @@
 #ContentPane {
 	width: 70%;
-  	background-color: #383838;
-     background-image: linear-gradient(180deg, #101010 30%, #383838);
-     color: lightgray;
+	color: lightgray;
 	font: bold 150px monospace, Fira Mono, serif;
 	transition: width 0.3s;
 }
+
 html {
-  scrollbar-transition: smooth;
-  scroll-behavior: smooth;
-}
-#TitleNGS {color: red;
-	background: linear-gradient(to left, blue, red);
-	background-clip: text;
-	-webkit-background-clip: text;
-	-webkit-text-stroke: 2px pink;
-	color: transparent;
-} #TitleS {color: gray;-webkit-text-stroke: 1px darkgray;}
-#TitleLAND {
-	font-size: 130px;
-	background: linear-gradient(to left, blue, red);
-	background-clip: text;
-	-webkit-background-clip: text;
-	color: #ed0533;
+	scrollbar-transition: smooth;
+	scroll-behavior: smooth;
 }
+
 #aboutmespan {
 	background: linear-gradient(180deg, #fFFFFF 55%, #ffed4b 10%);
 	color: transparent;
@@ -31,15 +17,17 @@ html {
 	-webkit-background-clip: text;
 }
 body {
-     background-color: #606060;
-     overflow: auto;
+	margin: 0px;
+	background-color: #606060;
+	background-color: #383838;
+	background-color: rgb(32, 32, 32);
+	background-size: 100% max(100%,2900px);
 }
 .tab {
 	font-size: 0px;
 	margin: 0;
 	padding: 0;
 	border: none;
-	//border-bottom: solid gray 5px;
 	border-width: 5px;
 	line-height:100%;
 }
@@ -57,6 +45,9 @@ body {
 	padding-left: 15px;
 	text-decoration:none;
 }
+#borderbottom a:hover {
+	text-decoration:underline;
+}
 .tab button {
 	font: 20px consolas, Fira Mono, serif;
 	background-color: inherit;
@@ -78,8 +69,35 @@ body {
 	background-color: #929292;
 }
 .tabcontent {
-	font-size: 0;
 	display: none;
 	padding: 0px 0px;
 	border: none;
+	font-size: 0;
+}
+.ImageAndText {
+	width: fit-content;
+	text-wrap: nowrap;
+	vertical-align: 5px;
+}
+.ImageAndText span {
+	display: inline;
+	text-wrap: nowrap;
+	vertical-align: top;
+	font-size: 60px;
+}
+.Text p {
+	text-align: left;
+}
+#ContentPane .Text {
+	display: grid;
+	align-items: center;
+	justify-content: center;
+}
+#ContentPane .Text a:hover {
+	text-decoration-line: underline;
+}
+#ContentPane .Text a {
+	font-size: 55px;
+	color: pink;
+	text-decoration: none;
 }
diff --git a/Styles/nnuedit.css b/Styles/nnuedit.css
new file mode 100644
index 0000000..a8be743
--- /dev/null
+++ b/Styles/nnuedit.css
@@ -0,0 +1,55 @@
+
+#ContentPane {
+	width: 70%;
+	color: lightgray;
+	background-size: 100% max(100%,2900px);
+	font: bold 150px monospace, Fira Mono, serif;
+	transition: width 0.3s;
+}
+#ContentPane img {width:66%;}
+
+#ContentPane {
+	margin: 0px;
+	padding: 0px;
+	font-size: 0px;
+}
+#ContentPane a:hover {
+	text-decoration-line: underline;
+	color: #FF6A00;
+}
+#ContentPane a {
+	color: #FF6A00;
+	text-decoration: none;
+}
+#ContentPane .Text {
+	font-size: 0px;
+	display: grid;
+	align-items: center;
+	justify-content: center;
+}
+#ContentPane p {
+	align-items: center;
+	vertical-alignment: middle;
+	font-size:30px;
+	overflow: hidden;
+}
+#ContentPane h1 {
+	color: lightgray;
+	font: bold 40px monospace, Fira Mono, serif;
+}
+#NNUEditImage {
+	width: 42px;
+	height: 42px;
+}
+#NNUEditTitle {
+	font-size:40px;
+	background: radial-gradient(#FF6A00, #db233c);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	color: transparent;
+}
+#NNUEditLogo {
+	width: 40px;
+	height:40px;
+}
diff --git a/Styles/projects.css b/Styles/projects.css
deleted file mode 100644
index ea1d809..0000000
--- a/Styles/projects.css
+++ /dev/null
@@ -1,61 +0,0 @@
-
-#NNUContentPane img {
-	width:66%;
-}
-
-#NNUEditImage {
-	width: 42px;
-	height: 42px;
-}
-#NNUEditTitle {
-	font-size:40px;
- 	background: radial-gradient(#FF6A00, #db233c);
-	/*background-position: -px -45px;*/
-	background-clip: text;
-	-webkit-background-clip: text;
-  	-webkit-text-fill-color: transparent;
-	color: transparent;
-}
-#NNUEditLogo {
-	width: 40px;
-	height:40px;
-}
-#NNUContentPane {
-	margin: 0px;
-	padding: 0px;
-	font-size: 0px;
-}
-#NNUContentPane a:hover {
-     text-decoration-line: underline;
-	color: #FF6A00;
-}
-#NNUContentPane a {
-	color: #FF6A00;
-	text-decoration: none;
-}
-#NNUContentPane .ImageAndText {
-  	width: fit-content;
-  	text-wrap: nowrap;
-  	vertical-align: 5px;
-}
-#NNUContentPane .ImageAndText span {
-  	display: inline;
-  	text-wrap: nowrap;
-  	vertical-align: top;
-}
-#NNUContentPane .Text {
-	font-size: 0px;
-	display: grid;
-     align-items: center;
-     justify-content: center;
-}
-#NNUContentPane p {
-     align-items: center;
-     vertical-alignment: middle;
-	font-size:30px;
-	overflow: hidden;
-}
-#NNUContentPane h1 {
-     color: lightgray;
-	font: bold 40px monospace, Fira Mono, serif;
-}
diff --git a/Styles/titlebar.css b/Styles/titlebar.css
new file mode 100644
index 0000000..f3c88dc
--- /dev/null
+++ b/Styles/titlebar.css
@@ -0,0 +1,38 @@
+#topbar {
+	position: fixed;
+	background-color: #383838;
+	color: lightgray;
+	font: bold 6.7vh monospace, Fira Mono, serif;
+	margin: 0px;
+	padding: 0px;
+	width: 100%;
+	text-align: center;
+	top: 0px;
+	background-color: #101010;
+	border-bottom: gray ;
+}
+#topbar img {
+	position: absolute;
+	left: 0px;
+	padding-top: 1.2vh;
+	padding-left: 1.2vh;
+	height: 80%;
+}
+#topbar #TitleNGS {
+	color: red;
+	background: linear-gradient(to left, blue, red);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-stroke: 2px pink;
+	color: transparent;
+}
+#topbar #TitleS {
+	color: gray;-webkit-text-stroke: 1px darkgray;
+}
+#topbar #TitleLAND {
+	font-size: 6.3vh;
+	color: #ed0533;
+}
+#ContentPane {
+	margin-top: 10vh;
+}
diff --git a/index.html b/index.html
index cb32686..12d662b 100644
--- a/index.html
+++ b/index.html
@@ -3,21 +3,24 @@
 <head>
 	<title>NGS's land</title>
 
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-M0SCB1X0YP');
-</script>
-
-     <link rel="stylesheet" href="Styles/index.css">
-     <link rel="stylesheet" href="Styles/projects.css">
-     <link rel="stylesheet" href="Styles/GamesList.css">
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag(){dataLayer.push(arguments);}
+		gtag('js', new Date());
+		
+		gtag('config', 'G-M0SCB1X0YP');
+	</script>
+	<link rel="icon" href="Images/ngs.png">
+	
+	<link rel="stylesheet" href="Styles/index.css">
+	<link rel="stylesheet" href="Styles/projects.css">
+	<link rel="stylesheet" href="Styles/GamesList.css">
+	<link rel="stylesheet" href="Styles/titlebar.css">
+	
 	<script>
-		const Def = "Projects";
+		const Def = "Highlight";
 		function openTab(evt, TabName) {
 			var i, tabcontent, tablinks;
 			tabcontent = document.getElementsByClassName("tabcontent");
@@ -31,126 +34,130 @@
 			document.getElementById(TabName).style.display = "block";
 			evt.className += " active";
 			if(history.pushState) {
-			    history.pushState(null, null, '?p=' + TabName);
+				history.pushState(null, null, '?p=' + TabName);
 			}
 		}
 	</script>
 </head>
 <body onload="load()">
-<center>
-	<div id="ContentPane">
-		<span>
+	<div id="topbar">
+		<a href="index.html"><img src="Images/ngs.png"></a>
 		<span id="TitleNGS">NGS</span><span id="TitleS">'s</span>
-		<span id="TitleLAND"></br>land</span></span>
-		
-		</br>
-		
-		<div class="tab">
-		
-		<button id="ProjectsButton" class="tablinks"onclick="openTab(this, 'Projects')">
-		Projects</button>
-		<button id="GamesButton" class="tablinks"onclick="openTab(this, 'Games')">Games</button>
-		<button id="AboutMeButton" class="tablinks"onclick="openTab(this, 'AboutMe')">
-		About me</button>
-		
-		<div id="borderbottom"></div>
-		
-		</div>
-		<div id="Projects" class="tabcontent">
-			<div id="NNUContentPane" height="fit-content">
-				<center>
-				<a id="NNUTitle" class="ImageAndText"
-				   href="https://github.com/ngspace/NNUEdit">
-					<image id="NNUEditLogo" style="width:42px" src="Images/NNUEdit.png">
-					<span id="NNUEditTitle">The NNUEdit code Editor</span>
-				</a>
-				</br>
-				<div style="text-align:left" class="Text">
-					<p>
-					NNUEdit is a code editor I made with the goal of one day reviving this
-					website/project and help me rebuild it from scratch as well as add
-					some games and any future games/projects to this list.
-					</p>
+		<span id="TitleLAND">land</span></span>
+	</div>
+	<center>
+		<div id="ContentPane">
+			
+			<div class="tab">
+			
+				<button id="HighlightButton" class="tablinks"onclick="openTab(this, 'Highlight')">Highlight</button>
+				<button id="ProjectsButton" class="tablinks"onclick="openTab(this, 'Projects')">Projects</button>
+				<button id="AboutMeButton" class="tablinks"onclick="openTab(this, 'AboutMe')">About me</button>
+				
+				<div id="borderbottom"></div>
+			
+			</div>
+			<div id="Highlight" class="tabcontent">
+				<div id="HighlightContentPane" height="fit-content">
+					<a id="HudderTitle" class="ImageAndText" style="text-decoration: none;" href="https://github.com/ngspace/Hudder">
+						<image id="HudderLogo" style="width:80px" src="Images/Hudder.webp">
+						<span id="Hudder" style="color: #800080;">&nbsp;Hudder</span>
+					</a>
+					<div style="text-align:left;font-size: 30px;" class="Text">
+						<center>
+						<p>
+							<b>Want to do math to show icons on your screen? Want to use JavaScript and/or hudder's own custom language?! Well now you can! using this highly customizable hud creation mod you can create <i>ANY</i> HUD you want!!</b>
+						</p>
+						<p>
+							Hudder allows you to create a custom hud to appear on your screen in game using it's very simple language (Or JavaScript if you know how to use it)!
+						</p>
+						<p>
+							Draw the selected slot whereever you wish with the "hand" method!
+						</p>
+						<img src="Images/axe.png" style="width:66%;">
+						<p>
+							Flex that shiny new 4090 of yours with the "fps" variable!
+						</p>
+						<p>
+							Make all the kids in the elementary school playground jealous of your 128GB of RAM with the "maxram" variable!
+						</p>
+						<p>
+							Show all the other programmers how good you are by drawing a circle using vertices with the "colorvertices_con" method!
+						</p>
+						<img src="Images/circle.png" style="width:66%;">
+							
+						<div style="text-align:left" class="Text">
+							<p>
+							<a href="https://modrinth.com/mod/hudder">Modrinth</a>
+							&nbsp;<a href="hudder/">Wiki</a>&nbsp;
+							<a href="https://github.com/NGSpace/Hudder">Source Code</a>
+							</p>
+						</div>
+						</center>
+					</div>
 				</div>
-				<image src="Images/ThisScreenShot.png">
-				<div style="text-align:left" class="Text">
-					<p>
-					It is completely open source and available and deeply tested in both
-					windows and linux. It should work on MacOS too but it was never
-					tested there.
-
+			</div>
+			<div id="Projects" class="tabcontent">
+				<div id="ProjectsContentPane">
+					</br>
+					<div><a href="HG.html">
+						<image src="Images/HG_Old_SS.png">
+							<figcaption>Unnamed Game (HTML)</figcaption>
+					</a></div>
 					
-					</br></br>It is very well optimized to minimize 
-					cpu, gpu and memory usage, even when working with (extremely)
-					large files (on my pc it was able to read files up to 2GB big without lagging a bit!)
-
+					<div><a href="https://www.roblox.com/games/6939867224/The-Roads">
+						<image src="Images/The roads.png">
+						<figcaption>The Roads (Roblox)</figcaption>
+					</a></div>
+					<div><a href="Numbers.html">
+						<image src="Images/Numbers.png">
+						<figcaption>Numbers! (HTML)</figcaption>
+					</a></div>
 					
-					</br></br>It supports more than 40 programming langauges!
-
-					</br></br>It is very compact and easy to use!
+					<div><a href="nnuedit.html">
+						<image src="Images/NNUEdit.png">
+						<figcaption>NNUEdit</figcaption>
+					</a></div>
 					
-					</br></br>Execute shell scripts and html files with F5!
-					</p>
+					<div><a href="index.html">
+						<image src="Images/Hudder.webp">
+						<figcaption>Hudder</figcaption>
+					</a></div>
 				</div>
-				<image src="Images/ThisSC.png">
-				<div style="text-align:left" class="Text">
-					<p>
-					<a href="https://github.com/NGSpace/NNUEdit/releases">Download!</a>
-					<a href="https://github.com/NGSpace/NNUEdit">Source Code!</a>
-					</p>
-				</div>
-				</center>
 			</div>
-		</div>
-		<div id="Games" class="tabcontent">
-			<div id="GamesContentPane">
-				</br>
-				<div><a href="HG.html">
-					<image src="Images/HG_Old_SS.png">
-						<figcaption>Unnamed Game (HTML)</figcaption>
-				</a></div>
-				
-				<div><a href="https://www.roblox.com/games/6939867224/The-Roads">
-					<image src="Images/The roads.png">
-					<figcaption>The Roads (Roblox)</figcaption>
-				</a></div>
-				<div><a href="Numbers.html">
-					<image src="Images/Numbers.png">
-					<figcaption>Numbers! (HTML)</figcaption>
-				</a></div>
+			<div id="AboutMe" class="tabcontent" style="font-size: 0;">
+				<a style="text-decoration:none;"
+					href="https://github.com/NGSpace">
+				<span id="aboutmespan"style="font-size:50px;">
+				I make stuff
+				</span>
+				</a>
+				<br>
+				<span id="aboutmespan"style="font-size:10px;">
+				"ngspace" on discord
+				</span>
+				<div style="font-size:20px;"></br></div>
+			</div>
+			<div id="borderbottom" style="font:initial;">
+				<a href="https://github.com/NGSpace">Github</a>
+				<a href="https://www.roblox.com/users/153081423/profile">Roblox</a>
+				<a href="https://modrinth.com/user/ngspace">Modrinth</a>
 			</div>
 		</div>
-		<div id="AboutMe" class="tabcontent">
-			<a style="text-decoration:none;"
-				href="https://github.com/NGSpace">
-			<span id="aboutmespan"style="font-size:50px;">
-			I make software and games lol
-			</span>
-			</a>
-			<div style="font-size:20px;"></br></div>
-		</div>
-		<div id="borderbottom" style="font:initial;">
-			<a href="https://github.com/NGSpace">Github</a>
-			<a href="https://www.roblox.com/users/153081423/profile#!/creations">Roblox</a>
-			<a href="https://ngspace.itch.io/">Itch.io(nothing there yet)</a>
-		</div>
-	</div>
-</center>
-<script>
-function load() {
-	const Loc2 = window.location.search;
-	const urlParams = new URLSearchParams(Loc2);
-	if (urlParams.has('p')){
-		var Loc = urlParams.get('p');
-		console.log(Loc);
-		console.log(document.getElementById(Loc));
-		if (Loc!="") {
-			openTab(document.getElementById(Loc+"Button"), Loc);
+	</center>
+	<script>
+	function load() {
+		const Loc2 = window.location.search;
+		const urlParams = new URLSearchParams(Loc2);
+		if (urlParams.has('p')){
+			var Loc = urlParams.get('p');
+			if (Loc!="") {
+				openTab(document.getElementById(Loc+"Button"), Loc);
+			}
+		} else {
+			openTab(document.getElementById(Def+"Button"), Def);
 		}
-	} else {
-		openTab(document.getElementById(Def+"Button"), Def);
 	}
-}
-</script>
+	</script>
 </body>
 </html>
diff --git a/nnuedit.html b/nnuedit.html
new file mode 100644
index 0000000..a24c8cc
--- /dev/null
+++ b/nnuedit.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<head>
+	<link rel="stylesheet" href="Styles/index.css">
+	<link rel="stylesheet" href="Styles/nnuedit.css">
+	<link rel="stylesheet" href="Styles/titlebar.css">
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-M0SCB1X0YP"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag(){dataLayer.push(arguments);}
+		gtag('js', new Date());
+		
+		gtag('config', 'G-M0SCB1X0YP');
+	</script>
+	<title>NNUEdit</title>
+	<link rel="icon" href="Images/ngs.png">
+</head>
+<body>
+	<div id="topbar">
+		<a href="index.html"><img src="Images/ngs.png"></a>
+		<span id="TitleNGS">NGS</span><span id="TitleS">'s</span>
+		<span id="TitleLAND">land</span></span>
+	</div>
+	<center>
+		<div id="ContentPane" height="fit-content">
+			<center>
+			<a id="NNUTitle" class="ImageAndText" href="https://github.com/ngspace/NNUEdit">
+				<image id="NNUEditLogo" style="width:42px" src="Images/NNUEdit.png">
+				<span id="NNUEditTitle">The NNUEdit code Editor</span>
+			</a>
+			</br>
+			<div style="text-align:left" class="Text">
+				<p>
+				NNUEdit is a code editor I made with the goal of one day reviving this
+				website/project and help me rebuild it from scratch as well as add
+				some games and any future games/projects to this list (I use Zed editor now).
+				</p>
+			</div>
+			<image src="Images/ThisScreenShot.png">
+			<div style="text-align:left" class="Text">
+				<p>
+				It is completely open source and available and deeply tested in both
+				windows and linux. It should work on MacOS too but it was never
+				tested there.
+
+				
+				</br></br>It is very well optimized to minimize 
+				cpu, gpu and memory usage, even when working with (extremely)
+				large files (on my pc it was able to read files up to 2GB big without lagging a bit!)
+
+				
+				</br></br>It supports more than 40 programming langauges!
+
+				</br></br>It is very compact and easy to use!
+				
+				</br></br>Execute shell scripts and html files with F5!
+				</p>
+			</div>
+			<image src="Images/ThisSC.png">
+			<div style="text-align:left" class="Text">
+				<p>
+				<a href="https://github.com/NGSpace/NNUEdit/releases">Download</a>
+				<a href="https://github.com/NGSpace/NNUEdit">Source Code</a>
+				</p>
+			</div>
+			</center>
+		</div>
+	</center>
+</body>
