<!DOCTYPE html>

<html lang="ja">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>PDM運用環境</title>

  <style>

    body {

      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;

      max-width: 600px;

      margin: 50px auto;

      padding: 20px;

      line-height: 1.7;

      color: #333;

      background: #fafafa;

    }

    h1 {

      color: #2c5aa0;

      border-bottom: 3px solid #2c5aa0;

      padding-bottom: 10px;

    }

    .badge {

      display: inline-block;

      background: #4caf50;

      color: white;

      padding: 4px 12px;

      border-radius: 12px;

      font-size: 12px;

      margin-right: 8px;

    }

  </style>

</head>

<body>

  <h1>🎩 PDM運用環境</h1>

  <p>

    <span class="badge">稼働中</span>

    <span class="badge">PDM体制</span>

  </p>

  <p>

    このサイトはGitHub + Cloudflare Pagesによる

    自動デプロイ環境のテスト公開です。

  </p>

  <p>

    PDMが意思決定とセキュリティを統括し、

    git pushするだけで自動的にここに反映されます。

  </p>

  <hr>

  <p style="font-size: 12px; color: #999;">

    Built with 🌸 by PDM | Last updated: <span id="date"></span>

  </p>

  <script>

    document.getElementById('date').textContent = 

      new Date().toLocaleDateString('ja-JP');

  </script>

</body>

</html>