-add style

This commit is contained in:
2022-03-16 13:14:12 +00:00
parent 43a2bfba83
commit 0a3eb3d379
2 changed files with 43 additions and 21 deletions

View File

@@ -5,6 +5,14 @@ p {
text-align: center;
}
a:link, a:visited {
color: #858585;
}
a:hover {
color: #373737;
}
/*
The grid itself needs only 4 CSS declarations:
*/
@@ -66,11 +74,12 @@ p {
background: rgba(75, 75, 75, 0.50);
font-family: sans-serif;
font-size: 16px;
color: #fff;
color: #bbb;
width: calc(100% - 32px);
max-width: 400px;
padding: 2px 8px;
padding: 4px 8px;
border-radius: 4px;
text-align: center;
position: absolute;
left: 50%;
@@ -136,3 +145,23 @@ body {
font-size: 1rem;
}
._h1 {
font-family: sans-serif;
font-weight: 400;
}
.month {
font-family: sans-serif;
font-weight: 400;
font-size: 1rem;
}
.titrePhoto, .legendePhoto {
font-family: sans-serif;
font-weight: 400;
font-size: 1em;
}
.titrePhoto {
font-size: 1.3em;
}
.exif {
color: #999;
}

View File

@@ -86,27 +86,13 @@ lightbox.init();
<body>
<h1>Photo du mois</h1>
<h1 class="_h1"><?php echo gettext("Photo du mois"); ?></h1>
<?php
//nb d'archive par page
//$nb = 13;
if (!isset($_GET['page'])) $page = 1;
// sinon on recupere la valeur numerique reçue en paramètre
else $page = intval($_GET['page']);
/*
// on determine debut du limit
$debut = (($page - 1) * $nb) +1; // page 1: 2, page 2: 14, page 3: 26
$fin = ($debut + $nb) - 1;
echo "debut: " . $debut . "<br>";
echo "fin: " . $fin . "<br>";
echo "page: " . $page . "<br>";
*/
?>
<?php
@@ -122,7 +108,6 @@ try {
$stmt->execute(array($limit, $offset));
$result = $stmt->fetchAll(PDO::FETCH_ASSOC);
//_pr($result);
$rowcount = count($result);
$conn4 = null;
@@ -139,7 +124,7 @@ try {
?>
<p><?php echo month($z); ?></p>
<p class="month"><?php echo month($z); ?></p>
<?php
@@ -188,11 +173,19 @@ try {
$keywords = $result[$i]['keywords'];
//$keywords = str_replace(',', ' - ', $keywords);
$keywords = "\u{1F3F7} " . str_replace(',', " \u{30FB} ", $keywords);
if (!empty($titre)) $x = $titre;
elseif (!empty($legende)) $x = $legende;
else $x = basename($file);
$exif = $model . " \u{30FB} " . $objectif . " \u{30FB} " . $exposure . " \u{30FB} " . $aperture . " \u{30FB} " . $iso ;
$x = $x . "\r\n" . $exif;
$thumb = str_replace("photos/img", "photos/thumb", $file);
echo '<div class="item">';
echo '<a href ="' . $file . '" data-pswp-width="' . $width . '"' . '" data-pswp-height="'. $height . '" target="_blank">';
echo '<img src="' . $thumb . '" alt="' . basename($file) . '" />';
echo '<img src="' . $thumb . '" alt="' . $x . '" />';
echo "</a>";
echo '<span class="caption">' . month($date) . '</span>';
echo '</div>';
@@ -260,7 +253,7 @@ echo '</div>';
?>
<p><em><small>@ 2023</small></em></p>
<p><em><small>@ 2022</small></em></p>
</body>
</html>