adds testing links to templates

diff --git a/docs/pages/migration.md b/docs/pages/migration.md
index ecc31c86133d11056320922550af41b750494fdf..b34014a6fb2364c3817fbf208704794087bbe249 100644 (file)
--- a/docs/pages/migration.md
+++ b/docs/pages/migration.md
@@ -340,7 +340,7 @@ In the previous version of F4E the text inside of the button was the only clicka
 </table>
 ```
 
-#### Old Markup (Plain HTML)
+#### New Markup (Plain HTML)
 
 ```
 <table class="button">
@@ -385,7 +385,7 @@ In an effort to unify the terminology across the Foundation family `panels` are
 </table>
 ```
 
-#### Old Markup (Plain HTML)
+#### New Markup (Plain HTML)
 
 ```
 <table class="callout">

diff --git a/package.json b/package.json
index a9fcd437dacba486ec5f447d46447f67f56a14dc..e213b00d962938ac9d9e15656a711410014f8dbd 100644 (file)
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "gulp-sourcemaps": "^1.6.0",
     "gulp-wrap": "^0.11.0",
     "gulp-zip": "^3.2.0",
-    "inky": "^1.3.1",
+    "inky": "^1.3.3",
     "lazypipe": "^1.0.1",
     "motion-ui": "^1.1.1",
     "multiline": "^1.0.2",

diff --git a/scss/foundation.scss b/scss/foundation.scss
index f51265056739cb18d68bc9826f109cd4d7836a15..637ce4dad4de5aa8f78ca770d502265c7b708b70 100755 (executable)
--- a/scss/foundation.scss
+++ b/scss/foundation.scss
@@ -19,3 +19,54 @@
   'components/media-query';
 
 
+
+      
+.footer-drip {
+  background: #F3F3F3;
+  border-radius: 0 0 10px 10px;
+}
+
+.footer-drip .columns {
+  padding-top: 16px;
+}
+
+.container.header-drip {
+  background: #F3F3F3;
+}
+
+.container.header-drip .columns {
+  padding-bottom: 16px;
+  padding-top: 16px;
+}
+
+.container.body-drip {
+  border-radius: 10px;
+  border-top: 10px solid #663399;
+}
+
+
+
+
+.header {
+  background: #8a8a8a;
+}
+
+.header p {
+  color: #ffffff;
+  margin: 0;
+}
+
+.header .columns {
+  padding-bottom: 0;
+}
+
+.header .container {
+  background: #8a8a8a;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+.header .container td {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
\ No newline at end of file

diff --git a/templates/basic.html b/templates/basic.html
index 022d6fa5f0db4bad4de0e6bedae186c36e90f8a6..adf4f736ae6b4d3e8a64f4477ed25d807249983c 100644 (file)
--- a/templates/basic.html
+++ b/templates/basic.html
@@ -1,9 +1,24 @@
+<div class="header">
+  <container>
+    <row class="collapse">
+      <columns small="6">
+        <img src="http://placehold.it/150x30/663399">
+      </columns>
+      <columns small="6">
+        <p class="text-right">BASIC</p>
+      </columns>
+    </row>
+  </container>
+</div>
+
 <container>
   <row>
     <columns>
+      <br>
       <center>
         <img src="http://placehold.it/200x50">
       </center>
+      <br>
       <h1>Hi, Susan Calvin</h1>
       <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, iste, amet consequatur a veniam.</p>
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio nulla et, fugiat. Maiores accusantium nostrum asperiores provident, quam modi ex inventore dolores id aspernatur architecto odio minima perferendis, explicabo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quos quasi itaque beatae natus fugit provident delectus, magnam laudantium odio corrupti sit quam. Optio aut ut repudiandae velit distinctio asperiores?</p>
@@ -14,9 +29,9 @@
         <row>
           <columns large="6">
             <h5>Connect With Us:</h5>
-            <button class="facebook expand" href="#">Facebook</button>
-            <button class="twitter expand" href="#">Twitter</button>
-            <button class="google expand" href="#">Google+</button>
+            <button class="facebook expand" href="http://zurb.com">Facebook</button>
+            <button class="twitter expand" href="http://zurb.com">Twitter</button>
+            <button class="google expand" href="http://zurb.com">Google+</button>
           </columns>
           <columns large="6">
             <h5>Contact Info:</h5>

diff --git a/templates/hero.html b/templates/hero.html
index dc20240a1760d3449b0b1c7029c6b75c54258136..c2c0668f33ccb6a2d1539378adddd412e9640694 100644 (file)
--- a/templates/hero.html
+++ b/templates/hero.html
@@ -1,8 +1,21 @@
+<div class="header">
+  <container>
+    <row class="collapse">
+      <columns small="6">
+        <img src="http://placehold.it/150x30/663399">
+      </columns>
+      <columns small="6">
+        <p class="text-right">BASIC</p>
+      </columns>
+    </row>
+  </container>
+</div>
+
 <container>
   <row>
     <columns>
       <center>
-        <img src="http://placehold.it/200x50">
+        <img src="http://placehold.it/200x50/663399">
       </center>
       <h1>Hi, Elijah Baily</h1>
       <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi impedit sapiente delectus molestias quia.</p>

diff --git a/templates/sidebar-hero.html b/templates/sidebar-hero.html
index a5decae4214b4c18d3b31c54f6b9fe554dda2511..a7bf253e859d312f0058f5c3da8a98304a69abae 100644 (file)
--- a/templates/sidebar-hero.html
+++ b/templates/sidebar-hero.html
@@ -1,3 +1,16 @@
+<div class="header">
+  <container>
+    <row class="collapse">
+      <columns small="6">
+        <img src="http://placehold.it/150x30/663399">
+      </columns>
+      <columns small="6">
+        <p class="text-right">BASIC</p>
+      </columns>
+    </row>
+  </container>
+</div>
+
 <container>
   <row>
     <columns>
@@ -52,11 +65,13 @@
           </callout>
         </columns>
       </row>
-      <menu>
-        <item href="#">Terms</item>
-        <item href="#">Privacy</item>
-        <item href="#">Unsubscribe</item>
-      </menu>
+      <center>
+        <menu>
+          <item href="#">Terms</item>
+          <item href="#">Privacy</item>
+          <item href="#">Unsubscribe</item>
+        </menu>
+      </center>
     </columns>
   </row>
 </container>

diff --git a/templates/sidebar.html b/templates/sidebar.html
index e75e5850bf1912e9ba7361edf80961869f70a8fe..9783aae332e8e65d85846f8b47d9deffeaa91bf3 100644 (file)
--- a/templates/sidebar.html
+++ b/templates/sidebar.html
@@ -1,3 +1,16 @@
+<div class="header">
+  <container>
+    <row class="collapse">
+      <columns small="6">
+        <img src="http://placehold.it/150x30/663399">
+      </columns>
+      <columns small="6">
+        <p class="text-right">BASIC</p>
+      </columns>
+    </row>
+  </container>
+</div>
+
 <container>
   <row>
     <columns>

diff --git a/test/visual/pages/button.html b/test/visual/pages/button.html
index c228cbf0a327284f7445a2c0272f92d286eedac2..b3af5ef2116fe425c2f27b6410fe62a177df8fd8 100644 (file)
--- a/test/visual/pages/button.html
+++ b/test/visual/pages/button.html
@@ -177,6 +177,7 @@
                 </table>
 
               </td>
+              <td class="expander"></td>
             </tr>
           </table>
 

diff --git a/test/visual/pages/menu-inky.html b/test/visual/pages/menu-inky.html
index 33eb72f818b01710181153bf1d8a95b6bea280cb..195dcfc93789d319ed474f3fa6fb9517e50770aa 100644 (file)
--- a/test/visual/pages/menu-inky.html
+++ b/test/visual/pages/menu-inky.html
@@ -1,7 +1,9 @@
 <container>
-  <menu class="">
-    <item href="http://zurb.com">Item</item>
-    <item href="http://zurb.com">Item</item>
-    <item href="http://zurb.com">Item</item>
-  </menu>
+  <center>
+    <menu>
+      <item href="http://zurb.com">Item</item>
+      <item href="http://zurb.com">Item</item>
+      <item href="http://zurb.com">Item</item>
+    </menu>
+  </center>
 </container>
\ No newline at end of file