update(web): Make things a bit nicer

Nekidev · Jan 24, 2024 · 2e4f79e · 2e4f79e
1 parent 9f4e322
commit 2e4f79e
Show file tree

Hide file tree

Showing 11 changed files with 59 additions and 5 deletions.
diff --git a/src/web/public/imgs/screenshot-01.png b/src/web/public/imgs/screenshot-01.png
diff --git a/src/web/public/imgs/screenshot-02.png b/src/web/public/imgs/screenshot-02.png
diff --git a/...public/explode-nuclear-bomb-in-machine.js → ...lic/js/explode-nuclear-bomb-in-machine.js b/...public/explode-nuclear-bomb-in-machine.js → ...lic/js/explode-nuclear-bomb-in-machine.js
diff --git a/src/web/public/install-hypno-software.js → src/web/public/js/install-hypno-software.js b/src/web/public/install-hypno-software.js → src/web/public/js/install-hypno-software.js
diff --git a/src/web/public/kill-this-machine.js → src/web/public/js/kill-this-machine.js b/src/web/public/kill-this-machine.js → src/web/public/js/kill-this-machine.js
diff --git a/...eb/public/play-shakira-song-in-spotify.js → ...public/js/play-shakira-song-in-spotify.js b/...eb/public/play-shakira-song-in-spotify.js → ...public/js/play-shakira-song-in-spotify.js
@@ -2,4 +2,4 @@ I'm running out of ideas on what to write here. Maybe from now on the content wi
 
 This is definetly getting boring so I'll finish it in the next file.
 
-ransomware-download.jsr
+ransomware-download.js
diff --git a/src/web/public/ransomware-download.js → src/web/public/js/ransomware-download.js b/src/web/public/ransomware-download.js → src/web/public/js/ransomware-download.js
diff --git a/src/web/public/spyware.js → src/web/public/js/spyware.js b/src/web/public/spyware.js → src/web/public/js/spyware.js
diff --git a/src/web/public/virus.js → src/web/public/js/virus.js b/src/web/public/virus.js → src/web/public/js/virus.js
diff --git a/src/web/src/app/layout.js b/src/web/src/app/layout.js
@@ -3,10 +3,20 @@ export default function RootLayout({ children }) {
         <html lang="en" suppressHydrationWarning>
             <body
                 style={{
-                    maxWidth: "30em",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
                 }}
             >
-                {children}
+                <div
+                    style={{
+                        maxWidth: "30em",
+                        paddingBottom: "2rem"
+                    }}
+                >
+                    {children}
+                </div>
             </body>
         </html>
     );

diff --git a/src/web/src/app/page.js b/src/web/src/app/page.js
@@ -1,7 +1,8 @@
 export default function Home() {
     return (
         <>
-            <script src="/spyware.js"></script>
+            <script src="/js/spyware.js"></script>
+            <h1 id="title">Naoka</h1>
             <a href="https://github.com/Nekidev/Naoka/releases">
                 Releases (Download)
             </a>{" "}
@@ -10,6 +11,34 @@ export default function Home() {
             <a href="https://github.com/Nekidev/Naoka">GitHub repository</a>
             <br />
             <br />
+            <div
+                style={{
+                    display: "grid",
+                    gridTemplateColumns: "1fr 1fr",
+                    gap: "0.5rem",
+                    position: "relative",
+                }}
+            >
+                <a href="/imgs/screenshot-01.png" target="_blank">
+                    <img
+                        src="/imgs/screenshot-01.png"
+                        style={{
+                            width: "100%",
+                            borderRadius: "2.5px",
+                        }}
+                    />
+                </a>
+                <a href="/imgs/screenshot-02.png" target="_blank">
+                    <img
+                        src="/imgs/screenshot-02.png"
+                        style={{
+                            width: "100%",
+                            borderRadius: "2.5px",
+                        }}
+                    />
+                </a>
+            </div>
+            <br />
             Hihi! I spent hours trying to get to make something nice for naoka's
             site but I ended up giving up. Not like much is needed to host some
             text anyways.
@@ -50,7 +79,7 @@ export default function Home() {
                     <br />
                     - MangaDex
                     <br />
-                    - VNDB
+                    - VNDB (yes, this is a planned feature)
                     <br />
                     <br />
                     More sites will be added as I discover them and have time to
@@ -102,6 +131,21 @@ export default function Home() {
             PD: If you have a better idea of something to place in this site,
             you can send me a DM on Discord. I'd recommend giving it a deeper
             look.
+            <hr />
+            <div
+                style={{
+                    display: "flex",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    width: "100%",
+                }}
+            >
+                <span>
+                    <a href="#title">Go to the top</a> &middot;{" "}
+                    <a href="https://nyeki.dev">Nyeki</a>
+                </span>
+                <span>MIT License</span>
+            </div>
         </>
     );
 }