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
iGor milhit 2022-08-26 14:35:23 +02:00
parent b78c0c89ab
commit 31071376d7
Signed by: igor
GPG Key ID: 692D97C3D0228A99
5 changed files with 104 additions and 43 deletions

18
dist/theme/unige.css vendored
View File

@ -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
*********************************************/

View File

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

View File

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

View File

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -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 &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>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>&lsaquo;ctrl&rsaquo;+c</code></li>
<li><code>&lsaquo;windows&rsaquo;+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>&lsaquo;windows&rsaquo;+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>