mindhas403/blueskychan.dev
1
0
Fork 0
mirror of https://github.com/blueskychan-dev/blueskychan.dev.git synced 2025-07-07 23:31:04 +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("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 ;-;)");
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/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
// *copilot detected!!!!!!!
import Head from "next/head"
export default function Custom404() {
return (
<>
<Head>
<title>404 Not Found</title>
</Head>
<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">
<h1 className="center text-lg font-bold text-red-500 center">404 Not Found :(</h1>
<p className="text-lg font-bold text-white">The page you're looking for is not found, Sorry ;-;</p>
</div>
</main>
</>
)
}
return (
<>
<Head>
<title>404 Not Found</title>
</Head>
<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">
<h1 className="center text-lg font-bold text-red-500 center">
404 Not Found :(
</h1>
<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 }) {
const router = useRouter()
const stright = router.query.stright !== undefined;
const stright = router.query.stright !== undefined
useEffect(() => {
if (stright) {
document.body.classList.add(roboto.className)

10
src/pages/_document.jsx
View file

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

2
src/pages/index.jsx
View file

@ -21,7 +21,7 @@ export default function Home() {
<link rel="icon" href="/favicon.webp" sizes="any" />
</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="flex flex-row space-x-3 items-center p-3">
<Avatar />

23
src/styles/globals.css
View file

@ -2,36 +2,17 @@
@tailwind components;
@tailwind utilities;
html {
body {
position: relative;
min-height: 100%;
color: #ffc6d7fc;
overflow: hidden;
}
html::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
--background-image: url("/113909210_p0.jpg");
background-image: var(--background-image);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
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;
}