LeLA/handreading.html
2017-09-05 14:48:58 +02:00

44 lines
3.2 KiB
HTML

<div id="handreading">
<div id="closehandreading" class="fa fa-times"></div>
<div id="handreadingtitle">
<span>Lecture au clavier</span><br/>
<span>ou</span><br/>
<span>"Lecture" à une main</span><br/>
<span>(l'autre étant entre tes jambes)</span>
</div>
<div class="handreadingtext">
Dans cette LEL, on a pensé à vous et on a essayé d'optimiser au maximum le "one-handed-read" pour vous permettre de vous palucher tout en parcourant nos releases.
</div>
<div class="handreadingtext">
Deux configurations sont disponibles en fonction de la vue sur laquelle vous êtes. Nous les avons adapté autant pour les personnes gauchères que pour les droitières, et autant pour les clavier AZERTY que QWERTY.
</div>
<div id="twinbox">
<div class="twin">
<div class="title">En vue vignette</div>
<div class="touche"><img src="img/haut.png"><span class="slash">/</span><img src="img/z.png"><span class="slash">/</span><img src="img/w.png"><span class="desckey">Déplacement vers le haut dans la grille d'image</span></div>
<div class="touche"><img src="img/droit.png"><span class="slash">/</span><img src="img/d.png"><span class="desckey">Déplacement vers la droite dans la grille d'image</span></div>
<div class="touche"><img src="img/bas.png"><span class="slash">/</span><img src="img/s.png"><span class="desckey">Déplacement vers le bas dans la grille d'image</span></div>
<div class="touche"><img src="img/gauche.png"><span class="slash">/</span><img src="img/q.png"><span class="slash">/</span><img src="img/a.png"><span class="desckey">Déplacement vers le bas dans la grille d'image</span></div>
<div class="touche"><img src="img/entree.png"><span class="desckey">Vue one-page de l'image sélectionnée</span></div>
<div class="touche"><img src="img/espace.png"><span class="desckey">Page de miniatures suivante</span></div>
<div class="touche"><img src="img/maj.png"><span>+</span><img src="img/espace.png"><span class="desckey">Page de miniatures précédente</span></div>
<div class="touche"><img src="img/echap.png"><span>+</span><img src="img/echap.png"><span class="desckey">MODE URGENCE !!!!!</span></div>
</div>
<div class="twin">
<div class="title">En vue one-page</div>
<div class="touche"><img src="img/espace.png"><span class="desckey">Entrer en mode zoom</span></div>
<div class="touche"><img src="img/haut.png"><span class="slash">/</span><img src="img/z.png"><span class="slash">/</span><img src="img/w.png"><span class="desckey">En mode zoom, monter dans l'image</span></div>
<div class="touche"><img src="img/bas.png"><span class="slash">/</span><img src="img/s.png"><span class="desckey">En mode zoom, descendre dans l'image</span></div>
<div class="touche"><img src="img/droit.png"><span class="slash">/</span><img src="img/d.png"><span class="desckey">Image suivante</span></div>
<div class="touche"><img src="img/gauche.png"><span class="slash">/</span><img src="img/q.png"><span class="slash">/</span><img src="img/a.png"><span class="desckey">Image précédente</span></div>
<div class="touche"><img src="img/echap.png"><span>+</span><img src="img/echap.png"><span class="desckey">MODE URGENCE !!!!!</span></div>
</div>
</div>
</div>