<!--

 .d8888b.  888    d8b  d8b           .d88888b.  888    888                                  888
d88P  Y88b 888    Y8P  Y8P          d88P" "Y88b 888    888                                  888
Y88b.      888                      888     888 888    888                                  888
 "Y888b.   888888 888 8888 88888b.  888     888 888888 888888 .d88b.  88888b.      88888b.  888
    "Y88b. 888    888 "888 888 "88b 888     888 888    888   d8P  Y8b 888 "88b     888 "88b 888
      "888 888    888  888 888  888 888     888 888    888   88888888 888  888     888  888 888
Y88b  d88P Y88b.  888  888 888  888 Y88b. .d88P Y88b.  Y88b. Y8b.     888  888 d8b 888  888 888
 "Y8888P"   "Y888 888  888 888  888  "Y88888P"   "Y888  "Y888 "Y8888  888  888 Y8P 888  888 888
                       888
                      d88P
                    888P"
 -->
 <!DOCTYPE html>
<html>
<head>
    <title>Foto's Bali</title>

    <style type="text/css">

        .images {
            display: flex;
            flex-wrap: wrap;
        }

        .image {
            width: 100%;
            flex: 0 50%;

            margin: 15px 0px;

            text-align: center;
        }

        img {
            box-shadow: 10px 8px 12px 1px #64decdd4;
        }

    </style>
</head>
<body>

    <p>Een kleine selectie van m'n foto's</p>
    <p>Druk op de foto om deze in het orginele formaat te bekijken (5568×3712)</p>
    <p style="font-size: 13px">Jaja Vinze, de 'download all' knop komt morgen...</h3>

    <div class="images">
        <?php

            // Get all filenames from folder
            $pictures = scandir("./images/");

            // Loop
            foreach ($pictures as $picture) {

                // Check if 'wm' is present
                if (strpos($picture, '_wm')) {

                    // Get thumbnail name
                    $new_name = str_replace('wm', 'tn', $picture);

                    echo "
                        <div class=\"image\">
                            <a target=\"_blank\" href=\"images/{$picture}\">
                                <img src=\"./thumbnails/{$new_name}\"></img>
                            </a>
                        </div>";
                }
            }
        ?>
    </div>
    <!-- <ul>
        <li><a href="bali_fotos/1_10.zip">1 t/m 10 (116MB ZIP) ( Niet zeker over formaat...)</a></li>
    </ul> -->
</body>
</html>
