diff --git a/new/README.md b/new/README.md
new file mode 100644
index 0000000..16be0ae
--- /dev/null
+++ b/new/README.md
@@ -0,0 +1,6 @@
+# neon443.github.io [](https://hits.seeyoufarm.com)
+
+Free unblocked games to play in school. No ads, ever.
+For any teachers reading, this site is purely for educational purposes.
+
+##### To request features [create an issue](https://github.com/neon443/neon443.github.io/issues/new).
diff --git a/new/app.webmanifest b/new/app.webmanifest
new file mode 100644
index 0000000..be472e7
--- /dev/null
+++ b/new/app.webmanifest
@@ -0,0 +1,16 @@
+{
+ "name": "neon443",
+ "short_name": "neon443",
+ "description": ".",
+ "icons": [
+ {
+ "src": "./images/icon.png",
+ "sizes": "1024x1024",
+ "type": "image/png"
+ }
+ ],
+ "start_url": "https://neon443.github.io/",
+ "display": "fullscreen",
+ "theme_color": "#000",
+ "background_color": "#000"
+}
diff --git a/new/images/fav.ico b/new/images/fav.ico
new file mode 100644
index 0000000..8498cad
Binary files /dev/null and b/new/images/fav.ico differ
diff --git a/new/images/minecraft/1.5.png b/new/images/minecraft/1.5.png
new file mode 100644
index 0000000..36f3333
Binary files /dev/null and b/new/images/minecraft/1.5.png differ
diff --git a/new/images/minecraft/1.8.png b/new/images/minecraft/1.8.png
new file mode 100644
index 0000000..85ddbe6
Binary files /dev/null and b/new/images/minecraft/1.8.png differ
diff --git a/new/images/uranium1024.png b/new/images/uranium1024.png
new file mode 100644
index 0000000..5fd4aa0
Binary files /dev/null and b/new/images/uranium1024.png differ
diff --git a/new/images/uranium64.png b/new/images/uranium64.png
new file mode 100644
index 0000000..710aa1a
Binary files /dev/null and b/new/images/uranium64.png differ
diff --git a/new/index.html b/new/index.html
new file mode 100644
index 0000000..d605a45
--- /dev/null
+++ b/new/index.html
@@ -0,0 +1,55 @@
+
+
+
+
+ neon443
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This site is owned and maintained by Nihaal Sharma.
My Projects
+ ├─eaglercraft152 - Minecraft 1.5.2
+ ├─eaglercraftX188 - Minecraft 1.8.8
+ ├─webEPK
+ │ ├─Compile EPK
+ │ ├─Decompile EPK
+ │ └─Create EPK
+ ├─2048
+ ├─Fancade
+ │ └─Drive Mad
+ ├─Slope
+ ├─Sandspiel
+ └─Sandboxels
+
+
+
+  |
+  |
+
+
+ Minecraft 1.5.2 |
+ Minecraft 1.8.8 u27 |
+
+
+
+
\ No newline at end of file
diff --git a/new/script.js b/new/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/new/style.css b/new/style.css
new file mode 100644
index 0000000..c48572e
--- /dev/null
+++ b/new/style.css
@@ -0,0 +1,180 @@
+/* COLOURS*/
+/* Link: #007AFF */
+/* Bold: #ff6200 */
+/* Light */
+/* Theme: #ddd */
+/* text: #222 */
+/* UI item bgs: #aaa */
+/* for contrast: #aaa */
+/* transparency: rgba(255, 255, 255, 0.25) */
+/* box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); */
+/* bar link hover bg color: #111 */
+/* bar link hover text color: #eee */
+/* Dark */
+/* Theme: #222 */
+/* text: #ddd */
+/* UI item bgs: #555 */
+/* for contrast: #555 */
+/* transparency: rgba(0, 0, 0, 0.25) */
+/* box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); */
+/* bar link hover bg color: #eee */
+/* bar link hover text color: #111 */
+/* COLOURS */
+
+/*regular text (body, p, b, h*) styles*/
+* {
+ margin: 0px;
+ font-family: system-ui;
+ transition: 0.2s;
+ color: #222;
+}
+b {
+ color: #ff6200;
+}
+a {
+ color: #007aff;
+}
+body {
+ background-color: #ddd;
+}
+p {
+ font-size: 20px;
+ padding: 0px 20px;
+}
+h1 {
+ font-size: 40px;
+ font-weight: 750;
+ padding: 0px 20px;
+}
+h2 {
+ font-size: 30px;
+ font-weight: 400;
+ padding: 0px 20px;
+}
+h3 {
+ font-size: 25px;
+ font-weight: 400;
+ padding: 0px 20px;
+}
+/* regular text (body, p, b, h*) styles*/
+
+.contentPush {
+ height: 65px;
+ top: 0;
+}
+
+/* Bar styling*/
+.bar {
+ z-index: 5;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ display: flex;
+ padding: 0;
+ overflow: hidden;
+ background-color: rgba(255, 255, 255, 0.5);
+ -webkit-backdrop-filter: blur(2.5px);
+ -moz-backdrop-filter: blur(2.5px);
+ backdrop-filter: blur(2.5px);
+}
+.barItem {
+ float: left;
+ flex: 1;
+ text-align: center;
+}
+.barItem * {
+ display: block;
+ text-decoration: none;
+ font-size: 20px;
+ color: #222;
+ padding: 9.2px 12px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+.barItem h1 {
+ font-size: 30px;
+ padding: 2.5px 12px;
+ border-right-style: solid;
+ border-width: 1.5px;
+ border-color: #222;
+}
+.barItem:hover {
+ flex: 1.5;
+ background-color: #fff;
+}
+.barItem *:hover {
+ font-size: 30px;
+ font-weight: 600;
+ padding: 2.5px 12px;
+}
+.barItem a:hover {
+ background-color: #111;
+ color: #eee;
+ -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
+}
+/* Bar styling */
+
+.box1 {
+ float: left;
+ display: block;
+ width: 9%;
+ height: auto;
+ padding: 20px 10px;
+}
+.box2 {
+ float: left;
+ display: block;
+ width: 9%;
+ height: auto;
+ padding: 20px 10px;
+}
+
+td p {
+ text-align: center;
+}
+td img{
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ transform: scale(0.9, 0.9);
+ border-radius: 5px;
+ transition: all 0.2s ease-in-out 100ms;
+}
+td img:hover {
+ transform: scale(1, 1);
+}
+
+@media (prefers-color-scheme: dark) {
+ * {
+ color: #ddd;
+ }
+ body {
+ background-color: #222;
+ color: #ddd;
+ }
+ .bar {
+ background-color: rgba(0, 0, 0, 0.5);
+ }
+ .barItem * {
+ color: #ddd;
+ }
+ .barItem h1 {
+ border-color: #ddd;
+ }
+ .barItem:hover {
+ background-color: #333;
+ }
+ .barItem a:hover {
+ background-color: #888;
+ color: #222;
+ -webkit-box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.8);
+ -moz-box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.8);
+ box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.8);
+ }
+}
+
+@media screen and (max-width: 600px) {
+}
diff --git a/style.css b/style.css
index c48572e..86359ee 100644
--- a/style.css
+++ b/style.css
@@ -117,21 +117,6 @@ h3 {
}
/* Bar styling */
-.box1 {
- float: left;
- display: block;
- width: 9%;
- height: auto;
- padding: 20px 10px;
-}
-.box2 {
- float: left;
- display: block;
- width: 9%;
- height: auto;
- padding: 20px 10px;
-}
-
td p {
text-align: center;
}