From 468e9657763454a2c3154a1cb25699c95252a6aa Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Wed, 29 Oct 2014 09:24:01 -0400
Subject: [PATCH] Various bits of work.. in progress

---
 css/app.css                     | 24 ++++++++++-
 footer.php                      |  2 -
 front-page.php                  |  3 ++
 nggallery/album-glmalbums.php   | 57 +++++++++++++++++++++++++
 nggallery/gallery-glmphotos.php | 73 +++++++++++++++++++++++++++++++++
 5 files changed, 155 insertions(+), 4 deletions(-)
 create mode 100644 nggallery/album-glmalbums.php
 create mode 100644 nggallery/gallery-glmphotos.php

diff --git a/css/app.css b/css/app.css
index e9afa9f..aa4a06a 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6076,8 +6076,9 @@ article h2 {
 #homepage_problem_solvers {
   text-align: center; }
 
-#homepage_gallery {
-  text-align: center; }
+#homepage_portfolio {
+  text-align: center;
+  margin: 0; }
 
 .ngg-galleryoverview {
   padding: 20px; }
@@ -6097,6 +6098,25 @@ article h2 {
 .slideshowlink {
   display: none; }
 
+.top-bar-menu > li.has-dropdown > ul.dropdown li ul li:only-child a {
+  border-top-right-radius: 15px;
+  border-bottom-right-radius: 15px; }
+
+.top-bar-menu > li.has-dropdown > ul.dropdown li ul li:first-child a {
+  border-top-right-radius: 15px; }
+
+.top-bar-menu > li.has-dropdown > ul.dropdown li:last-child a {
+  border-bottom-left-radius: 15px;
+  border-bottom-right-radius: 15px; }
+
+.top-bar-menu > li.has-dropdown > ul.dropdown li:last-child:hover > a {
+  border-radius: 0; }
+
+.top-bar-menu > li.has-dropdown > ul.dropdown li ul li:last-child {
+  background-color: transparent; }
+  .top-bar-menu > li.has-dropdown > ul.dropdown li ul li:last-child a {
+    border-bottom-right-radius: 15px; }
+
 /**
      * 4.2 Posts
      * ------------------------------------
diff --git a/footer.php b/footer.php
index 98556fc..113d3b5 100644
--- a/footer.php
+++ b/footer.php
@@ -32,8 +32,6 @@
 </div>
 <script>
     jQuery(document).ready( function() {
-        jQuery(".ngg-galleryoverview").addClass("row");
-        jQuery(".ngg-gallery-thumbnail-box").addClass("small-12 medium-4 large-3 columns");
         jQuery(".homepage_testimonials_text :not(div :first-child)").hide();
         jQuery(".homepage_testimonials_rarrow").click(function() {
             if (jQuery("#testimonial1").is(":visible")) {
diff --git a/front-page.php b/front-page.php
index 88b12cc..c526711 100644
--- a/front-page.php
+++ b/front-page.php
@@ -80,7 +80,10 @@ get_header(); ?>
                     </div> <!--Market Experts -->
                     <div id="homepage_portfolio" class="row"> 
                         <h1 class="home_section_title">Portfolio of Results</h1>
+                        
                         <?php the_block( 'Gallery Column'); ?>
+                        <?php echo do_shortcode("[ngg_images gallery_ids='1' display_type='photocrati-nextgen_basic_thumbnails']")?>
+                        
                     </div> <!-- Portfolio -->
                     <div id="homepage_testimonials" class="row">
                         <div class="small-2 medium-1 columns homepage_testimonials_larrow">
diff --git a/nggallery/album-glmalbums.php b/nggallery/album-glmalbums.php
new file mode 100644
index 0000000..3635455
--- /dev/null
+++ b/nggallery/album-glmalbums.php
@@ -0,0 +1,57 @@
+<?php
+/**
+Template Page for the album overview
+
+Follow variables are useable :
+
+    $album     	 : Contain information about the first album
+    $albums    	 : Contain information about all albums
+	$galleries   : Contain all galleries inside this album
+	$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'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($galleries)) : ?>
+
+<div class="ngg-albumoverview">
+
+	<!-- List of galleries -->
+	<?php foreach ($galleries as $gallery) : ?>
+
+	<div class="ngg-glmalbums small-6 medium-4 large-3">
+		<div class="ngg-album-compactbox">
+			<div class="ngg-album-link">
+				<a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+					<img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+				</a>
+			</div>
+		</div>
+        <?php if (!empty($image_gen_params)) {
+            $max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
+        } else {
+            $max_width = '';
+        } ?>
+        
+            <a class="ngg-album-desc"
+               title="<?php echo esc_attr($gallery->title) ?>"
+               href="<?php echo nextgen_esc_url($gallery->pagelink) ?>"
+               <?php echo $max_width; ?>>
+                    <p class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($gallery->title); }?></p>
+                    
+                    <?php if (@$gallery->counter > 0) : ?>
+                    <p class="ngg-album-gallery-image-counter"><strong><?php echo $gallery->counter ?></strong>&nbsp;<?php _e('Photos', 'nggallery') ?></p>
+                    <?php endif; ?>  
+            </a>
+		
+	</div>
+
+ 	<?php endforeach; ?>
+
+	<!-- Pagination -->
+    <br class="ngg-clear"/>
+ 	<?php echo $pagination ?>
+</div>
+
+<?php endif; ?>
diff --git a/nggallery/gallery-glmphotos.php b/nggallery/gallery-glmphotos.php
new file mode 100644
index 0000000..b4f922b
--- /dev/null
+++ b/nggallery/gallery-glmphotos.php
@@ -0,0 +1,73 @@
+<?php 
+/**
+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
+
+ 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'] ?>
+**/
+?>
+<?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>
+<?php } ?>
+
+<?php if ($gallery->show_piclens) { ?>
+	<!-- Piclense link -->
+	<div class="piclenselink">
+		<a class="piclenselink" href="<?php echo nextgen_esc_url($gallery->piclens_link) ?>">
+			<?php _e('[View with PicLens]','nggallery'); ?>
+		</a>
+	</div>
+<?php } ?>
+	
+	<!-- Thumbnails -->
+    <?php $i = 0; ?>
+	<?php foreach ( $images as $image ) : ?>
+	<li>
+            <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+                <div class="ngg-gallery-thumbnail" >
+                    <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+                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, "url"); ?>"
+                data-front-description="<?php echo nggcf_get_field($image->pid, "Front Description"); ?>"
+                <?php echo $image->thumbcode ?> >
+                            <?php if ( !$image->hidden ) { ?>
+                            <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+                            <?php } ?>
+                    </a>
+                    <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+                    <span class="photoHead"><?php if (!$image->hidden) { echo nggcf_get_field($image->pid, "Front Description"); } ?></span>
+                </div>
+                
+            </div>
+        </li>
+	<?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>
+
+<?php endif; ?>
-- 
2.17.1