Front page blocks using events, news. Styled.
authorLaury GvR <laury@gaslightmedia.com>
Wed, 1 Apr 2015 17:06:32 +0000 (13:06 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 1 Apr 2015 17:06:32 +0000 (13:06 -0400)
front-page.php
scss/_structure.scss

index 9377851..518c72b 100644 (file)
                                 <h3 class="text-center">News</h3>
                                 <div class="feed">
                                     <img src="<?php bloginfo('template_url'); ?>/assets/news_img.jpg">
+                                    <?php
+                                    $args = array( 'numberposts' => 3);
+                                    $lastposts = get_posts( $args );
+                                    foreach($lastposts as $post) : setup_postdata($post); ?>
+                                    <div>
+                                        <div>
+                                            <p class="italic"><?php echo get_the_date('D, F j, Y g:iA', $post->ID); ?></p>
+                                            <a class="title-posts" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
+                                        </div>
+                                    </div>
+                                    <?php endforeach; ?>
+                                </div>
+                                <div class="block-button">
+                                    <label><a href="<?php // echo esc_url( get_permalink( get_page_by_title( 'News' ) ) ); ?>">More News</a></label>
+                                </div>
+                            </div>
+                        </div>
+<!--                        <div class="block-wrapper small-12 medium-6 medium-offset-3 large-4 large-offset-0 columns">
+                            <div id="news" class="" data-equalizer-watch>
+                                <h3 class="text-center">News</h3>
+                                <div class="feed">
+                                    <img src="<?php // bloginfo('template_url'); ?>/assets/news_img.jpg">
                                     <p>Sunday, June 7, 2015<br><p class="event">Classic Car Club of <br>American Museum <br>"Grand Experience"</p></p>
                                     <p>Saturday, June 13, 2015<br><p class="event">Pre-Show Vintage <br>Motorcycle Ride</p></p>
                                     <p>Sunday, June 14, 2015<br><p class="event">One Example Event</p>
                                 </div>
                                 <br>
                                 <div class="block-button">
-                                    <label><a href="<?php echo esc_url( get_permalink( get_page_by_title( 'News' ) ) ); ?>">More News</a></label>
+                                    <label><a href="<?php // echo esc_url( get_permalink( get_page_by_title( 'News' ) ) ); ?>">More News</a></label>
                                 </div>
                                 <br>
                             </div>
-                        </div>
+                        </div>-->
+                        
                         <div class="block-wrapper small-12 medium-6 medium-offset-3 large-4 large-offset-0 columns">
                             <div id="upcoming" data-equalizer-watch>
                                 <h3 class="text-center">Upcoming Events</h3>
                                 <div class="feed">
                                     <img src="<?php bloginfo('template_url'); ?>/assets/event_image.jpg">
-                                    <p>Pint with the Past<br>Saturday, February 14th<br>7:00pm - 10:00pm</p>
-                                    <p>Under the Hood<br>February 27, 2015 - March 1, 2015<br>Open during regular GCM hours</p>
-                                    <p>Cars and Canvas<br>Sunday, March 15th<br>2:00pm - 6:00pm</p>
+                                    <?php echo do_shortcode('[ai1ec view="posterboard" events_limit="3"]');?>
 
                                 </div>
                                 <br>
@@ -56,7 +77,7 @@
                             </div>
                         </div>
                         <div class="block-wrapper medium-6 medium-offset-3 large-4 large-offset-0 columns end">
-                            <div id="partner" data-equalizer-watch>
+<!--                            <div id="partner" data-equalizer-watch>
                                 <h3 class="text-center">Featured Partner</h3>
                                 <div class="feed">
                                     <img src="<?php bloginfo('template_url'); ?>/assets/partner_img.jpg">
@@ -69,6 +90,9 @@
                                     <label><a href="#">View All Partners</a></label>
                                 </div>
                                 <br>
+                            </div>-->
+                            <div id="partner-block" data-equalizer-watch>
+                                <?php get_template_part('parts/glm-blocks');?>
                             </div>
                         </div>
                     </div>
index 717f189..bbbc41d 100644 (file)
@@ -525,6 +525,15 @@ slider .metaslider img,
             height: inherit - 50px;
             p {
                 padding: 10px 10px 0;
+                font-size: 14px;
+            }
+            .title-posts {
+                font-weight: bold;
+                color: black;
+            }
+            > div {
+                padding: 10px 10px 0;
+                min-height: 60px;
             }
         }
         .block-button {