💄 Un peu de polish suite aux premiers tests
This commit is contained in:
parent
ebc4a4690f
commit
8f9c93965a
5 changed files with 24 additions and 20 deletions
|
@ -5,3 +5,5 @@ layout: plain
|
|||
---
|
||||
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).
|
||||
|
||||
Aucune de ces photos n'est retouchée au-delà du simple développement RAW.
|
|
@ -7,12 +7,12 @@
|
|||
<img src="/images/2k/{{ .Params.img }}.jpg" class="card-img-top" alt="{{ .Title }}">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="col-lg-6 col-sm-12">
|
||||
<h5 class="card-title">{{ .Title }}</h5>
|
||||
<p class="card-text">{{ .Content }}</p>
|
||||
{{ partial "dldropdown.html" . }}
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h5 class="card-title">Classements</h5>
|
||||
{{ with .Params.lieux }}
|
||||
<h6>Lieu : {{ range . }}{{ with ($.Site.GetPage (printf "/lieux/%s" .)) }}<a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }}{{ end }}</h6>
|
||||
|
@ -32,16 +32,16 @@
|
|||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h5 class="card-title">Métadonnées (EXIF)</h5>
|
||||
<p class="card-text">Date de prise de vue : {{ .Params.date }}<br>
|
||||
Vitesse : {{ .Params.speed }}<br>
|
||||
Ouverture : f/{{ .Params.aperture }}<br>
|
||||
Longueur focale : {{ .Params.focal }} mm<br>
|
||||
Sensibilité : {{ .Params.iso }} ISO<br>
|
||||
Largeur : {{ .Params.widthFull }} pixels<br>
|
||||
Hauteur : {{ .Params.heightFull }} pixels<br>
|
||||
Poids : {{ .Params.fileSizeFull }}</p>
|
||||
<p class="card-text"><strong>Date de prise de vue :</strong><br>{{ .Params.date.Format "2006-01-02 15:04:15 -0700" }}<br>
|
||||
<strong>Vitesse :</strong> {{ .Params.speed }}<br>
|
||||
<strong>Ouverture :</strong> f/{{ .Params.aperture }}<br>
|
||||
<strong>Longueur focale :</strong> {{ .Params.focal }} mm<br>
|
||||
<strong>Sensibilité :</strong> {{ .Params.iso }} ISO<br>
|
||||
<strong>Largeur :</strong> {{ .Params.widthFull }} pixels<br>
|
||||
<strong>Hauteur :</strong> {{ .Params.heightFull }} pixels<br>
|
||||
<strong>Poids :</strong> {{ .Params.fileSizeFull }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -9,10 +9,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row text-secondary">
|
||||
<div class="col-7">
|
||||
<div class="col-md-7">
|
||||
<div class="media">
|
||||
<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>
|
||||
<div class="media-body">
|
||||
<small>Toutes les images et textes du site sont mis à disposition selon les termes de la
|
||||
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<div class="col-md-5">
|
||||
<div class="media">
|
||||
<div class="media-body">
|
||||
<small>Le site est mis à disposition selon les termes de
|
||||
|
|
|
@ -6,8 +6,9 @@
|
|||
<source type="image/webp" srcset="/images/mini/{{ .Params.img }}.webp">
|
||||
<source type="image/jpeg" srcset="/images/mini/{{ .Params.img }}.jpg">
|
||||
<img src="/images/mini/{{ .Params.img }}.jpg"
|
||||
alt="Miniature pour {{ .Title }}"
|
||||
class="card-img-top"
|
||||
data-target="#carouselExample"
|
||||
data-target="#carousel"
|
||||
data-slide-to="{{ $page_index }}">
|
||||
</picture>
|
||||
</div>
|
||||
|
@ -18,7 +19,7 @@
|
|||
<div class="modal-dialog modal-full modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<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">
|
||||
{{ range $page_index, $page_val := .Pages.ByDate }}
|
||||
<div class="carousel-item {{ if (eq $page_index 0) }}active{{ end }}">
|
||||
|
@ -28,16 +29,16 @@
|
|||
<img class="d-block"
|
||||
data-index="{{ .Params.img }}"
|
||||
{{ if (ne $page_index 0) }}data-{{ end }}src="/images/2k/{{ .Params.img }}.jpg"
|
||||
alt="First slide">
|
||||
alt="{{ .Title }}">
|
||||
</picture>
|
||||
</div>
|
||||
{{ end }}
|
||||
</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="sr-only">Précédent</span>
|
||||
</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="sr-only">Suivant</span>
|
||||
</a>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="language" content="fr">
|
||||
<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="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
|
|
Loading…
Add table
Reference in a new issue