From: Eric Morris Date: Thu, 7 Nov 2013 09:56:51 +0000 (-0800) Subject: Fix deploy process for templates X-Git-Tag: v1.0.0~7 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=c38c8859b5c9caade5fb022aa5aa9fef24f16bd7;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Fix deploy process for templates --- diff --git a/Gruntfile.js b/Gruntfile.js index 491b4546..2d3a9f64 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -43,7 +43,10 @@ module.exports = function(grunt) { }, zipTemplates: { command: [ - 'cd build/downloads/templates', + 'cd build/downloads/templates/base', + 'cp * ../', + 'cd ../', + 'rm -rf base', 'zip all-templates.zip *.html', 'for i in *.html; do zip "${i%}.zip" "$i"; done', 'cd ../../../' diff --git a/docs/components/getting-started.php b/docs/components/getting-started.php index a533b622..2fd4f88f 100644 --- a/docs/components/getting-started.php +++ b/docs/components/getting-started.php @@ -1,12 +1,12 @@

Getting Started

-

Dive into creating your responsive email.

-
-

The Boilerplate

-

- Starting a new Ink project is fairly straightforward. If you aren't using one of our templates, grab the boilerplate code from below to use as a starting point. While you can reference ink.css using a link tag for testing purposes, be sure to remove the <link rel="stylesheet" href="ink.css" /> statement and paste your CSS into the style tag in the head before running your email through an inliner. -

-
Boilerplate.html
- Dive into creating your responsive email.

+
+

The Boilerplate

+

+ Starting a new Ink project is fairly straightforward. If you aren't using one of our templates, grab the boilerplate code from below to use as a starting point. While you can reference ink.css using a link tag for testing purposes, be sure to remove the <link rel="stylesheet" href="ink.css" /> statement and paste your CSS into the style tag in the head before running your email through an inliner. +

+
Boilerplate.html
+ @@ -37,13 +37,13 @@ ' - , 'html'); ?> -
-

- If you're applying a background color to your entire email, be sure to attach it to the table with a class of body as well as to the actual <body> tag, since some clients remove this by default. -

-
Inline Styles
- +
+

+ If you're applying a background color to your entire email, be sure to attach it to the table with a class of body as well as to the actual <body> tag, since some clients remove this by default. +

+
Inline Styles
+ ... @@ -55,12 +55,12 @@ ' - , 'html'); ?> -
-
CSS
- +
+
CSS
+ -
\ No newline at end of file +, 'css'); ?> +
\ No newline at end of file diff --git a/docs/components/grid.php b/docs/components/grid.php index 7579a4cc..5181fb5a 100644 --- a/docs/components/grid.php +++ b/docs/components/grid.php @@ -1,6 +1,5 @@

Grid

Create powerful multi-device layouts quickly and easily.

-

Structure

Ink uses a 12-column grid with a 580px wrapper. On mobile devices (under 580px wide), columns become full width and stack vertically.

diff --git a/docs/components/sub-grid.php b/docs/components/sub-grid.php index 9a628b8d..c8383d13 100644 --- a/docs/components/sub-grid.php +++ b/docs/components/sub-grid.php @@ -13,12 +13,12 @@ - -
+ .eight.sub-columns + .four.sub-columns @@ -32,7 +32,7 @@ - @@ -58,15 +58,15 @@ @@ -80,15 +80,15 @@ @@ -107,15 +107,15 @@ @@ -129,15 +129,15 @@ @@ -151,15 +151,15 @@ @@ -178,15 +178,15 @@ @@ -200,15 +200,15 @@ @@ -227,15 +227,15 @@ @@ -249,15 +249,15 @@
+ .four columns diff --git a/docs/docs.php b/docs/docs.php index 64ab0f7d..9c53b02c 100644 --- a/docs/docs.php +++ b/docs/docs.php @@ -5,6 +5,7 @@ #if-basicGrid {height: 200px;} #if-evenColumns {height: 260px;} #if-subGrid {height: 140px;} + #if-blockGrid {height: 540px;} #if-centerClass {height: 220px;} #if-visibilityClasses {height: 110px;} #if-panels {height: 420px;} @@ -14,6 +15,7 @@ #if-basicGrid {height: 225px;} #if-evenColumns {height: 570px;} #if-subGrid {height: 210px;} + #if-blockGrid {height: 1000px;} #if-centerClass {height: 270px;} #if-visibilityClasses {height: 110px;} #if-panels {height: 400px;} @@ -28,6 +30,7 @@
  • Getting Started
  • Grid
  • Sub-Grid
    • +
  • Block-Grid
  • Visibility Classes
  • Panels
  • Buttons
    • @@ -45,6 +48,10 @@
    + +
    + +
    diff --git a/docs/examples/buttons.html b/docs/examples/buttons.html index 6553d836..4cf029f7 100644 --- a/docs/examples/buttons.html +++ b/docs/examples/buttons.html @@ -36,15 +36,15 @@
    - - - - - -
    - .tiny-button -
    -     + + + + + +
    + .tiny-button +
    +
    - - - - - -
    - .primary.button -
    -     + + + + + +
    + .radius.button +
    +
    - - - - - -
    - .radius.button -
    -     + + + + + +
    + .primary.button +
    +
    - - - - - -
    - .small-button -
    -     + + + + + +
    + .small-button +
    +
    - - - - - -
    - .secondary.button -
    -     + + + + + +
    + .round.button +
    +
    - - - - - -
    - .round.button -
    -     + + + + + +
    + .secondary.button +
    +
    - - - - - -
    - .medium-button -
    -     + + + + + +
    + .medium-button +
    +
    - - - - - -
    - .alert.button -
    -     + + + + + +
    + .alert.button +
    +
    - - - - - -
    - .large-button -
    -     + + + + + +
    + .large-button +
    +
    - - - - - -
    - .success.button -
    -     + + + + + +
    + .success.button +
    +