Attention ! Gitlab fournissant maintenant nativement des certificats Let’s Encrypt aux domaines personnalisés des Gitlab Pages, nous avons coupé notre service qui le faisait automatiquement pour vous.

Il est impératif, pour que votre domaine personnalisé continue à avoir un certificat Let’s Encrypt à jour, d’activer la fonctionnalité native dans les paramètres de votre projet. Cette activation remplacera votre certificat actuel par un nouveau certificat Let’s Encrypt géré par Gitlab.

Voir les détails sur https://docs.framasoft.org/fr/gitlab/gitlab-pages-le.html

Commit 8826a138 authored by Julien Fastré's avatar Julien Fastré

ajout légendes aux phtoos + légers fix

- enlever les balises <h5> pour ne garder que p
- ajout d'une règle less pour centrer les images
- les instructions du fichier chill_gallery.less sont dans une basile
  div.gallery_wrapper pour plus de facilité à comprendre où le code agit
- nouvelle capture d'écran pour rechercher.png
- les images pointent vers le répertoire img (le répertoire src n'est
  pas envoyé sur l'hébergement)
- changement de l'ordre des images (sémantique)
- indentation
parent 5296289f
src/img/Screenshots/rechercher.png

287 KB | W: | H:

src/img/Screenshots/rechercher.png

367 KB | W: | H:

src/img/Screenshots/rechercher.png
src/img/Screenshots/rechercher.png
src/img/Screenshots/rechercher.png
src/img/Screenshots/rechercher.png
  • 2-up
  • Swipe
  • Onion skin
img[tabindex="0"] {
cursor: zoom-in;
div.wrapper_gallery {
.row {
margin-bottom: 1.5em;
}
&:focus {
img[tabindex="0"] {
cursor: zoom-in;
}
&:focus {
&:focus ~ * {}
}
img[tabindex="0"]:focus {
position: fixed;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
max-width: 99%;
max-height: 99%;
margin: auto;
box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
pointer-events: none;
cursor: zoom-out;
}
&:focus ~ * {}
}
img[tabindex="0"]:focus {
position: fixed;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
max-width: 99%;
max-height: 99%;
margin: auto;
box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
pointer-events: none;
cursor: zoom-out;
}
p {
text-align: center;
}
}
......@@ -267,28 +267,35 @@
<div class="wrapper wrapper_gallery">
<div class="container">
<h2 class="centered">Capture d'écran</h2> <br>
<h2 class="centered">Captures d'écran</h2> <br>
<div class="row">
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/activity_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/general_langue.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/person_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/rechercher.png" alt="Recherche de personnes aisée" width="200" tabindex="0"/></p>
<p>Recherche de personnes aisée</p>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/recherche_pers.png" alt="Résultats de recherche clairs" width="200" tabindex="0"/></p>
<p>Résultats de recherche clairs</p>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/person_new.png" alt="Ajout d'une personne simple" width="200" tabindex="0"/></p>
<p>Ajout d'une personne simple</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/rapport_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/rechercher.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/recherche_pers.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/general_langue.png" alt="Fiche d'une personne" width="200" tabindex="0"/></p>
<p>Fiche d'une personne</p>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/activity_new.png" alt="Enregistrement d'une activité" width="200" tabindex="0"/></p>
<p>Enregistrement d'une activité</p>
</div>
<div class="col-md-4">
<p><img src="img/Screenshots/rapport_new.png" alt="Création d'un rapport" width="200" tabindex="0"/></p>
<p>Création d'un rapport</p>
</div>
</div>
<!--
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment