]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
projects / thirdparty / foundation / foundation-emails.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c75920a)
Merge
authorEric Morris <eric@zurb.com>
Tue, 29 Oct 2013 20:53:40 +0000 (13:53 -0700)
committerEric Morris <eric@zurb.com>
Tue, 29 Oct 2013 20:53:40 +0000 (13:53 -0700)
docs.php patch | blob | blame | history
includes/_footer.php patch | blob | blame | history

diff --git a/docs.php b/docs.php
index add3d0fbc12690b8ecb230153cc094f553187a74..693bcb799a176aff73e676e55cc7d1063244b249 100644 (file)
--- a/docs.php
+++ b/docs.php
@@ -1,5 +1,24 @@
+<?php $thisPage="docs";
+      include_once 'geshi.php';
+    
+      function code_example($code, $lang) {
+        if (strtolower($lang) == 'html') {
+          $lang = 'html5';
+        }
+        geshi_highlight($code, $lang);
+      }
+?>
 <?php include 'includes/_header.php' ?>
-
+<style type="text/css">
+  code.geshi {
+    display: block;
+    padding: 15px;
+    background: #1c1c1c;
+    border-radius: 5px;
+    font-size: 14px;
+    color: #fff;
+  }
+</style>
 <section role="main">
 <?php include 'includes/_top-bar.php' ?>
 
@@ -33,12 +52,50 @@
     <p>
       Starting a new Ink project is fairly straightforward.  If you aren't using one of our <a href="templates.php">templates</a>, grab the boilerplate code from below to use as a starting point.  While you can reference <code>ink.css</code> using a link tag for testing purposes, be sure to remove the <kbd>&lt;link rel="stylesheet" href="ink.css" /&gt;</kbd> statement and paste your CSS into the style tag in the head before running your email through an inliner.
     </p>
-    <script type="text/javascript" src="https://snipt.net/embed/ede5e79e642e6842d9727f711bfe61bf/"></script>
+    <?php code_example(
+'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width"/>
+    <style type="text/css">
+      
+      /* Ink styles go here */
+
+      /* Your custom styles go here */
+
+    </style>
+  </head>
+  <body>
+    <table class="body">
+      <tr>
+        <td class="center" align="center" valign="top">
+
+          <!-- Email Content -->
+
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>'
+    , 'html'); ?>
     <br>
     <p>
       If you're applying a background color to your entire email, be sure to attach it to the table with a class of <code>body</code>, not to the actual <kbd>&lt;body&gt;</kbd> tag, since some clients remove this be default.
     </p>
-    <script type="text/javascript" src="https://snipt.net/embed/cb9276e922e8c38b108c4ec8ad420e7f/"></script>
+    <?php code_example(
+'<html>
+    
+...
+    
+<body> <!-- Not here -->
+    <table class="body" style="background:#fff"> <!-- Background goes here -->
+        
+    ...
+        
+  </table>
+</body>'
+    , 'html'); ?>
     <br>
     
     <hr class="section">
diff --git a/includes/_footer.php b/includes/_footer.php
index e6c25b464ed37bc6bdbdf847cef1006c2759bddc..b31cb0de978292b91be0c6877e230b701927f554 100644 (file)
--- a/includes/_footer.php
+++ b/includes/_footer.php
@@ -159,6 +159,12 @@
     });
 
   </script>
+  <script src="javascripts/vendor/rainbow.min.js"></script>
+    <script type="text/javascript">
+      $(document).ready(function(){
+        Rainbow.color();
+      });
+    </script>
 
 <?php include 'includes/_offcanvas-menu.php' ?>
 
Mirror of https://github.com/foundation/foundation-emails.git