antwort 0.0.12

data/spec/spec_helper.rb

@@ -0,0 +1,38 @@
+ENV['RACK_ENV'] = 'test'
+
+require 'pathname'
+require 'antwort'
+require 'rspec'
+require 'rack/test'
+
+Pathname.glob(Pathname(__dir__) + 'support' '**/*.rb').each { |f| require f }
+
+RSpec.configure do |config|
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = 'random'
+
+  config.include Rack::Test::Methods
+
+  config.filter_run focus: true
+  config.run_all_when_everything_filtered = true
+  config.raise_errors_for_deprecations!
+
+  config.mock_with :rspec do |mocks|
+    mocks.syntax = :expect
+  end
+
+  # move to .env later
+  config.before :suite do
+    ENV['AWS_ACCESS_KEY_ID'] ||= 'MY_TEST_ACCESS_KEY'
+    ENV['AWS_SECRET_ACCESS_KEY'] ||= 'MY_TEST_SECRET_ACCESS_KEY'
+    ENV['AWS_BUCKET'] ||= 'MY_TEST_BUCKET'
+  end
+
+  def fixtures_root
+    File.join(File.dirname(__FILE__), "fixtures")
+  end
+
+end

data/spec/support/capture.rb

@@ -0,0 +1,17 @@
+# Source: https://github.com/erikhuda/thor
+# License: MIT
+
+def capture(stream)
+  begin
+    stream = stream.to_s
+    eval "$#{stream} = StringIO.new"
+    yield
+    result = eval("$#{stream}").string
+  ensure
+    eval("$#{stream} = #{stream.upcase}")
+  end
+
+  result
+end
+
+alias silence capture

data/template/email/css/include.scss

@@ -0,0 +1,5 @@
+// include.scss
+
+@import "../shared/include";
+
+// Add email specific styles here.

data/template/email/css/inline.scss

@@ -0,0 +1,5 @@
+// inline.scss
+
+@import "../shared/inline";
+
+// Add email specific styles here.

data/template/email/email.html.erb

@@ -0,0 +1,11 @@
+---
+title: (New Email)
+---
+
+<div class="title">New Email</div>
+<br><br>
+
+<div class="body-text">
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+  tempor incididunt ut labore et dolore magna aliqua.
+</div>

data/template/project/.env.sample

@@ -0,0 +1,21 @@
+# Settings required for sending test emails
+SEND_TO:         me@example.com
+SEND_FROM:       me@example.com
+SMTP_SERVER:     smtp.mandrillapp.com
+SMTP_PORT:       587
+SMTP_USERNAME:   username
+SMTP_PASSWORD:   password
+
+# Required for building emails
+# Where are your assets served from?
+ASSET_SERVER:       https://example.s3.amazonaws.com
+
+# Any empty links, e.g. '/' or '#' will be overwritten to use a full URL instead
+# Otherwise clients like Outlook.com struggle
+HREF_PLACEHOLDER:   http://example.com
+
+# Required for uploading images
+AWS_ACCESS_KEY_ID:      ''
+AWS_SECRET_ACCESS_KEY:  ''
+AWS_BUCKET:             ''
+FOG_REGION:             ''

data/template/project/.gitignore.tt

@@ -0,0 +1,17 @@
+# Ignore Mac Finder file
+.DS_Store
+
+# Ignore bundler config
+.bundle
+
+# Ignore environment config
+.env
+
+# Ignore the build directory
+build
+
+# Ignore Sass
+*.sass-cache
+
+# Ignore temp and Cache
+tmp

data/template/project/.ruby-version

@@ -0,0 +1 @@
+2.2.2

data/template/project/Gemfile.tt

@@ -0,0 +1,9 @@
+<% if @user %>
+source 'https://<%= @user %>:<%= @key %>@offsides-gems.herokuapp.com/'
+<% else %>
+# Forgot credentials? Contact support@antwort.co.
+# source 'https://USERNAME:KEY@offsides-gems.herokuapp.com/'
+<% end %>
+source 'https://rubygems.org'
+
+gem 'antwort'

data/template/project/Guardfile

@@ -0,0 +1,9 @@
+guard 'livereload' do
+  watch(%r{^.rb})
+  watch(%r{^emails/.*/(.*)\.(erb)})
+  watch(%r{^emails/(.*)\.erb})
+  watch(%r{^views/.*/(.*)\.(erb)})
+  watch(%r{^views/(.*)\.erb})
+  watch(%r{^assets/css/.*/(.*)\.(css|scss)})
+  watch(%r{^assets/css/(.*)\.(css|scss)})
+end

data/template/project/assets/css/demo/include.scss

@@ -0,0 +1,3 @@
+// demo/include.scss
+
+@import "../shared/include";

data/template/project/assets/css/demo/inline.scss

@@ -0,0 +1,33 @@
+// demo/inline.scss
+
+@import "../shared/inline";
+
+// Use email specific stylesheets for custom code that isn't used elsewhere.
+// This helps for overriding default styles.
+
+code {
+  font-size: 14px;
+  line-height: 16px;
+  font-family: 'Courier New', Courier, monospace;
+  background-color: #eeeeee;
+  color: #333333;
+
+  display: inline-block;
+  padding: 0 4px;
+  vertical-align: middle;
+}
+
+.table {
+  td {
+    border: 1px solid #dddddd;
+    border-left-width: 0;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    &:first-child {
+      border-left-width: 1px;
+    }
+  }
+}
+
+// Note: These layout styles may not work across all email clients.
+// They are here for documentation purposes.

data/template/project/assets/css/server.scss

@@ -0,0 +1,167 @@
+
+$bodyFont: 'Helvetica Neue', Helvetica, sans-serif;
+$headlineFont: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+
+$bodyColor: #444;
+$blue:      #018696;
+$darkBlue:  #374550;
+$green:     #ACC642;
+$orange:    #DF4726;
+$yellow:    #FFC526;
+$linkColor: #7AA6B6;
+$linkVisitedColor: darken($linkColor, 10%);
+$linkHoverColor:  lighten($linkColor, 10%);
+$borderColor: #ddd;
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  color: $bodyColor;
+  font: 400 14px/1.5em $bodyFont;
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  outline: none;
+}
+
+a:link {
+  color: $linkColor;
+}
+
+a:visited {
+  color: $linkVisitedColor;
+}
+
+a:hover,
+a:active {
+  color: $linkHoverColor;
+}
+
+a:focus {
+  outline: none;
+  outline-style: none;
+  -moz-outline-style: none;
+}
+
+hr {
+  border: 0;
+  border-bottom: 1px solid $borderColor;
+  margin: 2em 0;
+}
+
+code {
+  background-color: #f3f3f3;
+  padding: 2px 6px;
+}
+
+h1 {
+  font: 600 2em/1.5em $headlineFont;
+}
+
+h2 {
+  font: 600 1.5em/1.5em $headlineFont;
+  color: $orange;
+}
+
+h3 {
+  font-weight: 500;
+  font-size: 1.25em; // 20/16
+  line-height: 1.5em;
+  font-family: $bodyFont;
+}
+
+h4 {
+  font: 400 1.125em/1.5em $bodyFont; // 18/16
+}
+
+.lead {
+  font: 300 1.6em/1.4em $headlineFont;
+  color: #666;
+}
+
+//-- Layout
+
+header {
+  margin-bottom: 2em;
+  padding: 1.25em 0;
+  background-color: $darkBlue;
+  color: #eee;
+
+  h1 {
+    margin: 0;
+    font-size: 1.25em;
+    color: $yellow;
+    font-weight: 600;
+    text-transform: uppercase;
+  }
+
+  span {
+    color: $yellow;
+    font-weight: 800;
+  }
+
+  em {
+    font-style: normal;
+    font-weight: 300;
+    color: #ddd;
+    text-transform: none;
+  }
+
+  .container {
+    position: relative;
+  }
+
+  .support-link {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    height: 2em;
+    line-height: 2em;
+    margin-top: -1em;
+
+    a:link, a:visited {
+      color: #879C9E;
+      text-decoration: none;
+    }
+  }
+}
+
+footer {
+  margin-top: 2em;
+
+  p {
+    font-size: 0.85em;
+    color: #bbb;
+  }
+
+  a:link, a:visited {
+    color: #bbb;
+  }
+
+  a:hover, a:active {
+    color: $linkHoverColor;
+  }
+
+  .container {
+    border-top: 1px solid #eee;
+  }
+}
+
+.container {
+  width: 62.5em;
+  max-width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.content {
+  min-height: 200px;
+}

data/template/project/assets/css/shared/_base.scss

@@ -0,0 +1,64 @@
+// shared/based.scss
+
+@import "_vars";
+@import "_mixins";
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  width: 600px;
+  max-width: 600px;
+}
+
+.container-padding {
+  padding-left: $gutter;
+  padding-right: $gutter;
+}
+
+.content {
+  background-color: #ffffff;
+}
+
+.title {
+  font-weight: bold;
+  font-size:   24px;
+  line-height: 28px;
+  font-family: $fontFamily;
+}
+
+.body-text {
+  font-size:   16px;
+  line-height: 20px;
+  font-family: $fontFamily;
+}
+
+
+//-- Buttons
+
+.button {
+  td {
+    @include border-radius(3px);
+    background-color: $buttonBgColor;
+  }
+
+  a {
+    @include border-radius(3px);
+    @include font(bold, 14px, 20px);
+    text-decoration: none;
+    display: inline-block;
+    padding: 12px 18px;
+    border: 1px solid darken($buttonBgColor, 5%);
+    background-color: $buttonBgColor;
+    color: $buttonColor;
+  }
+
+  &.green {
+    td, a {
+      background-color: $greenBtnBgColor;
+      border-color: darken($greenBtnBgColor, 5%);
+    }
+  }
+}

data/template/project/assets/css/shared/_mixins.scss

@@ -0,0 +1,25 @@
+//
+// Mixins
+// -------------------
+// shared properties that we don't want to repeatedly define
+
+@mixin padding($top: $gutter, $right: $gutter, $bottom: $gutter, $left: $gutter) {
+  padding-top:    $top;
+  padding-right:  $right;
+  padding-bottom: $bottom;
+  padding-left:   $left;
+}
+
+@mixin border-radius($radius: 4px){
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  border-radius: $radius;
+}
+
+@mixin font($weight: normal, $size: 14px, $line-height: 20px, $family: $fontFamily) {
+  font-weight: $weight;
+  font-size:   $size;
+  line-height: $line-height;
+  font-family: $family;
+}
+