中学生プログラマのポートフォリオサイト。GitHub Pages でホストされています。
- HTML / CSS / Vanilla JavaScript
- GitHub REST API
- marked.js
背景:#e8e4df / テキスト:#3d3d3d
緑:#5a7a4b / 青:#4a6a7a / 赤:#a85450 / 黄:#8a752a
- ダークモード対応
- GitHub API によるリポジトリ情報表示
- ブログ機能
- Zenn 記事連携
blog/*.mdに Markdown ファイルを作成blog-index.jsonに記事を追加
image/に画像ファイルを配置index.htmlの<head>内にある<link rel="icon">のhrefを変更index.cssの.hero-profile-imageスタイルを必要に応じて調整
| ファイル | 説明 |
|---|---|
| index.html | メインページ(各ビュー、ヘッダー、フッター) |
| index.js | 共通 JS(GitHub API、blog 読み込み、テーマ切り替え) |
| index.css | 共通スタイル(Kanagawa 風テーマ、レスポンシブデザイン) |
| blog-index.json | ブログ記事のインデックス |
| blog/*.md | ブログ記事(Markdown) |
| image/* | 画像リソース(ファビコン、プロフィール画像) |
MIT