From 198a973bb1c9cbd1d460ce9805bc52a7d8050901 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Tue, 4 Jun 2019 13:58:25 -0400
Subject: [PATCH] moving blocks next to the slider, adding card layout styles
 to the blog on the front page

---
 parts/action-items.php    |  3 +-
 parts/blog-feed-front.php | 89 +++++++++++++++++++++++++++++++--------
 parts/glm-blocks.php      | 64 +++++++++-------------------
 parts/slideshow.php       |  3 +-
 sections/front-page.php   | 30 ++++++++++---
 5 files changed, 120 insertions(+), 69 deletions(-)

diff --git a/parts/action-items.php b/parts/action-items.php
index 75a7889..c6480e2 100644
--- a/parts/action-items.php
+++ b/parts/action-items.php
@@ -2,10 +2,11 @@
     <div class="row">
         <div class="small-12 medium-4 columns seal-column">
             <div class="action-item-image">
-                <a href="<?php echo get_bloginfo('url');?>" class="action-item-link">
+                <a href="<?php echo get_permalink(2186); ?>" class="action-item-link">
                     <div class="image-frame">
                         <img src="<?php echo get_template_directory_uri() . '/assets/seal.png'; ?>" alt=""> 
                     </div>
+                    <div class="weather-text"><a style="color: white;" href="<?php echo get_permalink(2186); ?>">Community Feedback</a></div>
                 </a>    
             </div>
         </div>
diff --git a/parts/blog-feed-front.php b/parts/blog-feed-front.php
index d733166..df2616f 100644
--- a/parts/blog-feed-front.php
+++ b/parts/blog-feed-front.php
@@ -1,24 +1,79 @@
-<?php $args = array( 'numberposts' => 2);?>
-<div id="home-feed-posts" class="row">
+<?php $args = array( 'numberposts' => 4);?>
+<div id="home-feed-blog" class="small-block-grid-1 medium-block-grid-2 large-block-grid-2" style="text-align: left;" data-equalizer>
     <?php $lastposts = get_posts( $args ); 
     $count = 0; ?>
-    <div class="small-12 columns">
     <?php foreach($lastposts as $post) : setup_postdata($post); ?>
-        <div class="home-feed-post ">
-            <div class="row">
-
-                <div class="small-12 columns home-feed-post-content">
-                    <h2 class="title-posts" href="<?php the_permalink(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
-                    <div class="post-excerpt excerpt<?php echo $count ?>"><?php echo the_advanced_excerpt('length=25&length_type=words&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?>
-                    </div>
-                    <div class="read-more">
-                        <a href="<?php echo the_permalink(); ?>" class="post-link">Read More</a>
-                    </div>
+        <li class="home-feed-post small-12 large-6 columns" data-equalizer-watch >
+            <div class="small-12 columns home-feed-post-content">
+                <h6 style="" class="title-posts" href="<?php the_permalink(); ?> "><a style="font-size: 18px;" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
+                <div class="post-excerpt excerpt<?php echo $count ?>">
+                    <?php echo the_advanced_excerpt('length=25&length_type=words&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?>
+                </div>
+                <div class="read-more">
+                    <a style="" href="<?php echo the_permalink(); ?>" class="post-link">Read More</a>
                 </div>
             </div>
-        </div>
+        </li>
         <?php $count++; ?>
     <?php endforeach; ?>
-    </div>
-
-</div>
\ No newline at end of file
+</div>
+<style>
+    @media (max-width: 640px){
+        .page-front #content-wrapper .content-row{
+            padding: 0;
+ for the bl        }
+    }
+    #home-feed-blog .title-posts {
+        line-height: 1;
+        background: #950000; 
+        padding: 5px;
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
+        text-align: center;
+        margin-bottom: 0;
+    }
+    #home-feed-blog .post-excerpt{
+        background: white;
+        padding: 8px 8px 45px 8px;
+        box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);
+    }
+    #home-feed-blog .title-posts a{
+        color: white;
+        text-decoration: none;
+    }
+    #home-feed-blog .title-posts a:hover{
+        text-decoration: underline;
+    }
+    #home-feed-blog{
+        padding: 10px 5px;
+        margin: 50px 0 0 0;
+        background: #F1F3F4;
+        border-radius: 7px;
+    }
+    #home-feed-blog .home-feed-post-content .read-more {
+        text-align: center;
+        position: absolute;
+        bottom: 0px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+    #home-feed-blog .home-feed-post-content .read-more a{
+        display: inline-block;
+        color: #02528f;
+        padding: 5px;
+        border-radius: 0px;
+        transition: all 300ms ease-in-out;
+    }
+    #home-feed-blog .home-feed-post-content .read-more:hover{
+        cursor: pointer;
+    }
+    #home-feed-blog .home-feed-post-content .read-more a:hover{
+        background: #02528f;
+        color: white;
+        cursor: pointer;
+    }
+    .button.view-all-posts{
+        position: relative;
+        top: -20px;
+    }
+</style>
\ No newline at end of file
diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index 28bb92a..7292154 100644
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -1,50 +1,26 @@
 <?php if(function_exists('fetch_all_glm_blocks')):?>
-<?php $blocks = fetch_all_glm_blocks();?>
-<ul class="blocks small-block-grid 1 medium-block-grid-1 large-block-grid-2">
-    <?php $count = 1; ?>
-    <?php foreach ($blocks as $block):?>
-        <li id="block-<?php echo $count; ?>" class="small-12 medium-6 block" data-equalizer-watch>
+    <?php $blocks = fetch_all_glm_blocks();?>
+    <?php $args = array( 'numberposts' => 2);?>
+        <div id="home-feed-posts" class="row">
+            <?php $count = 0; ?>
+            <div class="small-12 columns">
+            <?php foreach($blocks as $post) : setup_postdata($post); ?>
+                <div class="home-feed-post ">
+                    <div class="row">
 
-            <!-- link if url for image is set in admin-->
-            <?php if($block->url):?>
-            <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
-            <?php endif;?>
-
-            <!-- block image-->
-            <?php $size = ($count == 1 | $count == 4) ? 'glm-block-large' : 'glm-block-small'; ?>
-            <?php echo get_the_post_thumbnail($block->ID, $size);?>
-
-            <!--  end link wrapper around image -->
-            <?php if($block->url):?> </a> <?php endif;?>
-
-            <!-- link wrapper for block title-->
-            <?php if($block->url):?>
-            <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
-            <?php endif;?>
-
-            <!-- block title-->
-            <h1 class="block-title"><?php echo $block->post_title;?></h1>
-
-            <!-- end link wrapper around block title-->
-            <?php if($block->url):?> </a> <?php endif;?>
-
-            <div class="block-overlay">
-                <!-- block content-->
-                <div class="block-overlay-center">
-                    <!-- block title-->
-                    <h1 class="block-title-center"><?php echo $block->post_title;?></h1>
-                    <div class="block-content">
-                        <?php echo apply_filters('the_content', $block->post_content) . $block->post_excerpt;?>
+                        <div class="small-12 columns home-feed-post-content">
+                            <h2 style="font-size: 22px;" class="title-posts" href="<?php the_permalink(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+                            <div class="post-excerpt excerpt<?php echo $count ?>"><?php echo the_advanced_excerpt('length=25&length_type=words&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?>
+                            </div>
+                            <div class="read-more">
+                                <a href="<?php echo the_permalink(); ?>" class="post-link">Learn More</a>
+                            </div>
+                        </div>
                     </div>
-                    <?php if($block->url):?>
-                        <a class="blocks-readmore" href="<?php echo $block->url;?>">Find Out More</a>
-                     <?php endif;?>
                 </div>
-            </div>
-        </li>
-        
-        <?php $count++; ?>
-    <?php endforeach;?>
-</ul>
+                <?php $count++; ?>
+        <?php endforeach; ?>
+        </div>
+    </div>
 <!--<div class="separator"><hr></div>-->
 <?php endif;?>
diff --git a/parts/slideshow.php b/parts/slideshow.php
index ee451ea..dfee679 100644
--- a/parts/slideshow.php
+++ b/parts/slideshow.php
@@ -10,8 +10,7 @@
             </div>
 
             <div class="small-12 large-4 featured-posts columns">
-                <?php get_template_part('parts/blog-feed-front'); ?>
-
+                <?php get_template_part('parts/glm-blocks'); ?>
             </div>
         </div>
     </div>
diff --git a/sections/front-page.php b/sections/front-page.php
index 4c6e4b9..120659d 100644
--- a/sections/front-page.php
+++ b/sections/front-page.php
@@ -2,18 +2,38 @@
     <?php get_template_part('parts/slideshow');?>
     <div id="content-wrapper">
         <div class="row content-row">
-            <div id="main-content" class="small-12 large-8 columns">
+            <div class="small-12 large-8 columns" style="text-align: center;">
                 <?php if(have_posts()) : while(have_posts()): the_post();?>
-                <?php the_content();?>
-                <?php endwhile; else:?>
-                <p><?php _e('Sorry, no posts yet');?></p>
+                    <?php the_content();?>
+                    <?php endwhile; else:?>
+                    <p><?php _e('Sorry, no posts yet');?></p>
                 <?php endif;?>
+                <?php get_template_part('parts/blog-feed-front'); ?>
+                <div>
+                    <a class="button view-all-posts" href="<?php echo get_permalink(10); ?>">News Articles</a>
+                    <style>
+                        .view-all-posts{
+                            background-color:#02528f;
+                            max-width: 150px;
+                            display: block;
+                            margin: 0 auto;
+                            border-radius: 5px;
+                            padding: 10px 5px;
+                            -webkit-box-shadow: 0px 15px 15px -10px   rgba(0,0,0, .5);
+                            box-shadow: 0px 15px 15px -10px  rgba(0,0,0, .5);
+                        }
+                    </style>
+                </div>
             </div>
+            
             <div id="events-widget" class="small-12 large-4 columns">
                 <h2 style="color: #474644;">Meetings & Events </h2>
-                <?php echo do_shortcode('[glm-members-event-list template="eventsFrontPage.html" limit="3"]'); ?>
+                <?php echo do_shortcode('[glm-members-event-list template="eventsFrontPage.html" featured="true" limit="5"]'); ?>
                 <a class="button view-all-events" href="<?php echo get_permalink(597); ?>">View All Events</a>
             </div>
+            <div id="main-content" class="small-12 columns">
+                
+            </div>
         </div>
         
         <!-- <div class="footer-background"> 
-- 
2.17.1