自己紹介ページの追加

あなたはPythonとモダンなWebフロントエンド開発のエキスパートです。
現在開発中の自作静的サイトジェネレーター（SSG）に、以下の2つの機能を追加するためのコード変更を提案してください。

## 依頼内容

### 1. ヘッダーナビゲーションの更新とAboutページの追加
- **ヘッダー**: `templates/base.html` を修正し、ヘッダー部分にナビゲーションリンクを追加してください。
    - リンク項目: 「Top (記事一覧)」と「About (自己紹介)」
    - デザイン: Tailwind CSSを使用し、要件定義書の配色（Surface Variantなど）に馴染むシンプルなデザインにしてください。
- **Aboutページ**: `content/about.md` を作成し、ビルドプロセスで `/about/index.html` として生成されるようにしてください。

### 2. トップページ（記事一覧）への右サイドバー追加（自己紹介枠）
- **レイアウト変更**: `templates/index.html` を修正し、現在の「左サイドバー + 記事グリッド」の構成から、「左サイドバー + 記事グリッド + **右サイドバー**」の3カラム構成に変更してください。
    - 画面幅が狭い場合（SP/Tablet）は、右サイドバーを非表示にするか、フッター付近に移動させるレスポンシブ対応を含めてください。
- **自己紹介ウィジェット**: 右サイドバー内に「プロフィールカード」を作成してください。
    - 内容: アバター画像（プレースホルダー可）、名前、簡単な自己紹介文。
    - デザイン: 要件定義書の配色（Primary: #4A6267, Outline: #C4C7C8）を使用したミニマルなデザイン。`position: sticky` でスクロール追従させてください。