mindhas403/blueskychan.dev
1
0
Fork 0
mirror of https://github.com/blueskychan-dev/blueskychan.dev.git synced 2025-07-08 07:41:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

get real

Browse source
This commit is contained in:
blue 2024-07-21 20:51:31 +07:00
parent c8ac0b4801
commit 5ca1db8896
7 changed files with 1262 additions and 566 deletions
Download patch file Download diff file Expand all files Collapse all files

1747
pnpm-lock.yaml generated
View file

File diff suppressed because it is too large Load diff

10
public/random.js
View file

@ -1,3 +1,7 @@
console.log("What are you doing here? ;-;"); 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(
console.log("Background Sauce: https://www.pixiv.net/en/artworks/113909210 (I like that artwork but be careful with thier profile, they include blue archive NSFW content and I didn't want to see it ;-;)"); "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/113909210 (I like that artwork but be careful with thier profile, they include blue archive NSFW content and I didn't want to see it ;-;)",
)

34
src/pages/404.jsx
View file

@ -1,19 +1,23 @@
// Have center box like index.jsx but instead of showing profile, it will show 404 error message // Have center box like index.jsx but instead of showing profile, it will show 404 error message
// *copilot detected!!!!!!!
import Head from "next/head" import Head from "next/head"
export default function Custom404() { export default function Custom404() {
return ( return (
<> <>
<Head> <Head>
<title>404 Not Found</title> <title>404 Not Found</title>
</Head> </Head>
<main className="flex min-h-screen items-center justify-center"> <main className="flex min-h-screen items-center justify-center">
<div className="backdrop-blur-md bg-[#1b1327]/50 rounded-lg p-3 max-w-md md:max-w-lg overflow-hidden overflow-ellipsis"> <div className="backdrop-blur-md bg-[#1b1327]/50 rounded-lg p-3 max-w-md md:max-w-lg overflow-hidden overflow-ellipsis">
<h1 className="center text-lg font-bold text-red-500 center">404 Not Found :(</h1> <h1 className="center text-lg font-bold text-red-500 center">
<p className="text-lg font-bold text-white">The page you're looking for is not found, Sorry ;-;</p> 404 Not Found :(
</div> </h1>
</main> <p className="text-lg font-bold text-white">
</> The page you're looking for is not found, Sorry ;-;
) </p>
} </div>
</main>
</>
)
}

2
src/pages/_app.jsx
View file

@ -15,7 +15,7 @@ const mali = Mali({ subsets: ["latin"], weight: "400" })
function MyApp({ Component, pageProps }) { function MyApp({ Component, pageProps }) {
const router = useRouter() const router = useRouter()
const stright = router.query.stright !== undefined; const stright = router.query.stright !== undefined
useEffect(() => { useEffect(() => {
if (stright) { if (stright) {
document.body.classList.add(roboto.className) document.body.classList.add(roboto.className)

10
src/pages/_document.jsx
View file

@ -5,10 +5,12 @@ export default function Document() {
return ( return (
<Html lang="en"> <Html lang="en">
<Head /> <Head />
<body> <body className="flex backdrop-blur-sm flex-col justify-center items-center h-screen p-2">
<Main /> <div className="">
<NextScript /> <Main />
<script src="/random.js" /> <NextScript />
<script src="/random.js" />
</div>
</body> </body>
</Html> </Html>
) )

2
src/pages/index.jsx
View file

@ -21,7 +21,7 @@ export default function Home() {
<link rel="icon" href="/favicon.webp" sizes="any" /> <link rel="icon" href="/favicon.webp" sizes="any" />
</Head> </Head>
<main className={`flex min-h-screen items-center justify-center`}> <main>
<div className="backdrop-blur-md bg-[#1b1327]/50 rounded-lg p-3 max-w-md md:max-w-lg overflow-hidden overflow-ellipsis"> <div className="backdrop-blur-md bg-[#1b1327]/50 rounded-lg p-3 max-w-md md:max-w-lg overflow-hidden overflow-ellipsis">
<div className="flex flex-row space-x-3 items-center p-3"> <div className="flex flex-row space-x-3 items-center p-3">
<Avatar /> <Avatar />

23
src/styles/globals.css
View file

@ -2,36 +2,17 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
html { body {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
color: #ffc6d7fc; color: #ffc6d7fc;
overflow: hidden; overflow: hidden;
}
html::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
--background-image: url("/113909210_p0.jpg"); --background-image: url("/113909210_p0.jpg");
background-image: var(--background-image); background-image: var(--background-image);
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
filter: brightness(50%) blur(4px);
transform: scale(1.1);
} }
body {
height: 100%;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}