doc: ce n'est pas convaincant!

[svganimation.git] / doc / page.html

diff --git a/doc/page.html b/doc/page.html
index 5f7f743..983be8e 100644 (file)
--- a/doc/page.html
+++ b/doc/page.html
@@ -234,16 +234,26 @@ Charger l'animation
 <p>Le fichier <code>SVGPlayerOne.js</code> est fourni à la racine du projet SVGAnimation.</p>
 <h2 id="exemples-dutilisation">Exemples d'utilisation</h2>
 <div class="row">
-<pre><code>&lt;div class=&quot;col-md-4&quot;&gt;
-    &lt;a href=&quot;//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/&quot;
-        alt=&quot;lien vers l&#39;exemple&quot;&gt;&lt;img src=&quot;img/mvtretrograde.png&quot;
-            alt=&quot;Image de l&#39;exemble&quot; style=&quot;width: 100%;&quot;/&gt;&lt;/a&gt;</code></pre>
+<div class="col-xs-12 col-md-6">
+<p><a href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/"
+alt="lien vers l'exemple"><img class="img-response" src="img/mvtretrograde.png"
+alt="Image de l'exemple" style="width: 100%;"/></a></p>
 </div>
-<pre><code>&lt;div class=&quot;col-md-8&quot;&gt;
-    Animation  avec le *player* `SVGPlayerButtons` et une factorisation
-        avec MetaPost du matériel qui se répète sur chaque image. Le fond
-            est mis en *background* de la balise englobante, permettant ainsi
-                d&#39;alléger l&#39;animation.</code></pre>
+<div class="col-md-6">
+<p>Animation avec le <em>player</em> <code>SVGPlayerButtons</code> et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en <em>background</em> de la balise englobante, permettant ainsi d'alléger l'animation.</p>
+</div>
+</div>
+<div class="row">
+<div class="col-xs-12 col-md-6">
+<p><a href="//melusine.eu.org/syracuse/G/svganimation-exemples/delaunay/"
+alt="lien vers l'exemple"><img class="img-responsive" src="img/delaunay.png"
+alt="Image de l'exemple" style="width: 100%;"/></a></p>
+</div>
+<div class="col-md-6">
+<p>Fabrication de l'animation à partir d'un fichier PDF transformé en fichiers SVG grâce au programme <code>pdf2svg</code>.</p>
+<p>Animation avec le <em>player</em> <code>SVGPlayerButtons</code>. L'animation est une animation de construction d'un maillage, le contrôle se fait donc image par image.</p>
+<p>Le player est donc paramétré pour n'afficher que les boutons de <em>début</em> et <em>fin</em> d'animation, ainsi que l'avance et le recule <em>image par image</em>.</p>
+<p>L'affichage des boutons est personnalisé grâce à du code CSS.</p>
 </div>
 </div>
 </div>