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>cmu
							parent
							
								
									b78c0c89ab
								
							
						
					
					
						commit
						31071376d7
					
				|  | @ -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; | ||||
|   left: .5em; | ||||
|   max-width: 150px; | ||||
|   height: 10vh; | ||||
|   bottom: 0; | ||||
| } | ||||
| 
 | ||||
| .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 | ||||
|  *********************************************/ | ||||
|  |  | |||
| Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB | 
| Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB | 
| Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB | 
							
								
								
									
										129
									
								
								index.html
								
								
								
								
							
							
						
						
									
										129
									
								
								index.html
								
								
								
								
							|  | @ -17,9 +17,9 @@ | |||
| 		<div class="reveal"> | ||||
| 
 | ||||
| 			<!-- logo de l'université --> | ||||
| 			<div class="logo"> | ||||
| 				<img src="logo-unige-rose.svg" /> | ||||
| 			</div> | ||||
| 			<footer class="footer"> | ||||
| 				<img class="logo" src="img/logo-unige-rose.svg" /> | ||||
| 			</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 — 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>Sur la plupart des systèmes d'exploitation | ||||
| 								<ul> | ||||
| 									<li>Windows</li> | ||||
| 									<li>Mac OS</li> | ||||
| 									<li>Linux</li> | ||||
| 								</ul> | ||||
| 							<li> | ||||
| 								Fonction existante depuis quelques années | ||||
| 							</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>‹ctrl›+c</code></li> | ||||
| 							<li><code>‹windows›+u</code> et sélectionner avec la | ||||
| 								souris ou les flèches</li> | ||||
| 							<li>Menu <code>…</code> pour : épingler, effacer, tout effacer</li> | ||||
| 							<li><code>ctrl+c</code></li> | ||||
| 							<li><code>‹windows›+u</code> | ||||
| 								et sélectionner avec la souris ou les flèches | ||||
| 							</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 : | ||||
| 								<ul> | ||||
| 									<li>Taille de l'historique</li> | ||||
| 									<li>Édition, étiquettes, notes, recherche</li> | ||||
| 								</ul> | ||||
| 							<li>La fonction native suffisante</li> | ||||
| 							<li class="fragment" data-fragment-index="0">Mais a des limites :</li> | ||||
| 							<ul class="fragment" data-fragment-index="0"> | ||||
| 								<li> | ||||
| 									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" | ||||
| 									 lang="en">hluk.github.io/CopyQ</a> | ||||
|                    hreflang="en" | ||||
|                    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" | ||||
| 												 hreflang="en" | ||||
| 												 lang="en">github.com/hluk/CopyQ/releases/latest</a> | ||||
| 								         title="Accès à la dernière version publiée sur Github" | ||||
| 				                 hreflang="en" | ||||
|                          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> | ||||
| 		</div> | ||||
| 				<!-- section 4 : merci --> | ||||
| 				<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> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue