test changement css 4/?

This commit is contained in:
2024-06-05 08:37:40 +02:00
parent b197a19e07
commit cf2f31cf2a
4 changed files with 133 additions and 86 deletions

View File

@@ -1,27 +1,22 @@
<h5 class="title is-5">Liste des Albums</h5>
<h5 class="title is-5 has-text-white">Liste des Albums</h5>
<section class="columns is-multiline">
<?php
foreach($albums as $album){
echo "<div class='column is-one-quarter'>";
echo "<article class='card'>";
echo "<div class='card-image'>";
echo '<figure class="image is-4by3">';
echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" alt="'.$album->name.'">';
echo '</figure>';
echo "</div>";
echo "<div class='card-content'>";
echo "<div class='media'>";
echo "<div class='media-content'>";
echo "<p class='title is-4'>";
echo anchor("albums/view/{$album->id}", "{$album->name}");
echo "</p>";
echo "<p class='subtitle is-6'>{$album->year} - {$album->artistName}</p>";
echo "</div>";
echo "</div>";
echo "</div>";
echo "</article>";
echo "</div>";
}
?>
</section>
<?php foreach($albums as $album): ?>
<div class="column is-one-quarter">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="data:image/jpeg;base64,<?= base64_encode($album->jpeg) ?>" alt="<?= $album->name ?>">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4
<?= anchor("albums/view/{$album->id}", $album->name) ?></p>
<p class="subtitle is-6"><?= "{$album->year} - {$album->artistName}" ?></p>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; ?>