adding blog feed to glmTheme and other changes I've had to do when starting
authorIan Weller <ian@gaslightmedia.com>
Tue, 10 May 2016 20:11:17 +0000 (16:11 -0400)
committerIan Weller <ian@gaslightmedia.com>
Tue, 10 May 2016 20:11:17 +0000 (16:11 -0400)
root/parts/blog-feed-front.php [new file with mode: 0644]
root/parts/glm-blocks.php
root/scss/_blog.scss
root/scss/_slideshow.scss
root/scss/_topbar.scss

diff --git a/root/parts/blog-feed-front.php b/root/parts/blog-feed-front.php
new file mode 100644 (file)
index 0000000..ba35dbb
--- /dev/null
@@ -0,0 +1,27 @@
+<?php $args = array( 'numberposts' => 4);?>
+<div id="home-feed-posts">
+<?php
+$lastposts = get_posts( $args );
+    $count = 0;
+foreach($lastposts as $post) : setup_postdata($post); ?>
+    <div class="home-feed-post">
+        <div class="row">
+            <?php if (has_post_thumbnail( $post->ID )) { ?>
+            <div class="small-11 small-centered columns text-center home-feed-post-image">
+                <?php echo get_the_post_thumbnail($post->ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?>
+                </div>
+                <div class="small-12 medium-12 columns home-feed-post-content">
+                 <?php } else { ?>
+                <div class="small-12 columns home-feed-post-content">
+                <?php } ?>
+                <span class="meta date"><?php the_time('F j, Y') ?></span>
+                <h2 class="title-posts" href="<?php the_permalink(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+                
+                <div class="excerpt<?php echo $count ?>"><?php echo the_advanced_excerpt('length=265&length_type=characters&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?></div>
+            </div>
+        </div>
+    </div>
+    <hr>
+        <?php $count++; ?>
+<?php endforeach; ?>
+</div>
\ No newline at end of file
index 8f92ed5..16eedfd 100644 (file)
@@ -17,7 +17,7 @@
             <?php if($block->url):?>
             </a>
              <?php endif;?>
-        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+        <p><?php echo apply_filters('the_content', $block->post_content) . $block->post_excerpt;?></p>
         <?php if($block->url):?>
         <a class="blocks-readmore" href="<?php echo $block->url;?>"></a>
         <?php endif;?>
index dcfc6aa..39a8879 100644 (file)
@@ -1,11 +1,11 @@
 
 .home-feed-post {
     padding-bottom: 25px;
-    @media #{$small-only} {
-        > * {
-            text-align: center;
-        }
-    }
+//    @media #{$small-only} {
+//        > * {
+//            text-align: center;
+//        }
+//    }
 }
 input[type="submit"].blogbutton {
     border-radius: 3px;
index 8ac6032..81aff90 100644 (file)
@@ -1,6 +1,4 @@
 #slideshow {
-    border-bottom: 5px solid $d-blue;
-    margin-top: -10px;
     #caption {
         background: rgba(0, 0, 0, 0.75);
         color: $white;
index 002ab83..43fbd78 100644 (file)
     line-height: 1;
     ul{
         li {
-            background: none;
-            padding: 12px 0;
-            border-left: 2px solid $white;
-            max-width: 166.5px;
-            line-height: 1.25;
-            &:first-child {
-                border: none;
-            }
-            &:hover {
-                background: $white;
-            }
+            
             a {
-                text-align: center;
-                padding: 0 20px;
-                font-size: 20px;
-                font-weight: bold;
-                color: $white;
-                &:hover {
-                    color: $d-blue;
-                    text-shadow: 0 0 1px $d-blue;
-                    text-shadow: 1 0 1px $d-blue;
-                    text-shadow: 0 1 1px $d-blue;
-                    text-shadow: -1 0 1px $d-blue;
-                    text-shadow: 0 -1 1px $d-blue;
-                }
+                
             }
             &:not(.has-form):not(.active) {
                 & > a:not(.button) {
                     background: transparent;
                 }
             }
-            &.drop-left {
-                ul.dropdown {
-                    padding-left: 21px;
-                    padding-right: 250px;
-                    top: 74px;
-                    background: $white;
-                    border-bottom-left-radius: 10px;
-                    border-bottom-right-radius: 10px;
-                    min-width: 500px;
-                    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    li {
-                        white-space: nowrap;
-                        border-bottom: 1px solid #e7e7e8;
-                        padding: 5px 0;
-                        &.nav-img-container {
-                            img {
-                                position: absolute;
-                                right: 20px;
-                                top: 23px;
-                                border: 6px solid #fdefd4;
-                            }
-                            border: none;
-                        }
-                        a {
-                            padding-left: 0;
-                            text-align: left;
-                            font-size: 18px;
-                            &:hover {
-                                color: $d-blue;
-                                text-shadow: 0 0 1px $green;
-                                text-shadow: 1 0 1px $green;
-                                text-shadow: 0 1 1px $green;
-                                text-shadow: -1 0 1px $green;
-                                text-shadow: 0 -1 1px $green;
-                            }
-                        }
-                    }
-                }
-            }
-            &.drop-right {
-                ul.dropdown {
-                    padding-left: 250px;
-                    padding-right: 21px;
-                    right: -1%;
-                    left: auto;
-                    top: 74px;
-                    background: $white;
-                    border-bottom-left-radius: 10px;
-                    border-bottom-right-radius: 10px;
-                    min-width: 500px;
-                    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
-                    li {
-                        white-space: nowrap;
-                        background: $white;
-                        text-align: right;
-                        border-bottom: 1px solid #e7e7e8;
-                        padding: 5px 0;
-                        &.nav-img-container {
-                            img {
-                                position: absolute;
-                                left: 20px;
-                                top: 23px;
-                                border: 6px solid #fdefd4;
-                            }
-                            border: none;
-                        }
-                        a {
-                            padding-left: 0;
-                            text-align: left;
-                            font-size: 18px;
-                            &:hover {
-                                color: $d-blue;
-                                text-shadow: 0 0 1px $green;
-                                text-shadow: 1 0 1px $green;
-                                text-shadow: 0 1 1px $green;
-                                text-shadow: -1 0 1px $green;
-                                text-shadow: 0 -1 1px $green;
-                            }
-                        }
-                    }
-                }
-            }
+//            &.drop-left {
+//                ul.dropdown {
+//                    padding-left: 21px;
+//                    padding-right: 250px;
+//                    top: 74px;
+//                    background: $white;
+//                    border-bottom-left-radius: 10px;
+//                    border-bottom-right-radius: 10px;
+//                    min-width: 500px;
+//                    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    li {
+//                        white-space: nowrap;
+//                        border-bottom: 1px solid #e7e7e8;
+//                        padding: 5px 0;
+//                        &.nav-img-container {
+//                            img {
+//                                position: absolute;
+//                                right: 20px;
+//                                top: 23px;
+//                                border: 6px solid #fdefd4;
+//                            }
+//                            border: none;
+//                        }
+//                        a {
+//                            padding-left: 0;
+//                            text-align: left;
+//                            font-size: 18px;
+//                            &:hover {
+//                                color: $d-blue;
+//                                text-shadow: 0 0 1px $green;
+//                                text-shadow: 1 0 1px $green;
+//                                text-shadow: 0 1 1px $green;
+//                                text-shadow: -1 0 1px $green;
+//                                text-shadow: 0 -1 1px $green;
+//                            }
+//                        }
+//                    }
+//                }
+//            }
+//            &.drop-right {
+//                ul.dropdown {
+//                    padding-left: 250px;
+//                    padding-right: 21px;
+//                    right: -1%;
+//                    left: auto;
+//                    top: 74px;
+//                    background: $white;
+//                    border-bottom-left-radius: 10px;
+//                    border-bottom-right-radius: 10px;
+//                    min-width: 500px;
+//                    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+//                    li {
+//                        white-space: nowrap;
+//                        background: $white;
+//                        text-align: right;
+//                        border-bottom: 1px solid #e7e7e8;
+//                        padding: 5px 0;
+//                        &.nav-img-container {
+//                            img {
+//                                position: absolute;
+//                                left: 20px;
+//                                top: 23px;
+//                                border: 6px solid #fdefd4;
+//                            }
+//                            border: none;
+//                        }
+//                        a {
+//                            padding-left: 0;
+//                            text-align: left;
+//                            font-size: 18px;
+//                            &:hover {
+//                                color: $d-blue;
+//                                text-shadow: 0 0 1px $green;
+//                                text-shadow: 1 0 1px $green;
+//                                text-shadow: 0 1 1px $green;
+//                                text-shadow: -1 0 1px $green;
+//                                text-shadow: 0 -1 1px $green;
+//                            }
+//                        }
+//                    }
+//                }
+//            }
         }
     }
 }