<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>今日の壁紙</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        img {
            max-width: 100%;
            height: auto;
            border: 2px solid #ddd;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>

    <h1>今日の壁紙</h1>
    <p>毎日、表示される壁紙が変わります。</p>

    <div id="image-container">
        <!-- 画像がロードされるまでプレースホルダー画像を表示 -->
        <img id="daily-image" src="https://via.placeholder.com/500x300.png?text=Loading..." alt="画像を読み込み中">
    </div>

    <script>
        // 画像のURLリスト（33枚の画像URLをここに追加）
        const imageUrls = [
"https://u.cubeupload.com/Laiboo_LKR/25.jpg",
"https://u.cubeupload.com/Laiboo_LKR/12.jpg",
"https://u.cubeupload.com/Laiboo_LKR/30.jpg",
"https://u.cubeupload.com/Laiboo_LKR/24.jpg",
"https://u.cubeupload.com/Laiboo_LKR/18.jpg",
"https://u.cubeupload.com/Laiboo_LKR/17.jpg",
"https://u.cubeupload.com/Laiboo_LKR/1.jpg",
"https://u.cubeupload.com/Laiboo_LKR/8.jpg",
"https://u.cubeupload.com/Laiboo_LKR/3.jpg",
"https://u.cubeupload.com/Laiboo_LKR/31.jpg",
"https://u.cubeupload.com/Laiboo_LKR/22.jpg",
"https://u.cubeupload.com/Laiboo_LKR/26.jpg",
"https://u.cubeupload.com/Laiboo_LKR/4.jpg",
"https://u.cubeupload.com/Laiboo_LKR/15.jpg",
"https://u.cubeupload.com/Laiboo_LKR/21.jpg",
"https://u.cubeupload.com/Laiboo_LKR/2.jpg",
"https://u.cubeupload.com/Laiboo_LKR/6.jpg",
"https://u.cubeupload.com/Laiboo_LKR/11.jpg",
"https://u.cubeupload.com/Laiboo_LKR/5.jpg",
"https://u.cubeupload.com/Laiboo_LKR/13.jpg",
"https://u.cubeupload.com/Laiboo_LKR/14.jpg",
"https://u.cubeupload.com/Laiboo_LKR/28.jpg",
"https://u.cubeupload.com/Laiboo_LKR/32.jpg",
"https://u.cubeupload.com/Laiboo_LKR/16.jpg",
"https://u.cubeupload.com/Laiboo_LKR/23.jpg",
"https://u.cubeupload.com/Laiboo_LKR/20.jpg",
"https://u.cubeupload.com/Laiboo_LKR/7.jpg",
"https://u.cubeupload.com/Laiboo_LKR/27.jpg",
"https://u.cubeupload.com/Laiboo_LKR/19.jpg",
"https://u.cubeupload.com/Laiboo_LKR/10.jpg",
"https://u.cubeupload.com/Laiboo_LKR/9.jpg",
"https://u.cubeupload.com/Laiboo_LKR/1.png",
"https://u.cubeupload.com/Laiboo_LKR/29.jpg"
        ];

        // 10月19日を基準にする
        const baseDate = new Date(2024, 9, 21); // 2024年10月19日（10月は0始まりなので9月が10月に相当）

        // 現在の日付
        const today = new Date();

        // 10月19日からの日数差を計算
        const diffDays = Math.floor((today - baseDate) / (1000 * 60 * 60 * 24));

        // 画像の番号を計算（33で割った余りを使用）
        const imageIndex = diffDays % 33;

        // 選ばれた画像のURLを取得
        const selectedImageUrl = imageUrls[imageIndex];

        // 画像要素に設定
        document.getElementById("daily-image").src = selectedImageUrl;

    </script>

</body>
</html>
