bookends 0.6.0 → 2.0.0

data/lib/bookends/templates/footer.scss

@@ -0,0 +1,403 @@
+#heroku-footer {
+  #bookends-website { //honeypot
+    position: absolute;
+    left: -9999px;
+  }
+
+  .hide {
+    display: none;
+  }
+
+  $asset-path: 'bookends/footer';
+
+  $footer-width: 94%;
+  $footer-max-width: 1060px;
+
+  $color-header: #211746;
+  $color-purple: #6e5baa;
+  $color-link: #999;
+  $color-background: #f0f0f0;
+  $color-border: darken($color-background, 10%);
+
+  $threshold-tablet: 900px;
+  $threshold-mobile: 700px;
+
+  @mixin hidpi($ratio: 1.3) {
+    @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+    only screen and (min--moz-device-pixel-ratio: $ratio),
+    only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
+    only screen and (min-resolution: #{round($ratio*96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
+      @content;
+    }
+  }
+
+  @mixin hide-text {
+    color: transparent;
+    font: 0/0 a;
+    text-shadow: none;
+  }
+
+  @mixin screen($threshold: max-width, $screen: $threshold-tablet) {
+    @media ($threshold: $screen) {
+      @content;
+    }
+  }
+
+  @mixin clearfix {
+    *zoom: 1;
+
+    &:before,
+    &:after {
+      content: " ";
+      display: table;
+    }
+
+    &:after {
+      clear: both;
+    }
+  }
+
+  padding-top: 15px;
+  background: $color-background;
+  box-shadow: 0 1px 1px 0 fade-out($color-background, .9) inset;
+  font-size: 13px;
+  color: #999;
+  line-height: 1.8em;
+  -webkit-font-smoothing: antialiased;
+
+  * {
+    @include box-sizing(border-box);
+  }
+
+  .wrapper {
+    @include clearfix();
+    position: relative;
+    width: $footer-width;
+    max-width: $footer-max-width;
+    padding: 2em 0;
+    margin: 0 auto;
+  }
+
+  a:link,
+  a:visited {
+    color: $color-link;
+    text-decoration: none;
+  }
+
+  a:hover,
+  a:active {
+    color: darken($color-link, 30%);
+  }
+
+  ul {
+    list-style: none;
+    padding-left: 0;
+    font-weight: 200;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    line-height: 1.1em;
+    padding: 0;
+  }
+
+  h3 {
+    color: $color-purple;
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  h4 {
+    margin: 1.33em 0;
+    font-size: 12px;
+    text-align: left;
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: .1em;
+    color: $color-header;
+
+    @include screen($screen: $threshold-mobile) {
+      text-align: center;
+    }
+  }
+
+  .tertiary {
+    background: fade-out(white, .6);
+    @include screen() {
+      text-align: center;
+    }
+
+    a:link,
+    a:visited {
+      text-decoration: underline;
+    }
+
+    .col {
+      width: 50%;
+    }
+  }
+
+  .col {
+    display: block;
+    float: left;
+
+    ul {
+      margin: 1em 0;
+    }
+
+    li {
+      margin: 0;
+    }
+  }
+
+  .wrapper {
+
+    .col {
+      @include screen() {
+        float: none;
+        width: 100%;
+      }
+    }
+  }
+
+  .heroku-footer-links {
+    @include clearfix();
+    width: 70%;
+
+    .col {
+      width: 25%;
+      padding-right: 2%;
+      @include screen($screen: $threshold-mobile) {
+         width: auto;
+         padding-right: 0;
+         text-align: center;
+      }
+    }
+  }
+
+  .heroku-footer-social {
+    width: 30%;
+    @include screen() {
+      border-top: 1px solid $color-border;
+      text-align: center;
+      margin-top: 30px;
+      padding-top: 10px;
+    }
+
+    h3 {
+      margin: 7px 0 15px;
+      text-align: left;
+      span {
+        margin-right: 6px;
+        top: 4px;
+      }
+    }
+
+    #bookends-newsletter {
+      $input-height: 40px;
+
+      position: relative;
+      width: 100%;
+      padding-bottom: 10px;
+      @include screen(min-width, $threshold-tablet) {
+        border-bottom: 1px solid $color-border;
+      }
+
+      input[type="text"],
+      input[type="email"], {
+        -webkit-appearance: none;
+        width: 100%;
+        height: $input-height;
+        padding: 0 10px;
+        border-radius: 4px;
+        border: 1px solid $color-border;
+        box-shadow: 0 0 4px fade-out($color-purple, 1);
+        transition: all .2s ease;
+        -webkit-transition: all .2s ease;
+
+        &:focus {
+          outline: none;
+          box-shadow: 0 0 4px fade-out($color-purple, .5);
+          border-color: $color-purple;
+        }
+      }
+
+      input[type="submit"] {
+        -webkit-appearance: none;
+        position: absolute;
+        top: 0;
+        right: 0;
+        margin: 5px;
+        width: $input-height;
+        height: ($input-height - 10);
+        border: 0;
+        background-color: $color-purple;
+        border-radius: 3px;
+        text-transform: uppercase;
+        letter-spacing: .05em;
+        font-weight: bold;
+        text-align: center;
+        color: #fff;
+
+        &:focus {
+          outline: none;
+          border: 1px solid fade-out($color-purple, .5);
+        }
+
+        &:hover {
+          background-color: darken($color-purple, 5%);
+        }
+      }
+
+      p {
+        margin: 6px 0;
+        padding: 8px;
+        border-radius: 3px;
+        font-size: 11px;
+        text-align: left;
+        background-color: #fff;
+        height: $input-height;
+
+        &.error {
+          background-color: tomato;
+        }
+      }
+    }
+
+    .social-list {
+      margin: 0;
+      li {
+        display: inline-block;
+        margin-right: 5px;
+      }
+    }
+
+    iframe {
+      position: relative;
+      width: 100%;
+      margin: 0;
+
+      @include screen(min-width, $threshold-tablet) {
+        border-bottom: 1px solid $color-border;
+      }
+    }
+
+  }
+
+  .tertiary {
+    p {
+      float: right;
+      margin: 1em 0;
+      padding: 0;
+      font-size: 13px;
+      color: #999;
+    }
+    ul {
+      margin: 13px 0 10px;
+      float: right;
+      @include screen() {
+       float: none;
+      }
+    }
+
+    li {
+      display: inline-block;
+      margin-right: 7px;
+      @include screen() {
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+      a {
+        display: block;
+      }
+    }
+
+    a.sfdc-logo:link {
+      display: block;
+      float: left;
+      text-decoration: none;
+      text-transform: uppercase;
+      letter-spacing: .05em;
+      font-size: 10px;
+      font-weight: bold;
+
+      @include screen() {
+        display: inline-block;
+        float: none;
+        margin-right: 0;
+      }
+
+      span {
+        @include hide-text;
+        display: inline-block;
+        width: 78px;
+        height: 55px;
+        text-align: center;
+        margin: 0 3px -24px 3px;
+        background-image: asset-url("#{$asset-path}/salesforce.png");
+        background-size: 100%;
+        background-repeat: no-repeat;
+      }
+    }
+  }
+
+  //Icons
+  [class^="heroku-footer-icon-"] {
+    position: relative;
+    display: inline-block;
+    width: 21px;
+    height: 21px;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-image: asset-url("#{$asset-path}/footer_sprite.png");
+    @include hide-text;
+    @include hidpi {
+      background-image: asset-url("#{$asset-path}/footer_sprite@2x.png");
+      background-size: 200px 100px;
+    }
+  }
+
+  //Icon array (class, background position x, y)
+  $icons: (rss 0 0,
+           twitter -21px 0,
+           facebook -42px 0,
+           github -63px 0,
+           vimeo -84px 0,
+           linkedin -105px 0,
+           newsletter -21px -63px,
+           submit 0 -42px
+          );
+
+  //Each loop to create classes
+  .heroku-footer-icon {
+    @each $var in $icons {
+      &-#{nth($var, 1)} {
+        background-position: #{nth($var, 2)} #{nth($var, 3)};
+      }
+    }
+  }
+
+  //Hover state for social links
+  .social-list .heroku-footer-icon {
+    @each $var in $icons {
+      &-#{nth($var, 1)} {
+        &:hover {
+          background-position: #{nth($var, 2)} -21px;
+        }
+      }
+    }
+  }
+
+  .heroku-footer-icon-submit {
+    top: -8px;
+    &:hover {
+      background-position: 0 -63px;
+    }
+  }
+
+}

data/lib/bookends/templates/newsletter-init-turbolinks.js

@@ -0,0 +1,6 @@
+//= require bookends/newsletter
+var Heroku = Heroku || {};
+
+$(document).on("ready page:load", function() {
+  return window.Heroku.newsletterSignup = new Heroku.NewsletterSignup();
+});

data/lib/bookends/templates/newsletter-init.js

@@ -0,0 +1,6 @@
+//= require bookends/newsletter
+var Heroku = Heroku || {};
+
+$(function() {
+  return window.Heroku.newsletterSignup = new Heroku.NewsletterSignup();
+});

data/lib/{generators/bookends/install → bookends}/templates/newsletter.js

@@ -52,7 +52,3 @@ Heroku.NewsletterSignup = (function() {
   return NewsletterSignup;
 
 })();
-
-$(function() {
-  return window.Heroku.newsletterSignup = new Heroku.NewsletterSignup();
-});

data/lib/bookends/version.rb

@@ -1,3 +1,3 @@
 module Bookends
-  VERSION = "0.6.0"
+  VERSION = "2.0.0"
 end

data/lib/bookends.rb

@@ -1,5 +1,5 @@
 require "bookends/version"
 
 module Bookends
-  require 'bookends/engine' if defined?(Rails)
+  # require 'bookends/engine' if defined?(Rails)
 end

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: bookends
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 2.0.0
 platform: ruby
 authors:
 - Marketing Web Ops at heroku
 autorequire: 
-bindir: exe
+bindir: bin
 cert_chain: []
-date: 2015-11-13 00:00:00.000000000 Z
+date: 2015-12-11 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.19'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.19'
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -108,10 +122,25 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: aruba
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.11'
 description: an engine to abstract common html/css elements across Heroku properties
 email:
 - max.beizer@gmail.com
-executables: []
+executables:
+- bookends
 extensions: []
 extra_rdoc_files: []
 files:
@@ -123,18 +152,116 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- bin/bookends
 - bin/setup
 - bookends.gemspec
+- fixtures/dummy-jekyll/README.md
+- fixtures/dummy-jekyll/_config.yml
+- fixtures/dummy-jekyll/_layouts/default.html
+- fixtures/dummy-jekyll/_layouts/post.html
+- fixtures/dummy-jekyll/_sass/_base.scss
+- fixtures/dummy-jekyll/_sass/_google-cse.scss
+- fixtures/dummy-jekyll/_sass/_header.scss
+- fixtures/dummy-jekyll/_sass/_legacy.scss
+- fixtures/dummy-jekyll/_sass/_menu-icon.scss
+- fixtures/dummy-jekyll/_sass/_mixins.scss
+- fixtures/dummy-jekyll/_sass/_search.scss
+- fixtures/dummy-jekyll/_sass/bookends/_footer.scss
+- fixtures/dummy-jekyll/_sass/mixins/_background-image.scss
+- fixtures/dummy-jekyll/_sass/mixins/_border-radius.scss
+- fixtures/dummy-jekyll/_sass/mixins/_box-sizing.scss
+- fixtures/dummy-jekyll/_sass/mixins/_hide-text.scss
+- fixtures/dummy-jekyll/_sass/mixins/_hidpi.scss
+- fixtures/dummy-jekyll/_sass/mixins/_linear-gradient.scss
+- fixtures/dummy-jekyll/_sass/mixins/_prefixer.scss
+- fixtures/dummy-jekyll/_sass/mixins/_responsiveness.scss
+- fixtures/dummy-jekyll/_sass/mixins/_retina-image.scss
+- fixtures/dummy-jekyll/_sass/mixins/_size.scss
+- fixtures/dummy-jekyll/_sass/mixins/_transition.scss
+- fixtures/dummy-jekyll/_sass/mixins/_triangle.scss
+- fixtures/dummy-jekyll/app.json
+- fixtures/dummy-jekyll/bin/from-gdoc
+- fixtures/dummy-jekyll/bin/platform-setup
+- fixtures/dummy-jekyll/feed.xml
+- fixtures/dummy-jekyll/index.html
+- fixtures/dummy-jekyll/static.json
+- fixtures/dummy-rails/README.md
+- fixtures/dummy-rails/Rakefile
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-book.eot
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-book.svg
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-book.ttf
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-book.woff
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-medium.eot
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-medium.svg
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-medium.ttf
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-medium.woff
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-regular.eot
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-regular.svg
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-regular.ttf
+- fixtures/dummy-rails/app/assets/fonts/bentonsans-regular.woff
+- fixtures/dummy-rails/app/assets/images/.keep
+- fixtures/dummy-rails/app/assets/images/bookends/footer/footer_sprite.png
+- fixtures/dummy-rails/app/assets/images/bookends/footer/footer_sprite@2x.png
+- fixtures/dummy-rails/app/assets/images/bookends/footer/salesforce_heroku_gray.png
+- fixtures/dummy-rails/app/assets/javascripts/application.js
+- fixtures/dummy-rails/app/assets/stylesheets/application.css.scss
+- fixtures/dummy-rails/app/controllers/application_controller.rb
+- fixtures/dummy-rails/app/controllers/concerns/.keep
+- fixtures/dummy-rails/app/controllers/pages_controller.rb
+- fixtures/dummy-rails/app/helpers/application_helper.rb
+- fixtures/dummy-rails/app/mailers/.keep
+- fixtures/dummy-rails/app/models/.keep
+- fixtures/dummy-rails/app/models/concerns/.keep
+- fixtures/dummy-rails/app/views/layouts/application.html.erb
+- fixtures/dummy-rails/app/views/pages/home.html.erb
+- fixtures/dummy-rails/bin/bundle
+- fixtures/dummy-rails/bin/rails
+- fixtures/dummy-rails/bin/rake
+- fixtures/dummy-rails/bin/setup
+- fixtures/dummy-rails/config.ru
+- fixtures/dummy-rails/config/application.rb
+- fixtures/dummy-rails/config/boot.rb
+- fixtures/dummy-rails/config/database.yml
+- fixtures/dummy-rails/config/environment.rb
+- fixtures/dummy-rails/config/environments/development.rb
+- fixtures/dummy-rails/config/environments/production.rb
+- fixtures/dummy-rails/config/environments/test.rb
+- fixtures/dummy-rails/config/initializers/assets.rb
+- fixtures/dummy-rails/config/initializers/backtrace_silencers.rb
+- fixtures/dummy-rails/config/initializers/cookies_serializer.rb
+- fixtures/dummy-rails/config/initializers/filter_parameter_logging.rb
+- fixtures/dummy-rails/config/initializers/inflections.rb
+- fixtures/dummy-rails/config/initializers/mime_types.rb
+- fixtures/dummy-rails/config/initializers/session_store.rb
+- fixtures/dummy-rails/config/initializers/wrap_parameters.rb
+- fixtures/dummy-rails/config/locales/en.yml
+- fixtures/dummy-rails/config/routes.rb
+- fixtures/dummy-rails/config/secrets.yml
+- fixtures/dummy-rails/db/development.sqlite3
+- fixtures/dummy-rails/lib/assets/.keep
+- fixtures/dummy-rails/log/.keep
+- fixtures/dummy-rails/log/development.log
+- fixtures/dummy-rails/public/404.html
+- fixtures/dummy-rails/public/422.html
+- fixtures/dummy-rails/public/500.html
+- fixtures/dummy-rails/public/favicon.ico
 - lib/bookends.rb
+- lib/bookends/cli.rb
+- lib/bookends/config/framework.rb
+- lib/bookends/config/turbolinks.rb
 - lib/bookends/engine.rb
+- lib/bookends/file_actions.rb
+- lib/bookends/jekyll_handler.rb
+- lib/bookends/rails_handler.rb
+- lib/bookends/templates/footer.html
+- lib/bookends/templates/footer.scss
+- lib/bookends/templates/footer_images/footer_sprite.png
+- lib/bookends/templates/footer_images/footer_sprite@2x.png
+- lib/bookends/templates/footer_images/salesforce.png
+- lib/bookends/templates/newsletter-init-turbolinks.js
+- lib/bookends/templates/newsletter-init.js
+- lib/bookends/templates/newsletter.js
 - lib/bookends/version.rb
-- lib/generators/bookends/install/install_generator.rb
-- lib/generators/bookends/install/templates/footer.html.erb
-- lib/generators/bookends/install/templates/footer.scss
-- lib/generators/bookends/install/templates/footer_images/footer_sprite.png
-- lib/generators/bookends/install/templates/footer_images/footer_sprite@2x.png
-- lib/generators/bookends/install/templates/footer_images/salesforce_heroku_gray.png
-- lib/generators/bookends/install/templates/newsletter.js
 homepage: https://www.heroku.com
 licenses: []
 metadata: {}

data/lib/generators/bookends/install/install_generator.rb

@@ -1,21 +0,0 @@
-require 'rails/generators'
-
-module Bookends
-  module Generators
-    class InstallGenerator < Rails::Generators::Base
-      source_root File.expand_path('../templates', __FILE__)
-
-      desc "Generates footer's shared html/css"
-
-      def copy_footer
-        FileUtils.mkdir_p 'app/assets/stylesheets/bookends'
-        FileUtils.mkdir_p 'app/views/bookends'
-
-        copy_file 'footer.html.erb', 'app/views/bookends/_footer.html.erb'
-        copy_file 'footer.scss', 'app/assets/stylesheets/bookends/_footer.scss'
-        copy_file 'newsletter.js', 'app/assets/javascripts/bookends/newsletter.js'
-        directory 'footer_images'  , 'app/assets/images/bookends/footer/'
-      end
-    end
-  end
-end