continuing on the structure of the front page, need to style still

diff --git a/footer.php b/footer.php
index b62055b..92931ea 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -1,3 +1,23 @@
+                        <div class="common-foot">
+                            <div class="row">
+                                <div class="small-11 small-centered text-center columns">
+                                    <ul id="quick-links">
+                                        <li><a id="travel" href="#"></a></li>
+                                        <li><a id="guide" href="#"></a></li>
+                                        <li><a id="chamber" href="#"></a></li>
+                                        <li><a id="news" href="#"></a></li>
+                                        <li><a id="play" href="#"></a></li>
+                                    </ul>
+                                </div>
+                                <div class="small-11 small-centered text-center columns">
+                                    <ul>
+                                        <li><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/beachtowns-logo.png"></a></li>
+                                        <li><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/pure-michigan-logo.png"></a></li>
+                                        <li><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/michigans-great-outdoors.png"></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
                     </main><!--End of main-->
                         <footer class="main">
                             <?php if (is_active_sidebar('sidebar-f')) :?>

diff --git a/front-page.php b/front-page.php
index 04ecce9..7566bce 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -15,10 +15,29 @@
                 <?php endif;?>
             </div>
         </div>
-        <div class="row">
-            <?php
-            get_template_part('parts/glm-blocks');
-            ?>
+        <div class="row collapse">
+            <div id="block-1" class="large-6 columns blocks overlay">
+                <h1>Things to Do</h1>
+            </div>
+            <div id="block-2" class="large-6 columns blocks overlay">
+                <h1>Lodging</h1>
+            </div>
+            <div id="block-3" class="large-4 columns blocks overlay">
+                <h1>Community & Services</h1>
+            </div>
+            <div id="block-4" class="large-4 columns blocks overlay right">
+                <h1>Dining & Shopping</h1>
+            </div>
+            <div id="block-column" class="large-4 columns">
+                <div class="row">
+                    <div id="block-5" class="small-12 columns blocks overlay">
+                        <h1>Discover Deals</h1>
+                    </div>
+                    <div id="block-6" class="small-12 columns blocks overlay">
+                        <h1>Events</h1>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 <?php get_footer(); ?>

diff --git a/functions.php b/functions.php
index d3c7fd5..68458dd 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -46,6 +46,11 @@ if (!function_exists('glm_get_clientinfo_option')) {
 
 add_theme_support('post-thumbnails');
 set_post_thumbnail_size(120, 100, true);
+
+add_image_size('glm_block1_2', 511, 338, false);
+add_image_size('glm_block3_4', 346, 338, false);
+
+
 /**
  * glm_site_scripts
  *

diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index 8f92ed5..82ab6eb 100644 (file)
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -1,28 +1,165 @@
 <?php if(function_exists('fetch_all_glm_blocks')):?>
 <?php $blocks = fetch_all_glm_blocks();?>
+<?php $count = 1; ?>
 <div class="blocks">
     <?php foreach ($blocks as $block):?>
-    <div class="text-center small-12 medium-4 columns large-text-left blocks">
-            <?php if($block->url):?>
-            <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
-            <?php endif;?>
-            <?php echo get_the_post_thumbnail($block->ID, 'glm-block-image');?>
-            <?php if($block->url):?>
-            </a>
-            <?php endif;?>
-            <?php if($block->url):?>
-            <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
-            <?php endif;?>
-                <h1><?php echo $block->post_title;?></h1>
-            <?php if($block->url):?>
-            </a>
-             <?php endif;?>
-        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
-        <?php if($block->url):?>
-        <a class="blocks-readmore" href="<?php echo $block->url;?>"></a>
-        <?php endif;?>
-    </div>
-    <?php endforeach;?>
+            <?php $post_image_id = get_post_thumbnail_id($block->ID); ?>
+            <?php
+                if($count == 1 || $count == 2){
+                    $thumbnail = wp_get_attachment_image_src( $post_image_id, 'glm_block1_2', false); ?>
+                     <div id="block-<?php echo $count; ?>" class="small-11 small-centered medium-uncentered large-6 columns blocks overlay" >
+                        <?php if($block->url):?>
+                        <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            <?php //echo $block->thumbnail;?>
+                            <img src="<?php echo $thumbnail[0]; ?>"/>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                            <div class="block-text">
+                         <?php if($block->url):?>
+                            <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                        <?php endif;?>
+                            
+                            <h3><?php echo $block->post_title;?></h3>
+                        <?php if($block->url):?>
+                            </a>
+                        <?php endif;?>
+                        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                        <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                        </div>
+                    </div>
+                <?php }
+
+                elseif ($count == 3){
+                    $thumbnail = wp_get_attachment_image_src( $post_image_id, 'glm_block3_4', false); ?>
+                     <div id="block-<?php echo $count; ?>" class="small-11 small-centered medium-uncentered medium-4 columns blocks overlay" >
+                        <?php if($block->url):?>
+                        <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            <?php //echo $block->thumbnail;?>
+                            <img src="<?php echo $thumbnail[0]; ?>"/>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                         <div class="block-text">
+                        <?php if($block->url):?>
+                        <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            
+                            <h3><?php echo $block->post_title;?></h3>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                        <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                        </div>
+                    </div>
+              <?php  }
+    
+                elseif ($count == 4){
+                    $thumbnail = wp_get_attachment_image_src( $post_image_id, 'glm_block3_4', false); ?>
+                     <div id="block-<?php echo $count; ?>" class="small-11 small-centered medium-uncentered medium-4 columns blocks overlay right" >
+                        <?php if($block->url):?>
+                        <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            <?php //echo $block->thumbnail;?>
+                            <img src="<?php echo $thumbnail[0]; ?>"/>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                         <div class="block-text">
+                        <?php if($block->url):?>
+                        <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            
+                            <h3><?php echo $block->post_title;?></h3>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                        <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                        </div>
+                    </div>
+              <?php  }
+
+                elseif ($count == 5 || $count == 6){
+                    
+                    $thumbnail = wp_get_attachment_image_src( $post_image_id, false);  ?>
+                    <div id="block-column" class="small-11 small-centered medium-uncentered medium-4 columns">
+                        <div class="row">
+                            <div id="block-<?php echo $count; ?>" class="small-11 small-centered large-uncentered medium-12 columns blocks overlay" >
+                                <?php if($block->url):?>
+                                <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                                    <?php endif;?>
+                                    <?php //echo $block->thumbnail;?>
+                                    <img src="<?php echo $thumbnail[0]; ?>"/>
+                                    <?php if($block->url):?>
+                                </a>
+                                <?php endif;?>
+                                 <div class="block-text">
+                                <?php if($block->url):?>
+                                <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                                    <?php endif;?>
+
+                                    <h3><?php echo $block->post_title;?></h3>
+                                    <?php if($block->url):?>
+                                </a>
+                                <?php endif;?>
+                                <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                                <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                                </div>
+                            </div>
+                            <div id="block-<?php echo $count; ?>" class="small-11 small-centered large-uncentered medium-12 columns blocks overlay" >
+                                <?php if($block->url):?>
+                                <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                                    <?php endif;?>
+                                    <?php //echo $block->thumbnail;?>
+                                    <img src="<?php echo $thumbnail[0]; ?>"/>
+                                    <?php if($block->url):?>
+                                </a>
+                                <?php endif;?>
+                                 <div class="block-text">
+                                <?php if($block->url):?>
+                                <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                                    <?php endif;?>
+
+                                    <h3><?php echo $block->post_title;?></h3>
+                                    <?php if($block->url):?>
+                                </a>
+                                <?php endif;?>
+                                <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                                <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                                 </div>
+                            </div>
+                        </div>
+                    </div> 
+                    <div id="block-<?php echo $count; ?>" class="small-11 small-centered large-uncentered medium-12 columns blocks overlay" >
+                        <?php if($block->url):?>
+                        <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            <?php //echo $block->thumbnail;?>
+                            <img src="<?php echo $thumbnail[0]; ?>"/>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                         <div class="block-text">
+                        <?php if($block->url):?>
+                        <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+                            <?php endif;?>
+                            
+                            <h3><?php echo $block->post_title;?></h3>
+                            <?php if($block->url):?>
+                        </a>
+                        <?php endif;?>
+                        <p><?php echo $block->post_content . $block->post_excerpt;?></p>
+                        <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+                        </div>
+                    </div>
+               <?php } ?>
+            <!-- end block# div -->
+    <?php $count++; ?>
+   <?php endforeach;?>
 </div>
 <!--<div class="separator"><hr></div>-->
 <?php endif;?>