Front page styling, some errors fixed, nextgen gal

js/app.jss and joyride-demo.js have a $ instead of jQuery but are read-only
Added the Multiple Content Blocks plugin. Using it for the Gallery on homepage.

diff --git a/css/app.css b/css/app.css
index b10122f..1039f98 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -13887,7 +13887,12 @@ article h2 {
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
-  z-index: 0; }
+  z-index: 0;
+  -webkit-transition: background 0.3s linear;
+  -moz-transition: background 0.3s linear;
+  -ms-transition: background 0.3s linear;
+  -o-transition: background 0.3s linear;
+  transition: background 0.3s linear; }
 
 .homepage_testimonials_over {
   background-color: Black;
@@ -13896,9 +13901,9 @@ article h2 {
   height: 100%;
   width: 125%; }
 
-.homepage_testimonials_larrow:hover .homepage_testimonials_over {
-  opacity: 0.3;
-  z-index: 99; }
+.homepage_testimonials_larrow:hover {
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.2); }
 
 .homepage_testimonials_text {
   padding: 25px 10px;
@@ -13915,9 +13920,16 @@ article h2 {
   height: 100%;
   background-image: url("../assets/img/images/arrowWhiteRight.png");
   background-repeat: no-repeat;
-  background-position: center; }
-
+  background-position: center;
+  -webkit-transition: background 0.3s linear;
+  -moz-transition: background 0.3s linear;
+  -ms-transition: background 0.3s linear;
+  -o-transition: background 0.3s linear;
+  transition: background 0.3s linear; }
 
+.homepage_testimonials_rarrow:hover {
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.2); }
 
 #homepage_problem_solvers {
   text-align: center; }
@@ -13925,6 +13937,12 @@ article h2 {
 #homepage_gallery {
   text-align: center; }
 
+.ngg-gallery-thumbnail-box {
+  margin: 5px 0 !important; }
+
+.ngg-gallery-thumbnail img {
+  padding: 0 !important; }
+
 /**
      * 4.2 Posts
      * ------------------------------------

diff --git a/footer.php b/footer.php
index 444dc62..2171427 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -38,7 +38,8 @@
 //            alert("Hello 2");
 //        } else if (jQuery)
 //    });
-        
+        jQuery(".ngg-galleryoverview").addClass("row");
+        jQuery(".ngg-gallery-thumbnail-box").addClass("small-12 medium-4 large-3 columns");
         jQuery(document).ready( function() {
             jQuery("#testimonial2").hide();
             jQuery("#testimonial3").hide();

diff --git a/front-page.php b/front-page.php
index 95500cf..efcf08b 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -68,11 +68,24 @@ get_header(); ?>
                         <p>
                             Nestium numquam, conest, to comnis est, illes venitibus milit um! 
                         </p>
-                        <div id="homepage_galley_1" class="gallery">
+                        <div id="homepage_gallery_1" class="gallery">
+                                <!-- php echo do_shortcode('[ngg_images album_ids="1" '
+                                    . 'display_type="photocrati-nextgen_basic_thumbnails"]');
+                                -->
+                                <!--
+                                $gallery = get_post_meta($post->ID, 'gid', true);
+                                $gal = $gallery;
+                                $gal = apply_filters('the_content', '[gallery='.$gal.']' );
+                                echo $gal;
+                                -->
                             
                         </div>
                     </div> <!-- Portfolio -->
+                    <div id="home_gallery_column">
+                        <?php the_block( 'Gallery Column'); ?>
+                    </div>
                     <div id="homepage_testimonials" class="row">
+                        
 <!--                        <a href="#">-->
                             <div class="small-2 medium-1 columns homepage_testimonials_larrow">
                                 <div class="homepage_testimonials_over">
@@ -113,8 +126,8 @@ get_header(); ?>
                     </div>
                     <div id="homepage_problem_solvers" class="row">
                         <h1 class="home_section_title">Problem Solvers</h1>
-                        <p>Nestium numquam, conest, to comnis est, illes venitibus milit um velitation
-                            occatibus at aut lab is inctaeribus rep occupta!
+                        <p>É nulda atalantëa arantyalmë írë, huo ai vírë heri valinor, an ela pahta 
+                            mornië métima. Pica astar tumna írë be, fernë amaurëa mac up.
                         </p>
                     </div> <!-- Problem Solvers -->
                     <?php the_content(); ?>

diff --git a/js/app.js b/js/app.js
index c72513f..42fb140 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -10,6 +10,6 @@ jQuery(document).ready(function(){
 });
 
 ;// Joyride demo
-$('#start-jr').on('click', function() {
-  $(document).foundation('joyride','start');
+jQuery$('#start-jr').on('click', function() {
+  jQuery(document).foundation('joyride','start');
 });
\ No newline at end of file

diff --git a/js/custom/joyride-demo.js b/js/custom/joyride-demo.js
index bf2d03c..e9bb498 100644 (file)
--- a/js/custom/joyride-demo.js
+++ b/js/custom/joyride-demo.js
@@ -1,4 +1,4 @@
 // Joyride demo
-$('#start-jr').on('click', function() {
-  $(document).foundation('joyride','start');
+jQuery('#start-jr').on('click', function() {
+  jQuery(document).foundation('joyride','start');
 });
\ No newline at end of file

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 5306320..ca4b093 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -442,6 +442,7 @@ article h2 {
         -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
         -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
         box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+        
     }
     @media (max-width: 768px) {
         #homepage_testimonials {
@@ -478,6 +479,11 @@ article h2 {
         filter: FlipH;
         -ms-filter: "FlipH";
         z-index: 0;
+        -webkit-transition: background 0.3s linear;
+        -moz-transition: background 0.3s linear;
+        -ms-transition: background 0.3s linear;
+        -o-transition: background 0.3s linear;
+        transition: background 0.3s linear;
     }
     .homepage_testimonials_over {
         background-color:Black;
@@ -486,9 +492,9 @@ article h2 {
         height: 100%;
         width: 125%;
     }
-    .homepage_testimonials_larrow:hover .homepage_testimonials_over {
-        opacity:0.3;
-        z-index: 99;
+    .homepage_testimonials_larrow:hover {
+        cursor: pointer;
+        background-color: rgba(0,0,0,0.2);
     }
     .homepage_testimonials_text {
         padding: 25px 10px;
@@ -506,12 +512,16 @@ article h2 {
         background-image: url("../assets/img/images/arrowWhiteRight.png");
         background-repeat: no-repeat;
         background-position: center;
-    }
-    .homepage_testimonials_rarrow:hover {
+        -webkit-transition: background 0.3s linear;
+        -moz-transition: background 0.3s linear;
+        -ms-transition: background 0.3s linear;
+        -o-transition: background 0.3s linear;
+        transition: background 0.3s linear;
         
     }
-    #testimonial2, #testimonial3 {
-/*        visibility: hidden;*/
+    .homepage_testimonials_rarrow:hover {
+        cursor: pointer;
+        background-color: rgba(0,0,0,0.2);
     }
     #homepage_problem_solvers {
         text-align:center;
@@ -519,6 +529,13 @@ article h2 {
     #homepage_gallery {
         text-align:center;
     }
+    .ngg-gallery-thumbnail-box {
+        margin: 5px 0 !important;
+    }
+    .ngg-gallery-thumbnail img {
+        padding: 0 !important;
+    }
+    
 
 
     /**