From 45a567e725439609e30f8d967ec2b9fc331649ff Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Tue, 8 Dec 2015 06:50:20 +0100
Subject: [PATCH] [enh] use baguetteBox

---
 templates/page-example.html | 35 +++++++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/templates/page-example.html b/templates/page-example.html
index 132ac12..bfd2f5f 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -31,36 +31,52 @@
     <section class="pictures-group">
         <div class="pictures-line">
             <div class="picture">
-                <img src="./1.png">
+                <a href="./1.png">
+                    <img src="./1-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./2.png">
+                <a href="./2.png">
+                    <img src="./2-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./1.png">
+                <a href="./1.png">
+                    <img src="./1-small.png">
+                </a>
             </div>
         </div>
         <div class="pictures-line">
             <div class="picture">
-                <img src="./1.png">
+                <a href="./1.png">
+                    <img src="./1-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./2.png">
+                <a href="./2.png">
+                    <img src="./2-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./2.png">
+                <a href="./2.png">
+                    <img src="./2-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./2.png">
+                <a href="./2.png">
+                    <img src="./2-small.png">
+                </a>
             </div>
             <div class="separator"></div>
             <div class="picture">
-                <img src="./2.png">
+                <a href="./2.png">
+                    <img src="./2-small.png">
+                </a>
             </div>
         </div>
     </section>
@@ -75,6 +91,9 @@
   </div>
 
   <script type="text/javascript" src="../static/js/baguetteBox.min.js" charset="utf-8"></script>
+  <script type="text/javascript" charset="utf-8">
+    baguetteBox.run(".pictures-group", {});
+  </script>
   <footer>
       <p>Generate using <a href="https://github.com/psycojoker/prosopopee">Prosopopée</a> · content under <a href="CC-BY-SA">CC-BY-SA</a></p>
   </footer>