mirror of
https://github.com/blueskychan-dev/blueskychan.dev.git
synced 2025-07-07 23:31: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",
|
"@phosphor-icons/react": "^2.0.15",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"markdown-it": "^14.0.0",
|
"markdown-it": "^14.0.0",
|
||||||
"next": "14.0.4",
|
"next": "^14.2.5",
|
||||||
"react": "^18",
|
"react": "^18",
|
||||||
"react-dom": "^18",
|
"react-dom": "^18",
|
||||||
"react-tooltip": "^5.25.0",
|
"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 = [
|
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 ;-;)");
|
||||||
"チョコレートの森をくぐる",
|
|
||||||
"オレンジかぼちゃの馬車に",
|
|
||||||
"乗せられて 連れられて",
|
|
||||||
"ミルク色のお城",
|
|
||||||
"みんなきっと憧れている",
|
|
||||||
"童話の中のヒロイン",
|
|
||||||
"いつか見た 夢に見た",
|
|
||||||
"ガラスのハイヒール",
|
|
||||||
"ナイショの気持ち ホントの気持ち",
|
|
||||||
"ちょっと話しちゃおう",
|
|
||||||
"ワンツースリー 魔法をかけて",
|
|
||||||
"新しいボクになりたいのです お願い！",
|
|
||||||
"やっぱりボクも可愛くなりたいな",
|
|
||||||
"あの子みたく可愛くなりたいな",
|
|
||||||
"フリルドレスを召しませ",
|
|
||||||
"世界でひとりのシンデレラ",
|
|
||||||
"ちっちゃなユウキとおっきなハジメテ",
|
|
||||||
"きっと怖くなって震えちゃうけど",
|
|
||||||
"女の子になりたい！",
|
|
||||||
"お願い いいですか？",
|
|
||||||
"可愛くなっていいですか？",
|
|
||||||
"大人になれど下がらない",
|
|
||||||
"可笑しな声のトーンと",
|
|
||||||
"何しても 何しても",
|
|
||||||
"うまくいかない今日だ",
|
|
||||||
"ならば！",
|
|
||||||
"束の間でも夢の中に",
|
|
||||||
"ボクを見つけてみようかな",
|
|
||||||
"少しだけ 少しだけ",
|
|
||||||
"変われる気がする",
|
|
||||||
"ドキドキして ドキドキして",
|
|
||||||
"眠れない夜",
|
|
||||||
"ワンツースリー 勇気を出せば",
|
|
||||||
"童話に続く入口はもうそこだよ",
|
|
||||||
"上目遣いで太陽が昇って",
|
|
||||||
"ウィンクのひとつで喧嘩が収まる",
|
|
||||||
"小さなリボン結んだら",
|
|
||||||
"世界もひとつに シンデレラ",
|
|
||||||
"花も照れて恥ずかしがるような",
|
|
||||||
"もう少し君をひとり占めできるような",
|
|
||||||
"女の子になりたい！",
|
|
||||||
"隣にいいですか？",
|
|
||||||
"当たり前のものどれもが",
|
|
||||||
"違って見えたんだ",
|
|
||||||
"ワンツースリー 魔法をかけて",
|
|
||||||
"新しいボクになりたいのです お願い！",
|
|
||||||
"やっぱりボクも可愛くなりたいな",
|
|
||||||
"あの子みたく可愛くなりたいな",
|
|
||||||
"小さく首を傾げたら",
|
|
||||||
"ボクも今だけはシンデレラ",
|
|
||||||
"大事な今日を隅っこに隠れて",
|
|
||||||
"自分のこともわかんなくなる前に",
|
|
||||||
"女の子になりたい！",
|
|
||||||
"お願い いいですか？",
|
|
||||||
"可愛くなっていいですか？",
|
|
||||||
"ナイショだよ",
|
|
||||||
]
|
|
||||||
|
|
||||||
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;`)
|
|
||||||
})
|
|
||||||
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 = () => {
|
const About = () => {
|
||||||
return (
|
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="p-2">
|
||||||
<div className="border-t md:border-t-2"></div>
|
<div className="border-t md:border-t-2"></div>
|
||||||
</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 }) {
|
function MyApp({ Component, pageProps }) {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const uwuQuery = router.query.uwu !== undefined
|
const stright = router.query.stright !== undefined;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (uwuQuery) {
|
if (stright) {
|
||||||
document.body.classList.add(mali.className)
|
|
||||||
document.body.classList.remove(roboto.className)
|
|
||||||
} else {
|
|
||||||
document.body.classList.add(roboto.className)
|
document.body.classList.add(roboto.className)
|
||||||
document.body.classList.remove(mali.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} />
|
return <Component {...pageProps} />
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -16,8 +16,9 @@ export default function Home() {
|
||||||
<meta property="og:title" content="Hello, World! <3" key="title" />
|
<meta property="og:title" content="Hello, World! <3" key="title" />
|
||||||
<meta
|
<meta
|
||||||
property="og:description"
|
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>
|
</Head>
|
||||||
|
|
||||||
<main className={`flex min-h-screen items-center justify-center`}>
|
<main className={`flex min-h-screen items-center justify-center`}>
|
||||||
|
|
|
||||||
|
|
@ -3,17 +3,35 @@
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
html {
|
html {
|
||||||
--background-image: url("/bg.jpg");
|
position: relative;
|
||||||
background-image: var(--background-image);
|
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-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
color: #ffc6d7fc;
|
filter: brightness(50%) blur(4px);
|
||||||
height: 100%;
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue