-add style
This commit is contained in:
33
css/sls.css
33
css/sls.css
@@ -5,6 +5,14 @@ p {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:link, a:visited {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #373737;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
The grid itself needs only 4 CSS declarations:
|
The grid itself needs only 4 CSS declarations:
|
||||||
*/
|
*/
|
||||||
@@ -66,11 +74,12 @@ p {
|
|||||||
background: rgba(75, 75, 75, 0.50);
|
background: rgba(75, 75, 75, 0.50);
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #fff;
|
color: #bbb;
|
||||||
width: calc(100% - 32px);
|
width: calc(100% - 32px);
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
padding: 2px 8px;
|
padding: 4px 8px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -136,3 +145,23 @@ body {
|
|||||||
font-size: 1rem;
|
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>
|
<body>
|
||||||
|
|
||||||
<h1>Photo du mois</h1>
|
<h1 class="_h1"><?php echo gettext("Photo du mois"); ?></h1>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
//nb d'archive par page
|
|
||||||
//$nb = 13;
|
|
||||||
|
|
||||||
if (!isset($_GET['page'])) $page = 1;
|
if (!isset($_GET['page'])) $page = 1;
|
||||||
// sinon on recupere la valeur numerique reçue en paramètre
|
// sinon on recupere la valeur numerique reçue en paramètre
|
||||||
else $page = intval($_GET['page']);
|
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
|
<?php
|
||||||
@@ -122,7 +108,6 @@ try {
|
|||||||
$stmt->execute(array($limit, $offset));
|
$stmt->execute(array($limit, $offset));
|
||||||
|
|
||||||
$result = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
$result = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
//_pr($result);
|
|
||||||
$rowcount = count($result);
|
$rowcount = count($result);
|
||||||
|
|
||||||
$conn4 = null;
|
$conn4 = null;
|
||||||
@@ -139,7 +124,7 @@ try {
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<p><?php echo month($z); ?></p>
|
<p class="month"><?php echo month($z); ?></p>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
@@ -189,10 +174,18 @@ try {
|
|||||||
//$keywords = str_replace(',', ' - ', $keywords);
|
//$keywords = str_replace(',', ' - ', $keywords);
|
||||||
$keywords = "\u{1F3F7} " . str_replace(',', " \u{30FB} ", $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);
|
$thumb = str_replace("photos/img", "photos/thumb", $file);
|
||||||
echo '<div class="item">';
|
echo '<div class="item">';
|
||||||
echo '<a href ="' . $file . '" data-pswp-width="' . $width . '"' . '" data-pswp-height="'. $height . '" target="_blank">';
|
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 "</a>";
|
||||||
echo '<span class="caption">' . month($date) . '</span>';
|
echo '<span class="caption">' . month($date) . '</span>';
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
@@ -260,7 +253,7 @@ echo '</div>';
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<p><em><small>@ 2023</small></em></p>
|
<p><em><small>@ 2022</small></em></p>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user