Revue pages HTML des exemples.

2 years ago · 95fa8eeb19
parent 2b30484173
commit 95fa8eeb19
3 changed files with 12 additions and 2 deletions
--- a/public/CSS/vcarousel.css
+++ b/public/CSS/vcarousel.css
@ -18,4 +18,14 @@ padding-top:2em;
 #videos video
 {
 width:600px;
+}
+nav ul
+{
+margin-left:0;
+padding-left:0;
+}
+nav li
+{
+list-style:none;
+margin-bottom:0.5em;
 }
--- a/public/flickity.html
+++ b/public/flickity.html
@ -13,7 +13,7 @@
 <body>
    <div id="videos">
        <h1 id="title">vCarousel</h1>
-        <p>Dans cet exemple vCarousel est associé à un carrousel d'images plus classique gèré via <a href="https://flickity.metafizzy.co/" target="_blank" rel="noopener">flickity</a> servant de menu pour choisir la première vidéo à visionner. Ensuite vCarousel enchaîne les vidéos et synchronise l'affichage de flickity.</p>
+        <p>Dans cet exemple vCarousel est associé à un carrousel d'images plus classique géré via <a href="https://flickity.metafizzy.co/" target="_blank" rel="noopener">Flickity</a> servant de menu pour choisir la première vidéo à visionner. Ensuite vCarousel enchaîne les vidéos et synchronise l'affichage de Flickity.</p>

        <figure id="vFunanbule">
            <video controls preload="metadata">
--- a/public/index.html
+++ b/public/index.html
@ -12,7 +12,7 @@
 <body>
    <div id="videos">
        <h1>vCarousel</h1>
-        <p>Exemple d'utilisation simple : lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée. <a href="/flickity.html">Voir un autre exemple d'utilisation où VCarousel est associé à un carrousel d'images</a>.</p>
+        <p>Exemple d'utilisation simple : lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée. <a href="flickity.html">Cliquez-ici</a> pour voir un autre exemple d'utilisation où vCarousel est associé à un carrousel d'images Flickity.</p>

        <figure id="vFunanbule">
            <video controls="controls" preload="metadata" width="800">