Skip to content

feat: マスコット(スートゲ)機能を追加#419

Merged
tanayan299 merged 4 commits intomainfrom
feature/mascots
Nov 26, 2025
Merged

feat: マスコット(スートゲ)機能を追加#419
tanayan299 merged 4 commits intomainfrom
feature/mascots

Conversation

@tsukaman
Copy link
Copy Markdown
Contributor

Summary

  • マスコット紹介ページ(/mascots)を新規作成
  • 404エラーページを新規作成(上目遣いのマスコット顔画像付き)
  • ひょっこり機能(MascotPeek)をトップページと404ページに実装
  • フッターにマスコット紹介ページへのリンクを追加

追加されたファイル

  • src/components/Mascot.astro - マスコット表示コンポーネント
  • src/components/MascotPeek.astro - ひょっこり機能コンポーネント
  • src/pages/mascots.astro - マスコット紹介ページ
  • src/pages/404.astro - 404エラーページ
  • public/images/mascots/ - マスコット画像8種(suu-1, suu-2, suu-face, suu-face-2, toge-1, toge-2, toge-face, toge-face-2)

Test plan

  • /mascots ページでスーちゃん・トゲくんの紹介が表示される
  • 存在しないURLにアクセスすると404ページが表示される
  • 404ページで上目遣いの顔画像が表示される
  • トップページと404ページでひょっこり機能が動作する(ホバーで顔が出てくる)
  • フッターにマスコット紹介へのリンクがある

🤖 Generated with Claude Code

- マスコット紹介ページ(/mascots)を新規作成
- 404エラーページを新規作成(マスコット顔画像付き)
- ひょっこり機能(MascotPeek)をトップページと404ページに実装
- フッターにマスコット紹介ページへのリンクを追加
- スーちゃん・トゲくんの画像を追加(全8種)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@aws-amplify-us-east-1
Copy link
Copy Markdown

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-419.d1fbfmeuaycsih.amplifyapp.com

Masataka Tsukamoto and others added 3 commits November 26, 2025 20:51
Added Suu (スー) mascot peek on the left side of the top page,
matching the Toge (トゲ) mascot peek on the right side.
Now both mascots appear on the top page with peek-a-boo effect.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Added top padding (pt-20 on mobile, pt-8 on desktop) to prevent
the 404 content from overlapping with the header on mobile devices.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Removed the "スートゲ" h3 heading since the description text
below the mascot images is sufficient.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@tanayan299 tanayan299 merged commit b1b4e3d into main Nov 26, 2025
1 check passed
@tanayan299 tanayan299 deleted the feature/mascots branch November 26, 2025 12:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants