présentation: finit et simplifie la présentation

- Place le logo dans un footer.
- Termine la présentation, la section signets.
- Simplifie des formulations.
- Intègre quelques *fragments*.

Co-Authored-by: iGor milhit <igor@milhit.ch>

dist/theme/unige.css

@@ -77,17 +77,19 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 }
 
 /*********************************************
- * Logo
+ * Logo (in a footer)
  *********************************************/
 
-.logo {
+.footer {
   position: absolute;
-  bottom: .5em;
+  bottom: 0;
-  left: .5em;
-  max-width: 150px;
-  height: 10vh;
 }
 
+.logo {
+  max-width: 150px;
+  height: 5vh;
+  padding-left: .5em;
+}
 
 /*********************************************
  * HEADERS
@@ -316,6 +318,10 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
   margin: var(--r-block-margin) 0;
 }
 
+.text-left {
+  text-align: left;
+}
+
 /*********************************************
  * LINKS
  *********************************************/

index.html

@@ -17,9 +17,9 @@
 		<div class="reveal">
 
 			<!-- logo de l'université -->
-			<div class="logo">
+			<footer class="footer">
-				<img src="logo-unige-rose.svg" />
+				<img class="logo" src="img/logo-unige-rose.svg" />
-			</div>
+			</footer>
 
 			<div class="slides">
 
@@ -28,7 +28,6 @@
 					<!-- 1 Titre -->
 					<section>
 						<h1>Copier-coller et signets de recherche</h1>
-						<p>Courte présentation en séance d'équipe</p>
 						<p><small>2022-09-01 &mdash; Séance d'équipe</small></p>
 					</section>
 					<!-- 2 Contexte -->
@@ -36,7 +35,7 @@
 						<h2>Contexte</h2>
 						<ul>
 							<li>Partage de techniques</li>
-							<li>Rapide</li>
+							<li>Court et léger</li>
 						</ul>
 					</section>
 					<!-- 3 Plan -->
@@ -55,15 +54,20 @@
 					<section>
 						<h2>Historique de presse-papiers</h2>
 						<ul>
-							<li>Fonction existante depuis pas mal de temps</li>
+							<li>
-							<li>Sur la plupart des systèmes d'exploitation
+								Fonction existante depuis quelques années
-								<ul>
-									<li>Windows</li>
-									<li>Mac OS</li>
-									<li>Linux</li>
-								</ul>
 							</li>
-							<li>Peut faire gagner du temps et apporter du confort</li>
+							<li>
+								Sur la plupart des systèmes d'exploitation
+							</li>
+							<ul>
+								<li>Windows</li>
+								<li>Mac OS</li>
+								<li>Linux</li>
+							</ul>
+							</li>
+							<li class="fragment" data-fragment-index="0">Permet de gagner du temps</li>
+							<li class="fragment" data-fragment-index="0">Peut améliorer confort</li>
 						</ul>
 					</section>
 					<!-- 5 Activer dans Windows -->
@@ -77,44 +81,52 @@
 					</section>
 					<!-- 6 Fonctionnement -->
 					<section>
-						<h2>Copier et sélectionner quoi coller</h2>
+						<h2>Copier et sélectionner</h2>
 						<ul>
-							<li><code>&lsaquo;ctrl&rsaquo;+c</code></li>
+							<li><code>ctrl+c</code></li>
-							<li><code>&lsaquo;windows&rsaquo;+u</code> et sélectionner avec la
+							<li><code>&lsaquo;windows&rsaquo;+u</code>
-								souris ou les flèches</li>
+								et sélectionner avec la souris ou les flèches
-							<li>Menu <code>…</code> pour : épingler, effacer, tout effacer</li>
+							</li>
+							<li>
+								Menu <code>…</code> pour : épingler, effacer, tout effacer
+							</li>
 						</ul>
 					</section>
 					<!-- 7 CopyQ -->
 					<section>
 						<h2>Application dédiée</h2>
 						<ul>
-							<li>Limites de la fonction native :
+							<li>La fonction native suffisante</li>
-								<ul>
+							<li class="fragment" data-fragment-index="0">Mais a des limites :</li>
-									<li>Taille de l'historique</li>
+							<ul class="fragment" data-fragment-index="0">
-									<li>Édition, étiquettes, notes, recherche</li>
+								<li>
-								</ul>
+									Taille de l'historique
+								</li>
+								<li>
+									Édition, étiquettes, notes, recherche, images…
+								</li>
+							</ul>
 							</li>
 					</section>
 					<!-- 8 CopyQ -->
 					<section>
 						<h2>Application dédiée : CopyQ</h2>
-						<p style="text-align:left;"><em>CopyQ</em> n'est qu'un des
+						<p class="text-left"><em>CopyQ</em> n'est qu'un des
 							utilitaires <em>libre</em> pour Windows (et Linux et Mac OS), je
 							ne sais pas si c'est le meilleur.</p>
-						<ul>
+						<ul class="fragment">
 							<li>Site officiel :
 								<a href="https://hluk.github.io/CopyQ/"
 									 title="site officiel de CopyQ"
-									 hreflang="en"
+                   hreflang="en"
-									 lang="en">hluk.github.io/CopyQ</a>
+                   lang="en">hluk.github.io/CopyQ</a>
 							</li>
 							<li>Installer :
 								<ol>
 									<li><a href="https://github.com/hluk/CopyQ/releases/latest"
-												 title="Accès à la dernière version publiée sur Github"
+								         title="Accès à la dernière version publiée sur Github"
-												 hreflang="en"
+				                 hreflang="en"
-												 lang="en">github.com/hluk/CopyQ/releases/latest</a>
+                         lang="en">github.com/hluk/CopyQ/releases/latest</a>
 									</li>
 									<li>Télécharger le <code>copyq-x.x.x-setup.exe</code></li>
 								</ol>
@@ -141,8 +153,11 @@
 						<h2>Accélérer les recherches</h2>
 						<ul>
 							<li>Grâce à la barre d'adresse</li>
-							<li><code>ctrl+l</code> ou <code>alt+d</code></li>
 							<li>Avec des mots-clés</li>
+							<li>Raccourci pour la barre d'adresse ?</li>
+							<li class="fragment">
+								<code>ctrl+l</code> ou <code>alt+d</code>
+							</li>
 						</ul>
 					</section>
 					<!-- 11 Les moteurs de recherche -->
@@ -156,21 +171,61 @@
 					</section>	
 					<!-- 12 Ajouter un mot-clé pour une recherche -->
 					<section>
-						<h2>Ajouter une recherche avec mot-clé</h2>
+						<h2>Recherche avec mot-clé</h2>
-
+						<p>À l'aide de l'interface :</p>
+						<ul>
+							<li>Clic droit dans un champ de recherche</li>
+							<li><em>Ajouter un mot clé pour cette recherche…</em></li>
+						</ul>
 					</section>	
-					<!-- 3.3 Ajouter un mot-clé pour une recherche manuellement -->
+					<!-- 13 Ajouter un mot-clé pour une recherche manuellement -->
 					<section>
+						<h2>Recherche avec mot-clé</h2>
+						<p>Manuellement :</p>
+						<ul>
+							<li>Si le résultat n'est pas satisfaisant</li>
+							<li>Si la fonctionnalité n'est pas disponible</li>
+						</ul>
 					</section>	
+					<!-- 14 Ajouter un mot-clé pour une recherche manuellement -->
+					<section>
+						<h2>Recherche avec mot-clé, manuellement</h2>
+						<ol>
+							<li>Lancer une recherche et copier l'URL</li>
+							<li>Créer un bookmark avec cette URL</li>
+							<li>Observer l'URL de la requête</li>
+							<li>Changer le contenu de la requête par <code>%s</code></li>
+							<li>Attribuer un mot-clé</li>
+						</ol>
+					</section>
+					<!-- 15 Avantages des signets sur les moteurs -->
+					<section>
+						<h2>Avantages des signets pour la recherche</h2>
+						<ul>
+							<li>Les signets sont synchronisés avec Firefox Sync (et pas les
+								moteurs de recherche).</li>
+							<li>Peuvent être utilisés même si le champ de recherche n'est pas
+								bien reconnu par Firefox</li>
+							<li>Peuvent être paramétrés finement (filtres, recherche
+								avancée…)</li>
+						</ul>
+					</section>
 				</section>
 
-			</div>
+				<!-- section 4 : merci -->
-		</div>
+				<section>
+					<h2 class="r-fit-text">MERCI</h2>
+					<p>Pour votre attention</>
+				</section>
+
+		  </div>
+	  </div>
 
 		<script src="dist/reveal.js"></script>
 		<script src="plugin/notes/notes.js"></script>
 		<script src="plugin/markdown/markdown.js"></script>
 		<script src="plugin/highlight/highlight.js"></script>
+		<script src="plugin/zoom/zoom.js"></script>
 		<script>
 			// More info about initialization & config:
 			// - https://revealjs.com/initialization/
@@ -180,7 +235,7 @@
 				slideNumber: 'c/t',
 
 				// Learn about plugins: https://revealjs.com/plugins/
-				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
+				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes, RevealZoom, ]
 			});
 		</script>
 	</body>