💄 Un peu de polish suite aux premiers tests

This commit is contained in:
SpaceFox 2020-02-03 00:02:01 +01:00
parent ebc4a4690f
commit 8f9c93965a
5 changed files with 24 additions and 20 deletions

View file

@ -4,4 +4,6 @@ date: "2020-02-02:02:02:02"
layout: plain layout: plain
--- ---
En fait, c'est des photos de vacances. Mais si vous leur trouvez une autre utilité, faites-vous plaisir, [vous avez le En fait, c'est des photos de vacances. Mais si vous leur trouvez une autre utilité, faites-vous plaisir, [vous avez le
droit de les réutiliser](/pages/licences). droit de les réutiliser](/pages/licences).
Aucune de ces photos n'est retouchée au-delà du simple développement RAW.

View file

@ -7,12 +7,12 @@
<img src="/images/2k/{{ .Params.img }}.jpg" class="card-img-top" alt="{{ .Title }}"> <img src="/images/2k/{{ .Params.img }}.jpg" class="card-img-top" alt="{{ .Title }}">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-lg-6 col-sm-12">
<h5 class="card-title">{{ .Title }}</h5> <h5 class="card-title">{{ .Title }}</h5>
<p class="card-text">{{ .Content }}</p> <p class="card-text">{{ .Content }}</p>
{{ partial "dldropdown.html" . }} {{ partial "dldropdown.html" . }}
</div> </div>
<div class="col-3"> <div class="col-lg-3 col-sm-6">
<h5 class="card-title">Classements</h5> <h5 class="card-title">Classements</h5>
{{ with .Params.lieux }} {{ with .Params.lieux }}
<h6>Lieu : {{ range . }}{{ with ($.Site.GetPage (printf "/lieux/%s" .)) }}<a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }}{{ end }}</h6> <h6>Lieu : {{ range . }}{{ with ($.Site.GetPage (printf "/lieux/%s" .)) }}<a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }}{{ end }}</h6>
@ -32,16 +32,16 @@
</ul> </ul>
{{ end }} {{ end }}
</div> </div>
<div class="col-3"> <div class="col-lg-3 col-sm-6">
<h5 class="card-title">Métadonnées (EXIF)</h5> <h5 class="card-title">Métadonnées (EXIF)</h5>
<p class="card-text">Date de prise de vue : {{ .Params.date }}<br> <p class="card-text"><strong>Date de prise de vue :</strong><br>{{ .Params.date.Format "2006-01-02 15:04:15 -0700" }}<br>
Vitesse : {{ .Params.speed }}<br> <strong>Vitesse :</strong> {{ .Params.speed }}<br>
Ouverture : f/{{ .Params.aperture }}<br> <strong>Ouverture :</strong> f/{{ .Params.aperture }}<br>
Longueur focale : {{ .Params.focal }} mm<br> <strong>Longueur focale :</strong> {{ .Params.focal }} mm<br>
Sensibilité : {{ .Params.iso }} ISO<br> <strong>Sensibilité :</strong> {{ .Params.iso }} ISO<br>
Largeur : {{ .Params.widthFull }} pixels<br> <strong>Largeur :</strong> {{ .Params.widthFull }} pixels<br>
Hauteur : {{ .Params.heightFull }} pixels<br> <strong>Hauteur :</strong> {{ .Params.heightFull }} pixels<br>
Poids : {{ .Params.fileSizeFull }}</p> <strong>Poids :</strong> {{ .Params.fileSizeFull }}</p>
</div> </div>
</div> </div>
</div> </div>

View file

@ -9,10 +9,10 @@
</div> </div>
</div> </div>
<div class="row text-secondary"> <div class="row text-secondary">
<div class="col-7"> <div class="col-md-7">
<div class="media"> <div class="media">
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
<img src="/images/cc-by.png"> <img src="/images/cc-by.png" alt="Logo CC BY 4.0">
</a> </a>
<div class="media-body"> <div class="media-body">
<small>Toutes les images et textes du site sont mis à disposition selon les termes de la <small>Toutes les images et textes du site sont mis à disposition selon les termes de la
@ -22,7 +22,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-5"> <div class="col-md-5">
<div class="media"> <div class="media">
<div class="media-body"> <div class="media-body">
<small>Le site est mis à disposition selon les termes de <small>Le site est mis à disposition selon les termes de

View file

@ -6,8 +6,9 @@
<source type="image/webp" srcset="/images/mini/{{ .Params.img }}.webp"> <source type="image/webp" srcset="/images/mini/{{ .Params.img }}.webp">
<source type="image/jpeg" srcset="/images/mini/{{ .Params.img }}.jpg"> <source type="image/jpeg" srcset="/images/mini/{{ .Params.img }}.jpg">
<img src="/images/mini/{{ .Params.img }}.jpg" <img src="/images/mini/{{ .Params.img }}.jpg"
alt="Miniature pour {{ .Title }}"
class="card-img-top" class="card-img-top"
data-target="#carouselExample" data-target="#carousel"
data-slide-to="{{ $page_index }}"> data-slide-to="{{ $page_index }}">
</picture> </picture>
</div> </div>
@ -18,7 +19,7 @@
<div class="modal-dialog modal-full modal-dialog-centered" role="document"> <div class="modal-dialog modal-full modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-body"> <div class="modal-body">
<div id="carouselExample" class="carousel slide carousel-fade lazy" data-ride="carousel" data-interval="false"> <div id="carousel" class="carousel slide carousel-fade lazy" data-ride="carousel" data-interval="false">
<div class="carousel-inner"> <div class="carousel-inner">
{{ range $page_index, $page_val := .Pages.ByDate }} {{ range $page_index, $page_val := .Pages.ByDate }}
<div class="carousel-item {{ if (eq $page_index 0) }}active{{ end }}"> <div class="carousel-item {{ if (eq $page_index 0) }}active{{ end }}">
@ -28,16 +29,16 @@
<img class="d-block" <img class="d-block"
data-index="{{ .Params.img }}" data-index="{{ .Params.img }}"
{{ if (ne $page_index 0) }}data-{{ end }}src="/images/2k/{{ .Params.img }}.jpg" {{ if (ne $page_index 0) }}data-{{ end }}src="/images/2k/{{ .Params.img }}.jpg"
alt="First slide"> alt="{{ .Title }}">
</picture> </picture>
</div> </div>
{{ end }} {{ end }}
</div> </div>
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev"> <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Précédent</span> <span class="sr-only">Précédent</span>
</a> </a>
<a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next"> <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Suivant</span> <span class="sr-only">Suivant</span>
</a> </a>

View file

@ -4,6 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="language" content="fr"> <meta name="language" content="fr">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="{{ if .IsPage }}{{ if .Params.summary }}{{ .Params.summary | markdownify }}{{ else }}{{ if .Truncated }}{{ .Summary }}{{ else }}{{ .Content }}{{ end }}{{ end }}{{ else }}{{ if .IsHome }}{{ else }}{{ .Title }} — {{ end }}Photographies de Corée du Sud, par SpaceFox{{ end }}">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">