php format
authorIan Weller <ian@gaslightmedia.com>
Tue, 10 Feb 2015 19:28:54 +0000 (14:28 -0500)
committerIan Weller <ian@gaslightmedia.com>
Tue, 10 Feb 2015 19:28:54 +0000 (14:28 -0500)
footer.php [new file with mode: 0644]
front-page.php [new file with mode: 0644]
functions.php [new file with mode: 0644]
header.php [new file with mode: 0644]
index.php [new file with mode: 0644]
page.php [new file with mode: 0644]
sidebar.php [new file with mode: 0644]
style.css [new file with mode: 0644]

diff --git a/footer.php b/footer.php
new file mode 100644 (file)
index 0000000..c3f969c
--- /dev/null
@@ -0,0 +1,61 @@
+            <div class="row text-center">
+                <div class="small-12 columns">
+                    <h3>The Gilmore Car Musuem</h3>
+                    <p>6865 W Hickory Rd. Hickory Corners, MI 49060 &#8226; 269-671-5089 &#8226; <a class="link" href="#">Directions</a></p>
+                    <div id="soc-bottom" class="social">
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/facebook.png"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/pin.jpg"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/twitt.jpg"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/flickr-icon.jpg"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/youtube_icon.jpg"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/google.png"></a>
+                        <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/share-icon.jpg"></a>
+                    </div>
+                </div>
+            </div>
+            <footer>
+                <div class="row">    
+                    <div class="small-12 medium-4 columns text-center">
+                        <img src="<?php bloginfo('template_url'); ?>/assets/email_signup-img.png">
+                    </div>
+                    <div class="small-12 medium-4 columns text-center">
+                        <a><img src="<?php bloginfo('template_url'); ?>/assets/trip.jpg"></a>
+                    </div>
+                    <div class="small-12 medium-4 columns text-center">
+                        <a><img src="<?php bloginfo('template_url'); ?>/assets/sponsers.jpg"></a>
+                    </div>
+                </div>
+            </footer>
+            <div id="partners" class="row text-center">
+                <div class="small-offset-0 small-6 medium-4 large-offset-1 large-2 columns">
+                    <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/naam-logo.png"></a>
+                </div>
+                <div class="small-6 medium-4 large-2 columns">
+                    <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/mma-logo.png"></a>
+                </div>
+                <div class="small-6 medium-4 large-2 columns">
+                    <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/motor-cities-logo.png"></a>
+                </div>
+                <div class="small-6 large-2 columns">
+                    <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/aam-logo.png"></a>
+                </div>
+                <div class="small-12 medium-6 large-2 columns left">
+                    <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/aaslh-logo.png"></a>
+                </div>
+            </div>
+            <div class="row">    
+                <div id="copyright" class="small-12 text-center">
+                    <p>The Gilmore Car Museum is a public, 501(c)3 non-profit educational institution, dedicated to preserving the history and heritage of the American automobile.</p>
+                    <p>&copy; 2015 Gilmore Car Musuem &#8226; All Rights Reserved &#8226; Produced by Gaslight Media</p>
+                </div>
+            </div>
+        <a class="exit-off-canvas"></a>
+        </div><!--/inner-wrap-->
+    </div><!--/off-canvas-wrap-->
+
+    <script src="<?php bloginfo('template_url'); ?>/bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="<?php bloginfo('template_url'); ?>/bower_components/foundation/js/foundation.min.js"></script>
+    <script src="<?php bloginfo('template_url'); ?>/js/app.js"></script>
+    <?php wp_footer();?>
+  </body>
+</html>
diff --git a/front-page.php b/front-page.php
new file mode 100644 (file)
index 0000000..a748b9e
--- /dev/null
@@ -0,0 +1,51 @@
+<?php get_header(); ?>
+            <div class="show-for-medium-up">
+            <div class="slider">
+            </div>
+            <div class="thumb-nav">
+                <div class="row">
+                    <div id="thumb" class="large-12 show-for-large-up">
+                        <img src="assets/slide_sub1.jpg">
+                        <img src="assets/slide_sub2.jpg">
+                        <img src="assets/slide_sub3.jpg">
+                        <img src="assets/slide_sub4.jpg">
+                    </div>
+                </div>
+            </div>
+            </div>
+            <div class="row content">
+                <div class="small-12 columns">
+                    <h2>Welcome</h2>
+                    <p>On a 90-acre historic campus midway between Detroit and Chicago is the Gilmore Car Museum. Here, visitors shoot the breeze in an old-fashioned gas station. Children stand inches from a 1930 Rolls-Royce that’s from a Disney&reg; movie. Grandparents share stories about a ’57 Chevy, as their smiles are reflected in the car’s chrome. Stroll the campus. Eat lunch in our authentic Blue Moon Diner. Walk right upto an amazing collection of over 300 vintage automobiles, motorcycles, and memories. It’s America’s Signature Collection. And the ultimate experience for everyone in your family.</p>
+                </div>
+                <div id="news" class="small-12 medium-6 large-4 columns">
+                    <h3 class="text-center">News</h3>
+                    <div class="feed">
+                        <img src="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></p>
+                        <label><a href="#">More News</a></label>
+                    </div>
+                </div>
+                <div id="upcoming" class="small-12 medium-6 large-4 columns">
+                    <h3 class="text-center">Upcoming Events</h3>
+                    <div class="feed">
+                        <img src="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>
+                        <label><a href="#">View All Events</a></label>
+                    </div>
+                </div>
+                <div id="partners" class="small-12 medium-6 large-4 columns end">
+                    <h3 class="text-center">Featured Partner</h3>
+                    <div class="feed">
+                        <img src="assets/partner_img.jpg">
+                        <p>Did you know we have 7 onsite partner museums?</p>
+                        <p>Our featured partner this month is the H.H. Franklin Club. This permanent exhibit includes automobiles, engines, and artifacts that span the four-decade history of the H.H. Franklin Company.</p>
+                        <label><a href="#">View All Partners</a></label>
+                    </div>
+                </div>
+            </div>
+<?php get_footer(); ?>
\ No newline at end of file
diff --git a/functions.php b/functions.php
new file mode 100644 (file)
index 0000000..d64446b
--- /dev/null
@@ -0,0 +1,90 @@
+<?php
+/**
+ * glm_page_menu
+ *
+ * Grab the top level pages and their sub pages as the main navigation
+ */
+function glm_page_menu($parent = 0, $class = '')
+{
+    $frontPageId  = get_option('page_on_front');
+    $parents = array();
+    $pages = get_pages(array(
+        'post_type'   => 'page',
+        'parent'      => $parent,
+        'number'      => '',
+        'exclude'     => $frontPageId,
+        'post_status' => 'publish',
+        'sort_order'  => 'asc',
+        'sort_column' => 'menu_order'
+    ));
+    echo '<ul'.(($class)?' class="'.$class.'"':'').'><!-- begin -->'."\n";
+    foreach ($pages as $page) {
+        $childs = get_pages('child_of=' . $page->ID);
+        if (count($childs) > 0) {
+            echo '<li class="has-dropdown">'."\n";
+            echo '<a href="'.get_permalink($page->ID).'">'.$page->post_title.'</a>'."\n";
+            echo glm_page_menu($page->ID, 'sub-menu dropdown');
+            echo '</li>'."\n";
+        } else {
+            echo '<li><a href="'.get_permalink($page->ID).'">'.$page->post_title.'</a></li>'."\n";
+        }
+    }
+    echo '</ul><!-- end -->'."\n";
+}
+
+
+/**
+ * glm_offcanvas_menu
+ *
+ * Generate the list of pages as nested ul li list
+ */
+function glm_offcanvas_menu()
+{
+    wp_page_menu(array(
+        'depth' => 0,
+        'sort_column' => 'menu_order',
+        'menu_class' => 'left-off-canvas-list'
+    ));
+}
+
+function glm_site_scripts()
+{
+    wp_enqueue_script(
+        'modernizr',
+        get_template_directory_uri() . '/js/vendor/modernizr.js'
+    );
+    wp_enqueue_script(
+        'jquery',
+        get_template_directory_uri() . '/js/vendor/jquery.js'
+    );
+    wp_enqueue_script(
+        'dollarsign',
+        get_template_directory_uri() . '/js/dollarsign.js'
+    );
+    wp_enqueue_script(
+        'foundation',
+        get_template_directory_uri() . '/js/foundation.min.js',
+        'jquery',
+        '1.0',
+        true
+    );
+    wp_enqueue_script(
+        'pageSetup',
+        get_template_directory_uri() . '/js/pageSetup.js',
+        'foundation',
+        '1.0',
+        true
+    );
+    if(is_front_page()) {
+        wp_enqueue_script(
+            'cycle_script',
+            get_template_directory_uri() . '/js/jquery.cycle2.min.js',
+            'jquery',
+            '1.0',
+            true
+        );
+    }
+
+}
+add_action('wp_enqueue_scripts', 'glm_site_scripts');
+?>
diff --git a/header.php b/header.php
new file mode 100644 (file)
index 0000000..ffc5522
--- /dev/null
@@ -0,0 +1,68 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Gilmore Car Museum</title>
+    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/app.css"/>
+    <?php wp_head();?>
+    <link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>
+    <script src="<?php bloginfo('template_url'); ?>/bower_components/modernizr/modernizr.js"></script>
+  </head>
+  <body>
+    <div class="off-canvas-wrap" data-offcanvas>
+        <div class="inner-wrap">
+            <header>
+                <div class="row">
+                    <div class="small-12 medium-4 columns text-center">
+                        <a id="logo" class="text-center" href="#"><img src="<?php bloginfo('template_url'); ?>/assets/logo.png"></a>
+                    </div>
+                    <div class="small-12 medium-8 columns right">
+                        <div class="small-8 columns show-for-medium-up">
+                            <nav class="sec_nav">
+                                <ul>
+
+                                    <li><a href="#">Volunteer/Employment</a></li>
+                                    <li><a href="#">Donate</a></li>
+                                    <li><a href="#">Media</a></li>
+                                    <li><a href="#">Contact</a></li>
+
+                                </ul>
+                            </nav>
+                        </div>
+                        <div class="small-4 columns show-for-medium-up social">
+                            <div id="soc-top">
+                                <p>Connect With Us</p>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/facebook.png"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/pin.jpg"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/twitt.jpg"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/flickr-icon.jpg"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/youtube_icon.jpg"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/google.png"></a>
+                                <a href="#"><img src="<?php bloginfo('template_url'); ?>/assets/share-icon.jpg"></a>
+                            </div>
+                            <div class="search">
+                                <input type="text" placeholder="SEARCH"><img src="<?php bloginfo('template_url'); ?>/assets/search_button.jpg">
+                            </div>
+                        </div>
+                        <div class="small-12 columns small-only-text-center medium-text-right">
+                            <h1>America's Signature Collection<sup>&trade;</sup></h1>
+                        </div>
+                    </div>
+                </div>
+                    <nav class="top-bar text-center show-for-large-up" data-topbar role="navigation">
+                    <section class="top-bar-section">
+                        <?php glm_page_menu(); ?>
+                    </section>
+                </nav>
+                <nav class="tab-bar show-for-medium-down">
+                    <section class="left-small">
+                        <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
+                    </section>
+                </nav>
+                <aside class="left-off-canvas-menu">
+                    <ul class="left-off-canvas-list">
+                        <?php glm_page_menu(); ?>
+                    </ul>
+                </aside>
+            </header>
diff --git a/index.php b/index.php
new file mode 100644 (file)
index 0000000..a748b9e
--- /dev/null
+++ b/index.php
@@ -0,0 +1,51 @@
+<?php get_header(); ?>
+            <div class="show-for-medium-up">
+            <div class="slider">
+            </div>
+            <div class="thumb-nav">
+                <div class="row">
+                    <div id="thumb" class="large-12 show-for-large-up">
+                        <img src="assets/slide_sub1.jpg">
+                        <img src="assets/slide_sub2.jpg">
+                        <img src="assets/slide_sub3.jpg">
+                        <img src="assets/slide_sub4.jpg">
+                    </div>
+                </div>
+            </div>
+            </div>
+            <div class="row content">
+                <div class="small-12 columns">
+                    <h2>Welcome</h2>
+                    <p>On a 90-acre historic campus midway between Detroit and Chicago is the Gilmore Car Museum. Here, visitors shoot the breeze in an old-fashioned gas station. Children stand inches from a 1930 Rolls-Royce that’s from a Disney&reg; movie. Grandparents share stories about a ’57 Chevy, as their smiles are reflected in the car’s chrome. Stroll the campus. Eat lunch in our authentic Blue Moon Diner. Walk right upto an amazing collection of over 300 vintage automobiles, motorcycles, and memories. It’s America’s Signature Collection. And the ultimate experience for everyone in your family.</p>
+                </div>
+                <div id="news" class="small-12 medium-6 large-4 columns">
+                    <h3 class="text-center">News</h3>
+                    <div class="feed">
+                        <img src="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></p>
+                        <label><a href="#">More News</a></label>
+                    </div>
+                </div>
+                <div id="upcoming" class="small-12 medium-6 large-4 columns">
+                    <h3 class="text-center">Upcoming Events</h3>
+                    <div class="feed">
+                        <img src="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>
+                        <label><a href="#">View All Events</a></label>
+                    </div>
+                </div>
+                <div id="partners" class="small-12 medium-6 large-4 columns end">
+                    <h3 class="text-center">Featured Partner</h3>
+                    <div class="feed">
+                        <img src="assets/partner_img.jpg">
+                        <p>Did you know we have 7 onsite partner museums?</p>
+                        <p>Our featured partner this month is the H.H. Franklin Club. This permanent exhibit includes automobiles, engines, and artifacts that span the four-decade history of the H.H. Franklin Company.</p>
+                        <label><a href="#">View All Partners</a></label>
+                    </div>
+                </div>
+            </div>
+<?php get_footer(); ?>
\ No newline at end of file
diff --git a/page.php b/page.php
new file mode 100644 (file)
index 0000000..9a803bf
--- /dev/null
+++ b/page.php
@@ -0,0 +1,18 @@
+<?php get_header(); ?>
+            <div class="row content">
+                <div class="small-12 columns">
+                    <div  class="breadcrumbs">
+                        <span></span>
+                        <span></span>
+                    </div>
+                </div>
+<?php get_sidebar(); ?>
+                <div class="small-12 medium-9 columns main">
+                    <?php if(have_posts()) : while(have_posts()): the_post();?>
+                        <?php the_content();?>
+                    <?php endwhile; else:?>
+                        <p><?php _e('Sorry, no posts yet');?></p>
+                    <?php endif;?>
+                </div>
+            </div>
+<?php get_footer(); ?>
\ No newline at end of file
diff --git a/sidebar.php b/sidebar.php
new file mode 100644 (file)
index 0000000..930cb22
--- /dev/null
@@ -0,0 +1,15 @@
+                <div class="medium-3 columns show-for-medium-up sidebar">
+                    <h3>Host an Event</h3>
+                    <ul>
+                        <li><a id="active" href="#">General Events</a></li>
+                        <li><a href="#">Banquets</a></li>
+                        <li><a href="#">Corporate Meetings</a></li>
+                        <li><a href="#">Weddings</a></li>
+                        <li><a href="#">Event/Meeting Spaces</a></li>
+                        <li><a href="#">Approved Caterers</a></li>
+                    </ul>
+                    <a class="tab" href="#"><h3>Upcoming Events</h3></a>
+                    <a class="tab" href="#"><h3>News</h3></a>
+                    <a class="tab" href="#"><h3>The Collections</h3></a>
+                    <a class="tab" href="#"><h3>Sponsors</h3></a>
+                </div>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..560c527
--- /dev/null
+++ b/style.css
@@ -0,0 +1,7 @@
+/*
+Theme Name: Gilmore Car Museum
+Author: Gaslight Media
+Author URI: http://www.gaslightmedia.com
+Description: A theme created for Gilmore Car Museum.
+Version: 1.0
+*/
\ No newline at end of file