Kitchen sink: Anchors added for easier navigation throughout the

diff --git a/root/parts/glm-kitchen-sink.php b/root/parts/glm-kitchen-sink.php
index 25734d2..a96cb53 100644 (file)
--- a/root/parts/glm-kitchen-sink.php
+++ b/root/parts/glm-kitchen-sink.php
@@ -1,6 +1,6 @@
 
 <div style="background:lightgrey;border:1px solid black;border-radius:5px;display:block;">
-    <ul>
+    <ul style="columns: 2;  -webkit-columns: 2;  -moz-columns: 2;">
         <li><a href="#social">social</a></li>
         <li><a href="#header">header</a></li>
         <li><a href="#search">search</a></li>
@@ -20,18 +20,26 @@
         <li><a href="#image-gallery">image-gallery</a></li>
         <li><a href="#video-gallery">video-gallery</a></li>
         <li><a href="#event-calendar">event-calendar</a></li>
+        <li><a href="#footer">footer</a></li>
+        <li><a href="#address">address</a></li>
+        <li><a href="#copyright">copyright</a></li>
         <li><a href="#"></a></li>
-        <li><a href="#"></a></li>
-        <li><a href="#"></a></li>
-        <li><a href="#"></a></li>
+        
+        <br><a name=""></a>
     </ul>
 </div>
 
 <header>
     
 </header>
+
+        <br><a name="social">social</a>
 <div id="social"></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="sample-content" class="row">
@@ -49,19 +57,42 @@
        <?php get_sidebar(); ?>
    </div>
 </div>
+
+        <br><a name="slideshow">slideshow</a> 
 <div id="slideshow" class="row">
     <?php get_template_part('parts/slide-show'); ?>
 </div>
+        
+        <br><a name="featured">featured</a> 
 <div id="featured" class="row">
 </div>
+        
+        <br><a name="breadcrumbs">breadcrumbs</a> 
 <div id="breadcrumbs" class="row">
     <?php get_template_part('parts/bread-crumbs'); ?>
 </div>
+        
+        <br><a name="paragraphs">paragraphs</a> 
 <div id="test-paragraphs" class="row">
     <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="glm-blocks">glm-blocks</a> 
+<div id="glm-blocks" class="row">
+    <?php get_template_part('parts/glm-blocks'); ?>
+</div>
+        
+        <br><a name="images-background">images-background</a> 
+<div id="background-images" class="row">
+    <div background-image="src: '../assets/logo.png'"></div>
+    <div background-image="src: '../assets/logo.png'">
+        some text on an image?
+    </div>
+</div>
+        
+        <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ë.
     <p>
@@ -80,7 +111,8 @@
         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ë.
     <p>
@@ -99,12 +131,8 @@
         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>
-<div id="background-images" class="row">
-    <div background-image="src: '../assets/logo.png'"></div>
-    <div background-image="src: '../assets/logo.png'">
-        some text on an image?
-    </div>
-</div>
+        
+        <br><a name="test-header-fonts">test-header-fonts</a> 
 <div id="test-header-fonts" class="row">
     <p> this is a paragraph for reference. Be sure to keep an eye on the line-height below</p>
     <h1>This is a H1 element and should be large, prominent, and sparse, likely used only once on a page at the top.</h1>
@@ -118,6 +146,8 @@
     <h5>This is a h4 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>
         <li>content</li>
@@ -143,6 +173,8 @@
         </li>
     </ol>
 </div>
+        
+        <br><a name="test-table">test-table</a> 
 <div id="test-table" class="row">
     <table>
         <thead>
@@ -165,20 +197,55 @@
         </tr>
     </table>
 </div>
+        
+        <br><a name="ninja-form">ninja-form</a> 
 <div id="ninja-form" class="row">
+    Insert ninja form here.
 </div>
 
+        <br><a name="image-gallery">image-gallery</a> 
 <h2>Not sure which of the below will work</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"]');?>
 </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"]');?>
 </div>
+        
+        <br><a name="event-calendar">event-calendar</a> 
 <div id="event-calendar" class="row">
     <?php do_shortcode('[ai1ec view="agenda" events_limit="3"]');?>
     <?php do_shortcode('[ai1ec view="stream" events_limit="3"]');?>
+</div>
+        
+        <br><a name="footer">footer</a> 
+<footer>
+    Example footer.
+</footer>
+
+        <br><a name="address">address</a> 
+<div id="address">
+    <span>Business Name</span>
+    <span class="bullet"> &#8226; </span>
+    <span>123 Lane Street, P.O. Box 321</span>
+    <span class="bullet"> &#8226; </span>
+    <span>Village City, MI 49586</span>
+    <span class="bullet"> &#8226; </span>
+    <span>231-123-1231</span>
+    <span class="bullet"></span>
+    <span><a href="<?php bloginfo('url');?>/contact-us">Contact Us</a></span>
+</div>
+        
+        <br><a name="copyright">copyright</a> 
+<div id="copyright" class="row">
+    <span>&copy; <?php echo date('Y');?> {%= title %}</span>
+    <span class="bullet"> &#8226; </span>
+    <span> All Rights Reserved.</span>
+    <span class="bullet"> &#8226; </span>
+    <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
 </div>
\ No newline at end of file