45 lines
1.5 KiB
PHP
45 lines
1.5 KiB
PHP
|
|
<?php
|
|
$directory = "./cards/";
|
|
$sorting_order = SCANDIR_SORT_DESCENDING;
|
|
#$dir = scandir($directory, $sorting_order);
|
|
$dir = preg_grep('/^([^.])/', scandir($directory, $sorting_order));
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/normalize.css">
|
|
<link rel="stylesheet" href="/css/index.css">
|
|
<title>Meine Coolen Karten</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<img src="/nfl-1-logo-black-and-white.png" alt="" srcset="">
|
|
<span>Karten von Joachim</span>
|
|
</header>
|
|
<main class="flip-card__container">
|
|
<?php
|
|
for($outeriterator = 0; $outeriterator < 4; $outeriterator += 1) {
|
|
for($iterator = 0; $iterator < count($dir); $iterator += 1) {
|
|
echo "
|
|
<div class='flip-card__card'>
|
|
<div class='flip-card__inner'>
|
|
<div class='flip-card__front'>
|
|
<img class='flip-card__image' src='/cards/{$dir[$iterator]}' alt='Avatar'>
|
|
</div>
|
|
<div class='flip-card__back'>
|
|
<img class='flip-card__image' src='/cards/{$dir[$iterator+1]}' alt='Avatar'>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
";
|
|
$iterator++;
|
|
}
|
|
}
|
|
?>
|
|
</main>
|
|
</body>
|
|
</html>
|