A more complete kitchen sink and showing on page.php if page=kitchensink.

diff --git a/root/assets/social/social-icons-color-s.jpg b/root/assets/social/social-icons-color-s.jpg
new file mode 100644 (file)
index 0000000..ded6155
Binary files /dev/null and b/root/assets/social/social-icons-color-s.jpg differ

diff --git a/root/assets/social/social-icons-color.jpg b/root/assets/social/social-icons-color.jpg
new file mode 100644 (file)
index 0000000..6e602de
Binary files /dev/null and b/root/assets/social/social-icons-color.jpg differ

diff --git a/root/assets/social/social-icons-shadow-s.jpg b/root/assets/social/social-icons-shadow-s.jpg
new file mode 100644 (file)
index 0000000..3c6dc2c
Binary files /dev/null and b/root/assets/social/social-icons-shadow-s.jpg differ

diff --git a/root/assets/social/social-icons-shadow.jpg b/root/assets/social/social-icons-shadow.jpg
new file mode 100644 (file)
index 0000000..42d21fe
Binary files /dev/null and b/root/assets/social/social-icons-shadow.jpg differ

diff --git a/root/page.php b/root/page.php
index bdc2bb2..30aa7ed 100644 (file)
--- a/root/page.php
+++ b/root/page.php
@@ -1,30 +1,37 @@
 <?php get_header(); ?>
-
+    <?php if (is_page("kitchensink")) { 
+        get_template_part('parts/glm-kitchen-sink'); 
+    } else { ?>
                 <div class="main">
+                    <?php if (is_page("kitchensink")) { 
+                        get_template_part('parts/glm-kitchen-sink'); 
+                    } else { ?>
                     <div id="content-wrapper">
-<!--                         <div class="row">
+                         <div class="row">
                              <?php
-//                             get_template_part('parts/bread-crumbs');
+                             get_template_part('parts/bread-crumbs');
                              ?>
-                         </div>-->
-
+                        </div>
                         <div class="row">
                             <?php
-                            get_template_part('parts/glm-kitchen-sink');
+                            get_template_part('parts/bread-crumbs');
                             ?>
                         </div>
-                        
-<!--                         <div class="row">
+                        <!-- kitchensink check - delete me before going live -->
+                        <div class="row">
                             <div id="main-content" class="small-12 medium-6 large-8 columns">
-                                    <?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;?>
+                                    <?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 class="small-12 medium-6 large-4 columns small-text-center medium-text-left">
                                 <?php get_sidebar(); ?>
                             </div>
-                        </div>-->
-                    </div>
+                        </div>
+                    </div> 
+                    <?php } ?> <!-- end kitchensink check - delete me before going live -->
+                </div>
+    <?php } ?>
 <?php get_footer(); ?>

diff --git a/root/parts/glm-kitchen-sink.php b/root/parts/glm-kitchen-sink.php
index a96cb53..243122e 100644 (file)
--- a/root/parts/glm-kitchen-sink.php
+++ b/root/parts/glm-kitchen-sink.php
@@ -1,5 +1,5 @@
 
-<div style="background:lightgrey;border:1px solid black;border-radius:5px;display:block;">
+<div style="background:rgba(0,0,0,0.4);border:1px solid black;border-radius:5px;display:block;margin:5px auto;width:90%;max-width:500px">
     <ul style="columns: 2;  -webkit-columns: 2;  -moz-columns: 2;">
         <li><a href="#social">social</a></li>
         <li><a href="#header">header</a></li>
@@ -29,18 +29,35 @@
     </ul>
 </div>
 
-<header>
-    
-</header>
+<header></header>
 
         <br><a name="social">social</a>
-<div id="social"></div>
+        <p>temporary inline style: height 32, width 32, float left.</p>
+<div id="testsocial" class="row">
+    <style>
+        #testsocial .soc_icon {
+            height: 32px; width:32px; float: left;
+        }
+    </style>
+    <div class="soc_icon soc_facebook" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 354px 395px transparent"></div>
+    <div class="soc_icon soc_twitter" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 316px 395px transparent"></div>
+    <div class="soc_icon soc_blogger" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 117px 355px transparent"></div>
+    <div class="soc_icon soc_wordpress" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 355px 355px transparent"></div>
+    <div class="soc_icon soc_youtube" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 37px 395px transparent"></div>
+    <div class="soc_icon soc_pinterest" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 276px 395px transparent"></div>
+    <div class="soc_icon soc_instagram" style="background: url('<?php echo get_template_directory_uri(); ?>/assets/social-icons-color-s.jpg') repeat scroll 117px 394px transparent"></div>
+</div>
 
         <br><a name="header">header</a> 
 <div id="header" class="row"></div>
 
         <br><a name="search">search</a> 
-<div id="search" class="row"></div>
+<div id="search" class="row">
+    <?php 
+    get_template_part('parts/search');
+    include( locate_template( 'template-part.php' ) );
+     ?>
+</div>
 
 <div id="sample-content" class="row">
    <div id="main-content" class="small-12 medium-6 large-8 columns">
@@ -94,39 +111,63 @@
         
         <br><a name="images-captions">images-captions</a> 
 <div id="test-images-captions" class="row">
-    <img class="wp-caption leftalign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+
+    <div class="wp-caption alignright">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+        <p class="wp-caption-text">Guests and staff join for a farewell photo</p>
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img class="wp-caption centeralign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <div class="wp-caption alignleft">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+        <p class="wp-caption-text">Guests and staff join for a farewell photo</p>
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img class="wp-caption rightalign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <div class="wp-caption aligncenter">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+        <p class="wp-caption-text">Guests and staff join for a farewell photo</p>
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img class="wp-caption">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <div class="wp-caption">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+        <p class="wp-caption-text">Guests and staff join for a farewell photo</p>
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
 </div>
-        
+
         <br><a name="images">images</a> 
 <div id="test-images" class="row">
-    <img class="leftalign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <div class="alignright">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img class="centeralign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <hr>
+    <div class="alignleft">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img class="rightalign">Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <hr>
+    <div class="aligncenter">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
-    <img>Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
+    <hr>
+    <div class="">
+        <img alt="This is alt text for the image" src="http://placehold.it/250x250">
+    </div>
     <p>
         Yúyo tihta atalantëa wen nu. Lau nú engë rotelë, telpë ananta ré llo. San ré yávë ohtatyaro. Vén sú telpë yanen laira. Mel ehtë teren tanga nu. Hwarma tareldar at ëar, ep man norna carcassë.
     </p>
@@ -143,12 +184,13 @@
     <p> this is a paragraph for reference.</p>
     <h4>This is a h4 element and will likely not be used or be the same size as the surrounding P elements.</h4>
     <p> this is a paragraph for reference.</p>
-    <h5>This is a h4 element and will likely not be used or be the same size as the surrounding P elements.</h5>
+    <h5>This is a h5 element and will likely not be used or be the same size as the surrounding P elements.</h5>
     <p> this is a paragraph for reference.</p>
 </div>
         
         <br><a name="test-lists">test-lists</a> 
 <div id="test-lists" class="row">
+    UL, bulleted
     <ul>
         <li>content</li>
         <li>content</li>
@@ -161,6 +203,7 @@
         </li>
     </ul>
     <br>
+    OL, numbered
     <ol>
         <li>content</li>
         <li>content</li>
@@ -178,23 +221,27 @@
 <div id="test-table" class="row">
     <table>
         <thead>
-            <td>table data0,0</td>
-            <td>table data0,1</td>
-            <td>table data0,2</td>
-            <td>table data0,3</td>
+            <tr>
+                <td>head data0,0</td>
+                <td>head data0,1</td>
+                <td>head data0,2</td>
+                <td>head data0,3</td>
+            </tr>
         </thead>
-        <th>
-            <td>table data1,0</td>
-            <td>table data1,1</td>
-            <td>table data1,2</td>
-            <td>table data1,3</td>
-        </th>
-        <tr>
-            <td>table data2,0</td>
-            <td>table data2,1</td>
-            <td>table data2,2</td>
-            <td>table data2,3</td>                
-        </tr>
+        <tbody>
+            <tr>
+                <td>body data1,0</td>
+                <td>body data1,1</td>
+                <td>body data1,2</td>
+                <td>body data1,3</td>
+            </tr>
+            <tr>
+                <td>body data2,0</td>
+                <td>body data2,1</td>
+                <td>body data2,2</td>
+                <td>body data2,3</td>                
+            </tr>
+        </tbody>
     </table>
 </div>
         
@@ -204,21 +251,24 @@
 </div>
 
         <br><a name="image-gallery">image-gallery</a> 
-<h2>Not sure which of the below will work</h2>
+        <h2> below momentarily won't work, nextgen might not use shortcodes anymore</h2>
 <div id="image-gallery" class="row">
-    <?php do_shortcode('[ngg_images gallery_ids="1" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
-    <?php do_shortcode('[nggallery id=1 gallery_ids="1" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
+    <?php do_shortcode('[ngg_images gallery_ids="23" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
+    <?php do_shortcode('[nggallery gallery_ids="1" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
 </div>
 
         <br><a name="video-gallery">video-gallery</a> 
 <div id="video-gallery" class="row">
     <h2>this will only work with nextgen custom fields plugin installed</h2>
-        <?php do_shortcode('[ngg_images gallery_ids="2" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
-        <?php do_shortcode('[nggallery id=2 gallery_ids="2" template=glmvideos display_type="photocrati-nextgen_basic_slideshow"]');?>
+    <h2>but below won't work at all at the moment</h2>
+    
+        <?php do_shortcode('[ngg_images gallery_ids="24" template=glmphotos display_type="photocrati-nextgen_basic_slideshow"]');?>
+        <?php do_shortcode('[nggallery id=24 template="glmvideos" display_type="photocrati-nextgen_basic_slideshow"]');?>
 </div>
         
         <br><a name="event-calendar">event-calendar</a> 
 <div id="event-calendar" class="row">
+    <h2>this will only work with ai1ec time.ly event calendar plugin installed</h2>
     <?php do_shortcode('[ai1ec view="agenda" events_limit="3"]');?>
     <?php do_shortcode('[ai1ec view="stream" events_limit="3"]');?>
 </div>

diff --git a/root/parts/search.php b/root/parts/search.php
new file mode 100644 (file)
index 0000000..0f27490
--- /dev/null
+++ b/root/parts/search.php
@@ -0,0 +1,6 @@
+<form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
+     <input class="search-input" type="text" placeholder="Search" value="" name="s" id="lar-search">
+     <input class="search-button" type="image" 
+        src="<?php bloginfo('template_url'); ?>/assets/search_button.png" 
+        value="submit" name="searchButton">
+</form>
\ No newline at end of file

diff --git a/root/scss/_defaults.scss b/root/scss/_defaults.scss
new file mode 100644 (file)
index 0000000..260dcd5
--- /dev/null
+++ b/root/scss/_defaults.scss
@@ -0,0 +1,17 @@
+// This document will contain all the styles that we want to apply to every
+//  site. Make sure this is placed before _structures (if that is still the
+//  primary css file).
+
+
+
+/* PLUGINS */
+/* Nextgen */
+.gallery li a img { // without this images will overlap each other at certain widths
+    display: block;
+    width: 100%;
+}
+/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */
+a[href^=tel]{
+    color:inherit;
+    text-decoration:none;
+}
\ No newline at end of file

diff --git a/root/style.css b/root/style.css
index bec8c63..7eb060e 100644 (file)
--- a/root/style.css
+++ b/root/style.css
@@ -3,5 +3,5 @@ Theme Name: {%= name %}
 Author: Gaslight Media
 Author URI: http://www.gaslightmedia.com
 Description: A theme for {%= name %}
-Version: 1.0
+Version: 1.234
 */