diff --git a/public/gallerypics/2translesbian.png b/public/gallerypics/2translesbian.png new file mode 100644 index 0000000..3b5830e Binary files /dev/null and b/public/gallerypics/2translesbian.png differ diff --git a/public/gallerypics/archrice2025.png b/public/gallerypics/archrice2025.png new file mode 100644 index 0000000..eeff97f Binary files /dev/null and b/public/gallerypics/archrice2025.png differ diff --git a/public/gallerypics/data.json b/public/gallerypics/data.json new file mode 100644 index 0000000..0b25e52 --- /dev/null +++ b/public/gallerypics/data.json @@ -0,0 +1,15 @@ +{ + "images": [ + { + "path": "gallerypics/2translesbian.png", + "description": "I'm bored, i just make picture about me and my girlfriend! <3", + "date": "2025-04-23" + }, + { + "path": "gallerypics/archrice2025.png", + "description": "My arch linux rice but changes a bit lol :3", + "date": "2025-04-22" + } + ] + } + \ No newline at end of file diff --git a/public/random.js b/public/random.js index 9552c91..a91a4b5 100644 --- a/public/random.js +++ b/public/random.js @@ -2,6 +2,16 @@ console.log("What are you doing here? ;-;") console.log( "Tips: If you add stright=true to the URL, the font will change to Roboto, easier to read :3", ) -console.log( - "Background Sauce: https://www.pixiv.net/en/artworks/120913376", -) +console.log("Sometimes this world is great, but sometimes it sucks.... :c") +const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms)) +sleep(2500).then(() => { + console.log( + "%cI 🫶 @ahenyao! (so much) <3", + "color: #FF69B4; font-size: 20px; font-weight: bold;", + ) + console.log( + "%cAlso check out my gallery too! :3 (/gallery)", + "color: #FF69B4; font-size: 20px; font-weight: bold;", + ) +}) + diff --git a/public/sekai/4.jpeg b/public/sekai/4.jpeg deleted file mode 100644 index a35c17e..0000000 Binary files a/public/sekai/4.jpeg and /dev/null differ diff --git a/public/sekai/1.jpeg b/public/wallpaper/1.jpeg similarity index 100% rename from public/sekai/1.jpeg rename to public/wallpaper/1.jpeg diff --git a/public/sekai/2.jpeg b/public/wallpaper/2.jpeg similarity index 100% rename from public/sekai/2.jpeg rename to public/wallpaper/2.jpeg diff --git a/public/sekai/3.jpeg b/public/wallpaper/3.jpeg similarity index 100% rename from public/sekai/3.jpeg rename to public/wallpaper/3.jpeg diff --git a/public/wallpaper/4.jpeg b/public/wallpaper/4.jpeg new file mode 100644 index 0000000..75e855b Binary files /dev/null and b/public/wallpaper/4.jpeg differ diff --git a/public/wallpaper/5.jpeg b/public/wallpaper/5.jpeg new file mode 100644 index 0000000..66e6a63 Binary files /dev/null and b/public/wallpaper/5.jpeg differ diff --git a/src/components/About.jsx b/src/components/About.jsx index dc0b52c..c19e1c0 100644 --- a/src/components/About.jsx +++ b/src/components/About.jsx @@ -22,7 +22,9 @@ const About = () => { with skills in C# and C++. Currently learning Python, JavaScript, and More! I play osu! for daily and other for sometimes, Music is randomly, and I've got a ! - too—check it out! :3 + too—check it out! :3
+ (Also check out my{" "} + too! :3) diff --git a/src/components/Avatar.jsx b/src/components/Avatar.jsx index 60e0183..d8e3989 100644 --- a/src/components/Avatar.jsx +++ b/src/components/Avatar.jsx @@ -12,7 +12,7 @@ const Avatar = () => { alt="Profile picture" /> - + ) } diff --git a/src/pages/404.jsx b/src/pages/404.jsx index 6f3e0f2..266d710 100644 --- a/src/pages/404.jsx +++ b/src/pages/404.jsx @@ -7,7 +7,7 @@ export default function notFoundPage() { 404 Not Found ;-;
-
+

404 Not Found :(

The page you're looking for is not found, Sorry ;-; diff --git a/src/pages/api/random-sekai-picture.js b/src/pages/api/random-background-picture.js similarity index 77% rename from src/pages/api/random-sekai-picture.js rename to src/pages/api/random-background-picture.js index ecfed08..7bb2aa4 100644 --- a/src/pages/api/random-sekai-picture.js +++ b/src/pages/api/random-background-picture.js @@ -7,8 +7,8 @@ export default function handler(req, res) { return; } - const random = Math.floor(Math.random() * 4) + 1; // Generate random number 1-3 - const imagePath = path.join(process.cwd(), "public", "sekai", `${random}.jpeg`); + const random = Math.floor(Math.random() * 5) + 1; // Generate random number 1-6 + const imagePath = path.join(process.cwd(), "public", "wallpaper", `${random}.jpeg`); // Check if the image file exists if (!fs.existsSync(imagePath)) { diff --git a/src/pages/gallery.jsx b/src/pages/gallery.jsx new file mode 100644 index 0000000..317ca89 --- /dev/null +++ b/src/pages/gallery.jsx @@ -0,0 +1,120 @@ +import { useEffect, useState } from "react"; +import Head from "next/head"; + +const Gallery = () => { + const [images, setImages] = useState([]); + const [selectedImage, setSelectedImage] = useState(null); + + useEffect(() => { + const fetchImages = async () => { + try { + const response = await fetch("/gallerypics/data.json"); + const data = await response.json(); + const sortedImages = data.images.sort( + (a, b) => new Date(b.date) - new Date(a.date) + ); + setImages(sortedImages); + } catch (error) { + console.error("Error fetching gallery data:", error); + } + }; + + fetchImages(); + }, []); + + const handleImageClick = (image) => { + document.body.style.overflow = "hidden"; + setSelectedImage(image); + }; + + const closePopup = () => { + document.body.style.overflow = "auto"; + setSelectedImage(null); + }; + + const handleBackdropClick = (e) => { + if (e.target === e.currentTarget) { + closePopup(); + } + }; + + return ( + <> + + Gallery | blueskychan_ :3 + + + + + +

+

Gallery

+

All of my stupid pics to show :3

+
+ {images.map((image, index) => ( +
handleImageClick(image)} + > +
+ {image.description} +
+

View Image

+
+
+
+

{image.date}

+

{image.description}

+
+
+ ))} +
+ + {selectedImage && ( +
+
+ {selectedImage.description} +
+

{selectedImage.description}

+

{selectedImage.date}

+
+ + View Raw Image + + +
+
+
+
+ )} +
+ + ); +}; + +export default Gallery; \ No newline at end of file diff --git a/src/pages/index.jsx b/src/pages/index.jsx index e4ce7b3..2d4b43f 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -21,7 +21,7 @@ export default function Home() {
-
+
diff --git a/src/styles/globals.css b/src/styles/globals.css index d4e10fe..348f968 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -8,7 +8,7 @@ body { color: #ffc6d7fc; overflow: hidden; - --background-image: url("/api/random-sekai-picture"); + --background-image: url("/api/random-background-picture"); background-image: var(--background-image); background-repeat: no-repeat;