From 26c1c6ece720f199830fa1038d6a9fb21bd6339d Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 10 Jun 2014 12:19:08 -0400
Subject: [PATCH] Start work on videos

work on templates
---
 Toolkit/Videos/WebDecorator.php                |  2 +-
 Toolkit/Videos/templates/webDecorator.html     | 18 +++++++++---------
 Toolkit/Videos/templates/webPageDecorator.html |  8 ++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/Toolkit/Videos/WebDecorator.php b/Toolkit/Videos/WebDecorator.php
index 50c2092..3120c2f 100644
--- 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
--- 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
--- 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>
-- 
2.17.1