bookends 0.4.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: df2b9e7bc4b037c73565f06096b0b8196d5e9164
+  data.tar.gz: d9fd5a160723aa2e0cb3d9a2a14ae8e394bf63d7
+SHA512:
+  metadata.gz: defb8a2394d54a068093154b0f901e5cb4c4b585c29991c33120ff1e3f0202e46c8e61d0db926dd82507d56165badc152d7517f5a8cb0f6796faffc73680fe36
+  data.tar.gz: 6dcd7d0585db0364190e99e85875602fd96a1a4e4dabec1bfd3d7419ae7a0cef9c864befa1deb8d9c38d855f6dfcfe9802002c46838ff63b16b0172f199bee13

data/.gitignore

@@ -0,0 +1,11 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+.rbenv-gemsets
+.ruby-gemset

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.ruby-version

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

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.2
+before_install: gem install bundler -v 1.10.5

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in bookends.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1 @@
+Copyright 2015 Heroku. All rights reserved.

data/README.md

@@ -0,0 +1,30 @@
+# Bookends
+Shared footer (and eventually header) for Heroku properties.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'bookends', # path info coming soon
+```
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+* `rails g bookends:install`
+* add `@import 'bookends/footer';` to your application.css.scss
+* add `<%= render partial: "bookends/footer" %>` to your layout where you want the footer.
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake rspec` to run the tests.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/heroku/bookends.

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/bookends.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'bookends/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "bookends"
+  spec.version       = Bookends::VERSION
+  spec.authors       = ["Marketing Web Ops at heroku"]
+  spec.email         = ["max.beizer@gmail.com"]
+
+  spec.summary       = %q{an engine to abstract common html/css elements across Heroku properties}
+  spec.description   = %q{an engine to abstract common html/css elements across Heroku properties}
+  spec.homepage      = "https://www.heroku.com"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "rails", ">= 3.2.22"
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec"
+end

data/lib/bookends.rb

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

data/lib/bookends/engine.rb

@@ -0,0 +1,4 @@
+require 'rails'
+module Bookends
+  class Engine < Rails::Engine; end
+end

data/lib/bookends/version.rb

@@ -0,0 +1,3 @@
+module Bookends
+  VERSION = "0.4.4"
+end

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

@@ -0,0 +1,20 @@
+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.css.scss', 'app/assets/stylesheets/bookends/_footer.css.scss'
+        directory 'footer_images'  , 'app/assets/images/bookends/footer/'
+      end
+    end
+  end
+end

data/lib/generators/bookends/install/templates/footer.css.scss

@@ -0,0 +1,344 @@
+#heroku-footer {
+
+  $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;
+
+  * {
+    @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;
+  }
+
+  h3 {
+    color: $color-purple;
+    font-size: 14px;
+  }
+
+  h4 {
+    margin: 1.33em 0;
+    padding: 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;
+    @include screen($screen: $threshold-mobile) {
+       width: auto;
+       float: none;
+    }
+  }
+
+  .wrapper > .col {
+    ul {
+      margin-left: 0;
+    }
+
+    li {
+      margin-left: 0;
+    }
+
+    @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;
+      }
+    }
+
+    // This has been commented out because the form is styled inside of Pardot.
+    // See template "Newsletter Signup - WWW Footer" to style the newsletter form.
+
+    // form {
+    //   $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;
+    //     }
+    //   }
+
+    //   button {
+    //     -webkit-appearance: none;
+    //     position: absolute;
+    //     top: 0;
+    //     right: 0;
+    //     width: $input-height;
+    //     height: $input-height;
+    //     border: 0;
+    //     background-color: transparent;
+    //     border-radius: 3px;
+    //     &:focus {
+    //       outline: none;
+    //       border: 1px solid fade-out($color-purple, .5);
+    //     }
+    //   }
+    // }
+
+    .social-list {
+      margin: 0;
+      li {
+        display: inline-block;
+        margin-right: 5px;
+      }
+    }
+
+    iframe {
+      position: relative;
+      width: 100%;
+      @include screen(min-width, $threshold-tablet) {
+        border-bottom: 1px solid $color-border;
+      }
+    }
+
+  }
+
+  .tertiary {
+    p {
+      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;
+      }
+    }
+  }
+
+    .sfdc-heroku-logo {
+      @include hide-text;
+      display: block;
+      float: left;
+      width: 142px;
+      height: 54px;
+      margin-right: 18px;
+      background-image: asset-url("#{$asset-path}/salesforce_heroku_gray.png");
+      background-size: 100%;
+      @include screen() {
+        display: inline-block;
+        float: none;
+        margin-right: 0;
+      }
+    }
+
+  //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/generators/bookends/install/templates/footer.html.erb

@@ -0,0 +1,72 @@
+<footer id="heroku-footer">
+  <div class="wrapper">
+    <div class="col heroku-footer-links">
+      <nav class="col">
+        <h4>Products</h4>
+        <ul>
+          <li><%= link_to "Platform Features", "https://www.heroku.com/features" %></li>
+          <li><%= link_to "Heroku Connect", "https://www.heroku.com/connect" %></li>
+          <li><%= link_to "Heroku Postgres", "https://www.heroku.com/postgres" %></li>
+          <li><%= link_to "Heroku Redis", "https://www.heroku.com/redis" %></li>
+          <li><%= link_to "Heroku Enterprise", "https://www.heroku.com/enterprise" %></li>
+          <li><a href="https://elements.heroku.com/">Elements Marketplace</a></li>
+          <li><%= link_to "Pricing", "https://www.heroku.com/pricing" %></li>
+        </ul>
+      </nav>
+      <nav class="col">
+        <h4>Resources</h4>
+        <ul>
+          <li><a href="https://devcenter.heroku.com/">Documentation</a></li>
+          <li><a href="https://blog.heroku.com/">Blog</a></li>
+          <li><a href="https://devcenter.heroku.com/start">Get Started</a></li>
+        </ul>
+      </nav>
+      <nav class="col">
+        <h4>About</h4>
+        <ul>
+          <li><%= link_to "About Us", "https://www.heroku.com/about" %></li>
+          <li><%= link_to "What is Heroku", "https://www.heroku.com/what" %></li>
+          <li><%= link_to "Our Customers", "https://www.heroku.com/customers" %></li>
+          <li><%= link_to "Careers", "https://www.heroku.com/careers" %></li>
+          <li><a href="https://partners.heroku.com/">Partners</a></li>
+        </ul>
+      </nav>
+      <nav class="col">
+        <h4>Support</h4>
+        <ul>
+          <li><a href="https://help.heroku.com/">Help</a></li>
+          <li><a href="https://status.heroku.com/">Status</a></li>
+          <li><%= link_to "Critical Apps", "https://www.heroku.com/critical" %></li>
+          <li><%= link_to "Contact", "https://www.heroku.com/contact" %></li>
+        </ul>
+      </nav>
+    </div>
+    <div class="col heroku-footer-social">
+      <h3><span class="heroku-footer-icon-newsletter"></span>Subscribe to our monthly newsletter</h3>
+      <iframe src="https://go.pardot.com/l/36622/2015-07-20/5l8m8r" width="100%" height="80" type="text/html" frameborder="0" allowTransparency="true" scrolling="no"></iframe>
+      <ul class="social-list">
+        <li><a class="heroku-footer-icon-rss" href="http://feeds2.feedburner.com/heroku" target="_blank">RSS Feed</a></li>
+        <li><a class="heroku-footer-icon-twitter" href="https://twitter.com/heroku" target="_blank">Twitter</a></li>
+        <li><a class="heroku-footer-icon-facebook" href="https://facebook.com/heroku" target="_blank">Facebook</a></li>
+        <li><a class="heroku-footer-icon-github" href="https://github.com/heroku" target="_blank">Github</a></li>
+        <li><a class="heroku-footer-icon-linkedin" href="https://www.linkedin.com/company/heroku" target="_blank">LinkedIn</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="tertiary">
+    <div class="wrapper">
+      <div class="col">
+        <a href='/home' class="sfdc-heroku-logo">Salesfore Heroku</a>
+        <p>&copy; 2015 Salesforce.com</p>
+      </div>
+      <div class="col">
+        <ul>
+          <li><%= link_to "heroku.com", "https://www.heroku.com/home" %></li>
+          <li><%= link_to "Terms of Service", "https://www.heroku.com/policy/tos" %></li>
+          <li><%= link_to "Privacy", "https://www.heroku.com/policy/privacy" %></li>
+          <li><%= link_to "Cookies", "https://www.heroku.com/policy/privacy#web_site_navigational_information" %></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</footer>

metadata

@@ -0,0 +1,118 @@
+--- !ruby/object:Gem::Specification
+name: bookends
+version: !ruby/object:Gem::Version
+  version: 0.4.4
+platform: ruby
+authors:
+- Marketing Web Ops at heroku
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-09-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.22
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.22
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: an engine to abstract common html/css elements across Heroku properties
+email:
+- max.beizer@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".ruby-version"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/setup
+- bookends.gemspec
+- lib/bookends.rb
+- lib/bookends/engine.rb
+- lib/bookends/version.rb
+- lib/generators/bookends/install/install_generator.rb
+- lib/generators/bookends/install/templates/footer.css.scss
+- lib/generators/bookends/install/templates/footer.html.erb
+- 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
+homepage: https://www.heroku.com
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.8
+signing_key: 
+specification_version: 4
+summary: an engine to abstract common html/css elements across Heroku properties
+test_files: []