リベのプロフィールから
自分のポートフォリオを作る

以下は私のリベシティのプロフィールです。これを元に、デスクトップの「リベのプロフィールサイト」フォルダの中に、HTML ファイル1つでポートフォリオサイトを作ってください。 仕様： - ファイル名は index.html - CSS と JS はすべて <style> / <script> タグの中にインラインで書く - まずは「白黒モノトーン」の最小構成にする。色は後から足すので、今は黒・白・グレーだけで上品にまとめる - セクションは「ヘッダー（表示名＋ひとこと）」「自己紹介」「スキル・ポートフォリオ」「各種SNS・URL」の4つ - あとから配色やセクション（実績・お問い合わせ等）を足しやすいよう、CSS変数で色を一括管理し、セクションごとに区切った素直な構造にする - スマホでも崩れないようレスポンシブに（meta viewport を入れる） - 画像はこの段階では入れず、アイコンが入る場所だけ枠で示しておく - 文字コードは UTF-8 安全ルール（必ず守ってください）： - 本名、住所、生年月日、電話番号、メールアドレスは絶対に書き込まない（プロフィール内にあっても載せない） - 表示名は私がリベで使っているニックネームをそのまま使う - 連絡先は直接のメールではなく、SNS の DM などの間接ルートだけにする - 情報商材サイトのURLやアフィリエイトリンクは載せない このフォルダに index.html というファイル名で保存してください。 保存できたら、続けて私のパソコンの既定のブラウザで index.html をそのまま開くところまでやってください。（Mac なら open、Windows なら start など、私の環境に合ったコマンドを使ってください） --- ここから私のリベシティのプロフィール --- [ここにプロフィールを貼り付け]

index.html のヘッダー（表示名のとなり）に、「写真」フォルダの中の icon.png を円形で表示してください。 仕様： - 画像の場所は 写真/icon.png（私が後で「写真」フォルダに icon.png という名前で入れます） - 円形（border-radius: 50%）に切り抜く - 横幅は 120px くらい、スマホでは 88px に小さく - 画像が見つからない場合に備えて、alt 属性に「プロフィールアイコン」と書いておく

さっき貼ったリベシティのプロフィールを、リベシティ推奨の書き方に照らして診断してください。観点は次の5つです。 1. 表示名に「何をしている人か」が一言で添えられているか 2. 自己紹介の冒頭に、自分を一言で表すフレーズがあるか／「今の自分・これまでの自分」が書かれているか 3. 「挑戦していること・興味のあること」が書かれているか 4. スキル・ポートフォリオ・実績が、信頼につながる形で具体的に書かれているか 5. 各種SNS・URL が適切か（情報商材・アフィリエイトリンクが混じっていないか） 進め方： - まず、足りない点・ズレている点を「観点ごとに」箇条書きで指摘してください - それぞれに、私の活動に合わせた修正案（書き換え例）を添えてください - 私が「この項目はOK」と承認したものだけ、ポートフォリオサイト（index.html）の本文に反映してください。承認していない指摘は勝手に反映しないでください - 個人情報（本名・住所・生年月日・連絡先）は引き続きサイトに載せないでください