From ee4e6fc0527883b41216c8ddba029f5fcef6879a Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Thu, 14 Apr 2016 12:22:12 -0400
Subject: [PATCH] Blocks got their anchors back

---
 css/app.css            | 27 +++++++++++++++------------
 footer.php             |  8 ++++----
 parts/glm-blocks.php   |  3 ++-
 scss/_main.scss        |  5 +++--
 scss/_page.footer.scss |  5 +++--
 5 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/css/app.css b/css/app.css
index 7ac5b6c..6de9f45 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6582,7 +6582,8 @@ h2#block-title {
   font-size: 1.5rem; }
 
 .blocks .block#block-1, .blocks .block#block-2, .blocks .block#block-3 {
-  margin-bottom: 72px; }
+  margin-bottom: 72px;
+  overflow: hidden; }
 @media screen and (max-width: 1024px) {
   .blocks .block#block-1, .blocks .block#block-2, .blocks .block#block-3 {
     margin-bottom: 25px; } }
@@ -6619,7 +6620,7 @@ h2#block-title {
   right: 15px;
   height: 100%;
   display: block;
-  background: rgba(0, 0, 0, 0.8); }
+  background: rgba(0, 0, 0, 0.7); }
 
 #portfolio_contact a#portfolio {
   height: 101px;
@@ -7508,16 +7509,18 @@ footer#page-footer {
     border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
     footer#page-footer #blog-feed-front h3 a:hover {
       border-bottom-color: white; }
-  footer#page-footer #webcam img {
-    border: 2px solid #FFFFFF; }
-    @media only screen and (max-width: 40em) {
-      footer#page-footer #webcam img {
-        display: block; } }
-  footer#page-footer #webcam span {
-    font-style: italic;
-    color: #FFFFFF; }
+  footer#page-footer #webcam {
+    text-align: right; }
+    footer#page-footer #webcam img {
+      border: 2px solid #FFFFFF; }
+      @media only screen and (max-width: 40em) {
+        footer#page-footer #webcam img {
+          display: block; } }
+    footer#page-footer #webcam span {
+      font-style: italic;
+      color: #FFFFFF; }
   footer#page-footer #contact {
-    margin-right: 55px; }
+    /*        margin-right: 55px;*/ }
     @media screen and (min-width: 1025px) and (max-width: 1200px) {
       footer#page-footer #contact {
         margin-left: 15px; } }
@@ -7529,7 +7532,7 @@ footer#page-footer {
         margin-right: 5px; } }
 
 #title-feed {
-  margin-right: 20px; }
+  /*    margin-right: 20px;*/ }
   #title-feed h2 {
     font-weight: bold;
     font-size: 1.75rem;
diff --git a/footer.php b/footer.php
index b142c1d..25cba3c 100644
--- a/footer.php
+++ b/footer.php
@@ -4,7 +4,7 @@
                                 <?php dynamic_sidebar('sidebar-f');?>
                             <?php endif;?>
                             <div class="row medium-uncollapse large-collapse">
-                                <div id="contact" class="medium-3 columns show-for-medium-up">
+                                <div id="contact" class="medium-4 columns show-for-medium-up">
                                     <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url'); ?>/assets/glm-logo-footer.png"></a>
                                     <?php get_template_part('parts/client-info-footer');?>
                                     <a href="<?php bloginfo('url');?>/contact-us/">Contact Us</a>
@@ -14,9 +14,9 @@
                                     <h2>Featured Articles</h2>
                                     <?php get_template_part('parts/blog-feed-front');?>
                                 </div>
-                                <div id="webcam" class="small-12 medium-4 columns">
-                                    <div class="row"><div class="small-12 columns"><a href="/who-we-are/petoskey-web-cam/"><img src="http://cams.gaslightmedia.com/cameras/images/GLM-Basin-Small.jpg"></a></div></div>
-                                    <div class="row"><div class="small-12 columns"><p style="color: white;">Petoskey Harbor and Little Traverse Bay</p></div></div>
+                                <div id="webcam" class="small-12 medium-4 columns right">
+                                    <div class="row medium-uncollapse large-collapse"><div class="small-12 columns"><a href="/who-we-are/petoskey-web-cam/"><img src="http://cams.gaslightmedia.com/cameras/images/GLM-Basin-Small.jpg"></a></div></div>
+                                    <div class="row medium-uncollapse large-collapse"><div class="small-12 columns"><p style="color: white;">Petoskey Harbor and Little Traverse Bay</p></div></div>
                                 </div>
                             </div>
                         </footer>
diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index 6607bbe..73fc299 100644
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -6,7 +6,7 @@
         <?php $post_image_id = get_post_thumbnail_id($block->ID); ?>
         <?php $thumbnail = wp_get_attachment_image_src( $post_image_id, false); ?>
         <?php if($block->url):?>
-        
+        <a href="<?php echo $block->url; ?>">
         <?php endif;?>
             <div id="block-<?php echo $count; ?>" class="small-12 medium-4 columns block overlay">
 
@@ -26,6 +26,7 @@
             </div>
                         
         <?php if($block->url):?>
+        </a>
     <?php endif;?>
         <?php $count++; ?>
     <?php endforeach;?>
diff --git a/scss/_main.scss b/scss/_main.scss
index 83e4823..1d7e87e 100644
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -85,7 +85,8 @@ h2#block-title {
 .blocks {
     & .block {
         &#block-1, &#block-2, &#block-3 {
-            margin-bottom: 72px
+            margin-bottom: 72px;
+            overflow: hidden;
         }
         &#block-1, &#block-2, &#block-3 {
             @media screen and (max-width:1024px) {
@@ -134,7 +135,7 @@ h2#block-title {
                 right: 15px;
                 height: 100%;
                 display: block;
-                background: rgba($black, 0.80);
+                background: rgba($black, 0.70);
             }
         }
     }
diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 9a1ffea..5d5f535 100644
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -27,6 +27,7 @@ footer#page-footer {
         }
     }
     #webcam {
+        text-align: right;
         img {
             border: 2px solid $white;
             @media #{$small-only} {
@@ -39,7 +40,7 @@ footer#page-footer {
         }
     }
     #contact {
-        margin-right: 55px;
+/*        margin-right: 55px;*/
         @media screen and (min-width:1025px) and (max-width:1200px) {
             margin-left: 15px;
         }
@@ -52,7 +53,7 @@ footer#page-footer {
     }
 }
 #title-feed {
-    margin-right: 20px;
+/*    margin-right: 20px;*/
     h2 {
         font-weight: bold;
         font-size: rem-calc(28);
-- 
2.17.1