GitHub - szriru/miabyss-official-site-clone: made in abyss official page clone with reactjs + tailwindcss

Run in dev environment

git clone https://github.com/szriru/miabyss-official-site-clone
cd miabyss-official-site-clone
npm i
npm run dev

sm以上のMain cover imageに対してそのswitchを右下に一定のview pointまで固定する挙動をtailwindの"sticky"でできない。代わりにreact-waypointを使っているが,"fix"と"absolute"の切り替え時にwidthが変わってしまう。
landing時のloading screenがただのアニメーションであって、ページのローディング状況を把握しているものではない。
右下のtopに戻るボタンを実装し忘れている.
sm:hiddenのように単純に非表示にするような実装方法を多用している。(?) 本家サイトはランディング時に一部のデザインは確定されていてchromeのdev toolなどでディスプレイサイズを変えても変わらない要素がある。（実装方法は分からないがこのように実装すべきだと思う。）
フォント

Name		Name	Last commit message	Last commit date
Latest commit History 10 Commits
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts