diff --git a/images/champion_island/icon.png b/images/champion_island/icon.png new file mode 100644 index 0000000..659a377 Binary files /dev/null and b/images/champion_island/icon.png differ diff --git a/images/notByAI.svg b/images/notByAI.svg new file mode 100644 index 0000000..f056f53 --- /dev/null +++ b/images/notByAI.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/notByAIDark.svg b/images/notByAIDark.svg new file mode 100644 index 0000000..6562c16 --- /dev/null +++ b/images/notByAIDark.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/sandboxels/icon.png b/images/sandboxels/icon.png new file mode 100644 index 0000000..2cd3fd4 Binary files /dev/null and b/images/sandboxels/icon.png differ diff --git a/images/sandspiel/icon.png b/images/sandspiel/icon.png new file mode 100644 index 0000000..9c74b41 Binary files /dev/null and b/images/sandspiel/icon.png differ diff --git a/images/slope/icon.png b/images/slope/icon.png new file mode 100644 index 0000000..3b9d3a7 Binary files /dev/null and b/images/slope/icon.png differ diff --git a/index.html b/index.html index 64d25d9..9fd6777 100644 --- a/index.html +++ b/index.html @@ -26,21 +26,11 @@
Contact
-

- 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

-

+

+ + Welcome + +

@@ -55,6 +45,10 @@ App Icon WebEPK + + App Icon + Champion Island + App Icon 2048 @@ -67,6 +61,29 @@ App Icon Drive Mad + + App Icon + Slope + + + App Icon + Sandspiel + + + App Icon + Sandboxels +
+

News

+

The redesign everyone has been waiting for is now here!

+
+
Made with </> by neon443
+ + + +
+
+
+
- \ No newline at end of file + diff --git a/style.css b/style.css index 9aadb1c..dc6ecb7 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ /* Theme: #ddd */ /* text: #222 */ /* UI item bgs: #aaa */ -/* for contrast: #aaa */ +/* for contrast: #333 */ /* 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 */ @@ -14,7 +14,7 @@ /* Theme: #222 */ /* text: #ddd */ /* UI item bgs: #555 */ -/* for contrast: #555 */ +/* for contrast: #ddd */ /* 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 */ @@ -39,6 +39,7 @@ body { background-color: #ddd; } p { + margin: 10px 0px; font-size: 20px; padding: 0px 20px; } @@ -57,6 +58,14 @@ h3 { font-weight: 400; padding: 0px 20px; } +h5 { + font-size: 25px; + font-weight: 100; + padding: 0px 20px; +} +.center { + text-align: center; +} /* regular text (body, p, b, h*) styles*/ .contentPush { @@ -122,31 +131,54 @@ h3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Responsive grid */ gap: 20px; - padding: 20px; + margin: 20px; justify-content: center; } .app { + padding: 1px; display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; + transition: 0.2s ease-in-out; } .app img { + margin-top: 5px; width: auto; height: 100px; border-radius: 5px; transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } -.app:hover img { +.app:hover { transform: scale(1.1); /* Grow effect */ + font-weight: 1000; + font-size: large; + color: #ff6200; + background-color: rgba(255, 255, 255, 0.2); + background-clip: border-box; + box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.3); } .label { margin-top: 5px; + margin-bottom: 5px; +} + +.footer { + background-color: rgba(0, 0, 0, 0.2); + padding-top: 20px; +} + +.footer img { + padding: 20px; +} + +.themednotByAI { + content: url("./images/notByAI.svg"); } @media (prefers-color-scheme: dark) { @@ -170,12 +202,15 @@ h3 { background-color: #333; } .barItem a:hover { - background-color: #888; + background-color: #ddd; 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); } + .themednotByAI { + content: url("./images/notByAIDark.svg"); + } } @media screen and (max-width: 600px) { @@ -184,4 +219,4 @@ h3 { height: 80px; border-radius: 20px; } -} \ No newline at end of file +}