Start work on videos

work on templates

diff --git a/Toolkit/Videos/WebDecorator.php b/Toolkit/Videos/WebDecorator.php
index 50c2092..3120c2f 100644 (file)
--- a/Toolkit/Videos/WebDecorator.php
+++ b/Toolkit/Videos/WebDecorator.php
@@ -31,7 +31,7 @@ class Toolkit_Videos_WebDecorator
 
     private $_flexyOptions = array();
     private $_template = 'webDecorator.html';
-    
+
     /**
      * Class Constructor
      *

diff --git a/Toolkit/Videos/templates/webDecorator.html b/Toolkit/Videos/templates/webDecorator.html
index d7114d0..53db5ed 100644 (file)
--- a/Toolkit/Videos/templates/webDecorator.html
+++ b/Toolkit/Videos/templates/webDecorator.html
@@ -1,11 +1,11 @@
 <div id="v" class="hBox">
-       <h2>Check out our Video Spotlight</h2>
-       <h3>{title:h}</h3>
-       <a href="http://www.youtube.com/embed/{vCode}?rel=0&hd=1" class="colorbox">
-               <img src="http://img.youtube.com/vi/{vCode}/0.jpg" width="400">
-               <img src="assets/videoOverlay.png" width="400" id="videoOverlay">
-       </a>
-               <p>
-               <a href="{videoUrl}">See All Our Videos</a>
-       </p>
+    <h2>Check out our Video Spotlight</h2>
+    <h3>{title:h}</h3>
+    <a href="http://www.youtube.com/embed/{vCode}?rel=0&hd=1" class="colorbox">
+        <img src="http://img.youtube.com/vi/{vCode}/0.jpg" width="400">
+        <img src="assets/videoOverlay.png" width="400" id="videoOverlay">
+    </a>
+        <p>
+        <a href="{videoUrl}">See All Our Videos</a>
+    </p>
 </div>

diff --git a/Toolkit/Videos/templates/webPageDecorator.html b/Toolkit/Videos/templates/webPageDecorator.html
index 71622ca..3b02167 100644 (file)
--- a/Toolkit/Videos/templates/webPageDecorator.html
+++ b/Toolkit/Videos/templates/webPageDecorator.html
@@ -1,14 +1,14 @@
-<div id="videoGallery">
+<ul id="videoGallery">
   {foreach:videos,v}
   {if:v[firstInRow]}<div class="vRow">{end:}
-  <div class="vThumb">
+  <li class="small-block-grid-2 medium-block-grid-3 large-block-grid-4">
     <a href="http://www.youtube.com/embed/{v[code]}?rel=0&hd=1" class="colorbox">
       <img src="http://img.youtube.com/vi/{v[code]}/default.jpg">
     </a>
     <div class="vTitle">
       {v[title]:h}
     </div>
-  </div>
+  </li>
   {if:v[lastInRow]}</div><!-- /.galleryRow --> {end:}
   {end:}
-</div>
+</ul>