Meilleure galerie et amélioration des crédits

content/pages/apropos.md

@@ -1,6 +1,6 @@
 ---
 title: "Qu’est-ce que c’est que ce site ?"
-date: "2020-02-02:02:02:02"
+date: "2020-02-02T02:02:02+01:00"
 layout: plain
 ---
 En fait, c'est des photos de vacances. Mais si vous leur trouvez une autre utilité, faites-vous plaisir, [vous avez le

content/pages/licences.md

@@ -1,6 +1,6 @@
 ---
 title: "Licences"
-date: "2020-02-02:02:02:02"
+date: "2020-02-02T02:02:02+01:00"
 layout: plain
 ---
 ## Réutiliser le contenu du site
@@ -22,10 +22,26 @@ L'Offrant ne peut retirer les autorisations concédées par la licence tant que
 - **Pas de restrictions complémentaires** — Vous n'êtes pas autorisé à appliquer des conditions légales ou des mesures
   techniques qui restreindraient légalement autrui à utiliser l'Œuvre dans les conditions décrites par la licence.
   
+### Exemple de crédit pour une réutilisation d’image
+
+![Image d'exemple de réutilisation](/images/mini/D5600_002320.jpg)
+
+« [Tamia pressé](/d5600_002320/) » par [SpaceFox](/pages/spacefox/) / [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/deed.fr)
+
+Le crédit précise les 4 indications nécessaires :
+
+1. Le titre de la photo,
+2. L'auteur _(le lien vers la page de profil est du bonus)_
+3. La source, (le lien derrière le titre)
+4. La licence (avec un lien vers le résumé)
+
+C'est simple et court, pas besoin de faire plus compliqué !
+  
 ### Resources
 
 1. [Le résumé de la licence, sur le site Creative Commons](https://creativecommons.org/licenses/by/4.0/deed.fr)
 2. [Le texte intégral de la licence, sur le site Creative Commons](https://creativecommons.org/licenses/by/4.0/legalcode.fr)
+3. [Comment me créditer correctement](https://wiki.creativecommons.org/wiki/Best_practices_for_attribution) (en anglais)
 
 ## Réutiliser le code source du site
 

content/pages/mentionslegales.md

@@ -1,6 +1,6 @@
 ---
 title: "Mentions légales"
-date: "2020-02-02:02:02:02"
+date: "2020-02-02T02:02:02+01:00"
 layout: plain
 ---
 ## Hébergement

content/pages/spacefox.md

@@ -0,0 +1,18 @@
+---
+title: "L’auteur : SpaceFox"
+date: "2016-05-15T19:56:00+02:00"
+lastmod: "2020-02-02T02:02:02+01:00"
+layout: plain
+---
+
+Renard et spationaute, SpaceFox comble les longs voyages entre deux missions d’exploration avec la lecture, l’écriture
+et les poulets rôtis. Il a fait ajouter une bibliothèque à son vaisseau, qu’il s’est empressé de remplir de
+science-fiction et de fantastique – le tout souvent humoristique. Quand son temps libre ne lui laisse pas le temps
+d’écrire, il lit moult romans, bandes dessinées et mangas, qu’il critique parfois.
+
+{{< figure src="https://avatar.spacefox.fr/avatar_renard.php" title="Si vous croisez cet avatar aléatoire, c'est probablement moi." >}}
+
+# Me contacter
+
+- via [Twitter](https://twitter.com/Renard_spatial) ;
+- via [Facebook](https://www.facebook.com/francois.spacefox).

themes/photos/layouts/partials/dldropdown.html

@@ -1,6 +1,6 @@
 <div class="btn-group" role="group">
     <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        Télécharger
+        <i class="fas fa-download"></i>
     </button>
     <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
         {{ if (.Params.fileSize2k) }}<a class="dropdown-item" href="/images/2k/{{ .Params.img }}.jpg">Full HD <em>({{ .Params.width2k }} x {{ .Params.height2k }}, {{ .Params.fileSize2k }})</em></a>{{ end }}

themes/photos/layouts/partials/footer.html

@@ -15,9 +15,9 @@
                         <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
+                        <small>Toutes les images et textes du site sont mis à disposition par SpaceFox selon les termes
-                            <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Licence Creative Commons
+                            de la <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Licence Creative
-                                Attribution 4.0 International</a>.
+                                Commons Attribution 4.0 International</a>.
                         </small>
                     </div>
                 </div>
@@ -25,9 +25,9 @@
             <div class="col-md-5">
                 <div class="media">
                     <div class="media-body">
-                        <small>Le site est mis à disposition selon les termes de
+                        <small>Le site est mis à disposition par SpaceFox selon les termes de
-                            <a href="https://opensource.org/licenses/MIT">la licence MIT</a>. Le code source est disponible
+                            <a href="https://opensource.org/licenses/MIT">la licence MIT</a>. Le code source est
-                            <a href="https://github.com/SpaceFox/coree.spacefox.fr">sur Github</a>.
+                            disponible <a href="https://github.com/SpaceFox/coree.spacefox.fr">sur Github</a>.
                         </a>
                         </small>
                     </div>
@@ -49,8 +49,8 @@
                 lazy.attr("src", lazy.data('src'));
                 lazy.removeAttr("data-src");
                 var index = $(ev.relatedTarget).find("img[data-index]").data('index');
-                $(".modal-footer").hide();
+                $(".modal-header").hide();
-                $("#modal-footer-id-" + index).show();
+                $("#modal-header-id-" + index).show();
             });
         });
     </script>

themes/photos/layouts/partials/gallery.html

@@ -18,6 +18,19 @@
 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
     <div class="modal-dialog modal-full modal-dialog-centered" role="document">
         <div class="modal-content">
+            {{ range $page_index, $page_val := .Pages.ByDate }}
+            <div class="modal-header" id="modal-header-id-{{ .Params.img }}" {{ if (ne $page_index 0) }}style="display: none"{{ end }}>
+                <h5 class="modal-title">{{ if (.Params.title) }}{{ .Params.title }}{{ else }}<em>(Sans titre)</em>{{ end }}</h5>
+                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+                    <a class="btn btn-secondary" href="#carousel" role="button" data-slide="prev"><i class="fas fa-backward"></i></a>
+                    <a role="button" class="btn btn-secondary" href="{{ .Page.Permalink }}"><i class="fas fa-info-circle"></i></a>
+                    {{ partial "dldropdown.html" . }}
+                    <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fas fa-times-circle"></i></button>
+                    <a class="btn btn-secondary" href="#carousel" role="button" data-slide="next"><i class="fas fa-forward"></i></a>
+                </div>
+
+            </div>
+            {{ end }}
             <div class="modal-body">
                 <div id="carousel" class="carousel slide carousel-fade lazy" data-ride="carousel" data-interval="false">
                     <div class="carousel-inner">
@@ -44,17 +57,6 @@
                     </a>
                 </div>
             </div>
-            {{ range $page_index, $page_val := .Pages.ByDate }}
-            <div class="modal-footer" id="modal-footer-id-{{ .Params.img }}" {{ if (ne $page_index 0) }}style="display: none"{{ end }}>
-                <h5>{{ if (.Params.title) }}{{ .Params.title }}{{ else }}<em>(Sans titre)</em>{{ end }}</h5>
-                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
-                    <a role="button" class="btn btn-secondary" href="{{ .Page.Permalink }}">Détails</a>
-                    {{ partial "dldropdown.html" . }}
-                    <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
-                </div>
-
-            </div>
-            {{ end }}
         </div>
     </div>
 </div>

themes/photos/layouts/partials/header.html

@@ -34,6 +34,8 @@
     <link href="/css/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap&subset=korean" rel="stylesheet">
     <link rel="stylesheet" href="/css/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
+    <link rel="stylesheet" href="/fontawesome-5.12.1/css/fontawesome.css">
+    <link rel="stylesheet" href="/fontawesome-5.12.1/css/solid.css">
     <link rel="stylesheet" href="/css/main.css">
     <title>{{ .Title }} – Un Renard en Corée</title>
 </head>
@@ -106,6 +108,7 @@
                             À propos
                         </a>
                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAPropos">
+                            <a class="dropdown-item" href="/pages/spacefox">L’auteur : SpaceFox</a>
                             <a class="dropdown-item" href="/pages/apropos">Qu'est-ce que ce site ?</a>
                             <a class="dropdown-item" href="/pages/licences">Licences</a>
                             <a class="dropdown-item" href="/pages/mentionslegales">Mentions légales</a>