mirror of
https://github.com/blueskychan-dev/blueskychan.dev.git
synced 2025-07-07 15:21:04 +00:00
Add 404 Page, update all package, add assest about desk setup, osustuff and new background! (also blur and dim)
This commit is contained in:
Phapoom Saksri
parent
04861d4b36
commit
004bbcea5c
14 changed files with 2852 additions and 85 deletions
2798
package-lock.json
generated
Normal file
2798
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -12,7 +12,7 @@
|
|||
"@phosphor-icons/react": "^2.0.15",
|
||||
"gray-matter": "^4.0.3",
|
||||
"markdown-it": "^14.0.0",
|
||||
"next": "14.0.4",
|
||||
"next": "^14.2.5",
|
||||
"react": "^18",
|
||||
"react-dom": "^18",
|
||||
"react-tooltip": "^5.25.0",
|
||||
|
|
|
|||
BIN
public/113909210_p0.jpg
Normal file
BIN
public/113909210_p0.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 416 KiB |
BIN
public/16-9.png
Normal file
BIN
public/16-9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 MiB |
BIN
public/bg-blur.jpg
Normal file
BIN
public/bg-blur.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 902 KiB |
BIN
public/favicon.webp
Normal file
BIN
public/favicon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4 KiB |
BIN
public/osustuff/liemandblue.jpg
Normal file
BIN
public/osustuff/liemandblue.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 505 KiB |
|
|
@ -1,71 +1,3 @@
|
|||
const lines = [
|
||||
"ねえ 女の子になりたい",
|
||||
"お願い いいですか？",
|
||||
"チョコレートの森をくぐる",
|
||||
"オレンジかぼちゃの馬車に",
|
||||
"乗せられて 連れられて",
|
||||
"ミルク色のお城",
|
||||
"みんなきっと憧れている",
|
||||
"童話の中のヒロイン",
|
||||
"いつか見た 夢に見た",
|
||||
"ガラスのハイヒール",
|
||||
"ナイショの気持ち ホントの気持ち",
|
||||
"ちょっと話しちゃおう",
|
||||
"ワンツースリー 魔法をかけて",
|
||||
"新しいボクになりたいのです お願い！",
|
||||
"やっぱりボクも可愛くなりたいな",
|
||||
"あの子みたく可愛くなりたいな",
|
||||
"フリルドレスを召しませ",
|
||||
"世界でひとりのシンデレラ",
|
||||
"ちっちゃなユウキとおっきなハジメテ",
|
||||
"きっと怖くなって震えちゃうけど",
|
||||
"女の子になりたい！",
|
||||
"お願い いいですか？",
|
||||
"可愛くなっていいですか？",
|
||||
"大人になれど下がらない",
|
||||
"可笑しな声のトーンと",
|
||||
"何しても 何しても",
|
||||
"うまくいかない今日だ",
|
||||
"ならば！",
|
||||
"束の間でも夢の中に",
|
||||
"ボクを見つけてみようかな",
|
||||
"少しだけ 少しだけ",
|
||||
"変われる気がする",
|
||||
"ドキドキして ドキドキして",
|
||||
"眠れない夜",
|
||||
"ワンツースリー 勇気を出せば",
|
||||
"童話に続く入口はもうそこだよ",
|
||||
"上目遣いで太陽が昇って",
|
||||
"ウィンクのひとつで喧嘩が収まる",
|
||||
"小さなリボン結んだら",
|
||||
"世界もひとつに シンデレラ",
|
||||
"花も照れて恥ずかしがるような",
|
||||
"もう少し君をひとり占めできるような",
|
||||
"女の子になりたい！",
|
||||
"隣にいいですか？",
|
||||
"当たり前のものどれもが",
|
||||
"違って見えたんだ",
|
||||
"ワンツースリー 魔法をかけて",
|
||||
"新しいボクになりたいのです お願い！",
|
||||
"やっぱりボクも可愛くなりたいな",
|
||||
"あの子みたく可愛くなりたいな",
|
||||
"小さく首を傾げたら",
|
||||
"ボクも今だけはシンデレラ",
|
||||
"大事な今日を隅っこに隠れて",
|
||||
"自分のこともわかんなくなる前に",
|
||||
"女の子になりたい！",
|
||||
"お願い いいですか？",
|
||||
"可愛くなっていいですか？",
|
||||
"ナイショだよ",
|
||||
]
|
||||
|
||||
const transFlagColors = ["#55CDFC", "#F7A8B8", "white"]
|
||||
|
||||
const linesPerSection = Math.ceil(lines.length / transFlagColors.length)
|
||||
|
||||
lines.forEach((line, index) => {
|
||||
const sectionIndex =
|
||||
Math.floor(index / linesPerSection) % transFlagColors.length
|
||||
const color = transFlagColors[sectionIndex]
|
||||
console.log(`%c${line}`, `color: ${color}; font-size: 28px;`)
|
||||
})
|
||||
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 ;-;)");
|
||||
BIN
public/setup/desk-setup-july2024.jpg
Normal file
BIN
public/setup/desk-setup-july2024.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
|
|
@ -5,7 +5,7 @@ import PageLink from "./PageLink.jsx"
|
|||
const About = () => {
|
||||
return (
|
||||
<>
|
||||
<span className="font-bold text-lg px-4">About</span>
|
||||
<span className="font-bold text-lg px-4">About Me!</span>
|
||||
<div className="p-2">
|
||||
<div className="border-t md:border-t-2"></div>
|
||||
</div>
|
||||
|
|
|
|||
19
src/pages/404.jsx
Normal file
19
src/pages/404.jsx
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
// Have center box like index.jsx but instead of showing profile, it will show 404 error message
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
@ -15,17 +15,16 @@ const mali = Mali({ subsets: ["latin"], weight: "400" })
|
|||
function MyApp({ Component, pageProps }) {
|
||||
const router = useRouter()
|
||||
|
||||
const uwuQuery = router.query.uwu !== undefined
|
||||
|
||||
const stright = router.query.stright !== undefined;
|
||||
useEffect(() => {
|
||||
if (uwuQuery) {
|
||||
document.body.classList.add(mali.className)
|
||||
document.body.classList.remove(roboto.className)
|
||||
} else {
|
||||
if (stright) {
|
||||
document.body.classList.add(roboto.className)
|
||||
document.body.classList.remove(mali.className)
|
||||
} else {
|
||||
document.body.classList.add(mali.className)
|
||||
document.body.classList.remove(roboto.className)
|
||||
}
|
||||
}, [uwuQuery])
|
||||
}, [stright])
|
||||
|
||||
return <Component {...pageProps} />
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,8 +16,9 @@ export default function Home() {
|
|||
<meta property="og:title" content="Hello, World! <3" key="title" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="About some stupid person call blueskychan, aka Mind :3"
|
||||
content="About some stupid person call blueskychan, or Mind :3"
|
||||
/>
|
||||
<link rel="icon" href="/favicon.webp" sizes="any" />
|
||||
</Head>
|
||||
|
||||
<main className={`flex min-h-screen items-center justify-center`}>
|
||||
|
|
|
|||
|
|
@ -3,17 +3,35 @@
|
|||
@tailwind utilities;
|
||||
|
||||
html {
|
||||
--background-image: url("/bg.jpg");
|
||||
background-image: var(--background-image);
|
||||
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;
|
||||
color: #ffc6d7fc;
|
||||
height: 100%;
|
||||
filter: brightness(50%) blur(4px);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue