From 78cf7f632906939a245b44b28a77cbea820a4a3e Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 18 Jul 2017 08:58:54 -0400
Subject: [PATCH] Get markup complete for the video front page

Match the markup from current site.
---
 nggallery/gallery-troutcreek-videos.php | 68 +++++++++++--------------
 sections/front-page.php                 | 24 +++++----
 2 files changed, 44 insertions(+), 48 deletions(-)

diff --git a/nggallery/gallery-troutcreek-videos.php b/nggallery/gallery-troutcreek-videos.php
index 6382379..b33ef48 100644
--- a/nggallery/gallery-troutcreek-videos.php
+++ b/nggallery/gallery-troutcreek-videos.php
@@ -4,9 +4,9 @@ Template Page for the gallery overview
 
 Follow variables are useable :
 
-	$gallery     : Contain all about the gallery
-	$images      : Contain all images, path, title
-	$pagination  : Contain the pagination content
+    $gallery     : Contain all about the gallery
+    $images      : Contain all images, path, title
+    $pagination  : Contain the pagination content
 
  You can check the content when you insert the tag <?php var_dump($variable) ?>
  If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
@@ -14,47 +14,41 @@ Follow variables are useable :
 ?>
 <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
 
-<!--<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>-->
 <?php if ($gallery->show_slideshow) { ?>
-	<!-- Slideshow link -->
-	<div class="slideshowlink">
-		<a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
-			<?php echo $gallery->slideshow_link_text ?>
-		</a>
-	</div>
+    <!-- Slideshow link -->
+    <div class="slideshowlink">
+        <a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
+            <?php echo $gallery->slideshow_link_text ?>
+        </a>
+    </div>
 <?php } ?>
- 	<!-- Thumbnails -->
+    <!-- Thumbnails -->
     <?php $i = 0; ?>
-	<?php foreach ( $images as $image ) : ?>
-	<!-- <li> -->
-            <div id="ngg-image-<?php echo $image->pid ?>" class="v hBox small-6 large-3 columns"
+    <?php foreach ( $images as $image ) : ?>
+    <div id="ngg-image-<?php echo $image->pid ?>" class="v hBox small-6 large-3 columns"
 style="background: url(<?php echo nextgen_esc_url($image->imageURL) ?>) no-repeat scroll center center transparent;" >
 
-                <!-- <div class="ngg-gallery-thumbnail" > -->
-                    <a href="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
-                    title="<?php echo esc_attr($image->description); ?>"
-                    data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
-                    data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
-                    data-image-id="<?php echo esc_attr($image->pid); ?>"
-                    data-title="<?php echo esc_attr($image->alttext); ?>"
-                    data-description="<?php echo esc_attr($image->description); ?>"
-                    data-url="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
-                    <?php echo $image->thumbcode ?> >
-                    <span class="vidoverlay"></span>
-                    </a>
-                <!-- </div> -->
+        <a href="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+        title="<?php echo esc_attr($image->description); ?>"
+        data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
+        data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+        data-image-id="<?php echo esc_attr($image->pid); ?>"
+        data-title="<?php echo esc_attr($image->alttext); ?>"
+        data-description="<?php echo esc_attr($image->description); ?>"
+        data-url="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+        <?php echo $image->thumbcode ?> >
+        <span class="vidoverlay"></span>
+        </a>
 
-            </div>
-        <!-- </li> -->
-	<?php if ( $image->hidden ) continue; ?>
-	<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
-	<br style="clear: both" />
-	<?php } ?>
- 	<?php endforeach; ?>
+    </div>
+    <?php if ( $image->hidden ) continue; ?>
+    <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+    <br style="clear: both" />
+    <?php } ?>
+    <?php endforeach; ?>
 
-	<!-- Pagination -->
- 	<?php echo $pagination ?>
-<!-- </ul> -->
+    <!-- Pagination -->
+    <?php echo $pagination ?>
 <script>
     jQuery(document).ready(function(){
         jQuery(".ngg-fancybox").each(function (){
diff --git a/sections/front-page.php b/sections/front-page.php
index 9c40fb0..f29854a 100644
--- a/sections/front-page.php
+++ b/sections/front-page.php
@@ -9,17 +9,19 @@
         </div>
         <div class="row">
             <?php get_template_part('parts/main-content');?>
-            <div id="home_video_wrapper">
-                <h2><a href="<?php echo get_permalink( 5367 ); ?>">Watch Our Videos</a></h2>
-                <div class="row">
-    <?php
-    echo do_shortcode('[ngg_images source="tags" container_ids="frontpage"
-        display_type="photocrati-nextgen_basic_thumbnails"
-        override_thumbnail_settings="1" thumbnail_width="480" thumbnail_height="360"
-        thumbnail_crop="1" images_per_page="20" number_of_columns="0" ajax_pagination="0"
-        show_all_in_lightbox="0" use_imagebrowser_effect="0" show_slideshow_link="0" slideshow_link_text=""
-        template="/var/www/server/troutcreek.gaslightmedia.com/web/wp-content/themes/troutcreek/nggallery/gallery-troutcreek-videos.php"
-        order_by="sortorder" order_direction="ASC" returns="included" maximum_entity_count="500"]');?>
+            <div class="small-12 columns">
+                <div id="home_video_wrapper">
+                    <h2><a href="<?php echo get_permalink( 5367 ); ?>">Watch Our Videos</a></h2>
+                        <div class="row">
+        <?php
+        echo do_shortcode('[ngg_images source="tags" container_ids="frontpage"
+            display_type="photocrati-nextgen_basic_thumbnails"
+            override_thumbnail_settings="1" thumbnail_width="480" thumbnail_height="360"
+            thumbnail_crop="1" images_per_page="20" number_of_columns="0" ajax_pagination="0"
+            show_all_in_lightbox="0" use_imagebrowser_effect="0" show_slideshow_link="0" slideshow_link_text=""
+            template="/var/www/server/troutcreek.gaslightmedia.com/web/wp-content/themes/troutcreek/nggallery/gallery-troutcreek-videos.php"
+            order_by="sortorder" order_direction="ASC" returns="included" maximum_entity_count="500"]');?>
+                    </div>
                 </div>
             </div>
         </div>
-- 
2.17.1