-add style
This commit is contained in:
33
css/sls.css
33
css/sls.css
@@ -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;
|
||||
}
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user