bookshout-theme 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 19d1bbd3a5f6e90ff66097d2dc177da6d5572ee9
+  data.tar.gz: f3aefdb4534449e15ac0ddb048abca8f9d8897a8
+SHA512:
+  metadata.gz: bb00aeab46126357a937eeabe62299e3bd81ce8ec2946f1e213b6d79d57934ddcb41b43db550c7280a0905d8e780787938ecfaeee55734921ccd7a7a63386afb
+  data.tar.gz: 71560bf5b0ad3f60086ea1d2918944e9760f4613e223d0ccc2da67eb9983be55c684b87575b9fda48a56ef9ab57f5d06ebee9c21cfe2d625558b3aded8a67c40

data/Gemfile

@@ -0,0 +1,20 @@
+source 'http://rubygems.org'
+
+gem 'rails', '>= 4.2.1'
+
+group :development do
+  gem 'jeweler', '~> 2.0.1'
+end
+
+group :assets do
+  gem 'haml'
+  gem 'haml-rails'
+  gem 'foundation-rails'
+  gem 'font-awesome-sass'
+  gem 'compass'
+  gem 'sass-rails'
+  gem 'sass'
+  gem 'uglifier'
+  gem 'coffee-rails'
+  gem 'jquery-rails'
+end

data/Gemfile.lock

@@ -0,0 +1,207 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    actionmailer (4.2.1)
+      actionpack (= 4.2.1)
+      actionview (= 4.2.1)
+      activejob (= 4.2.1)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+    actionpack (4.2.1)
+      actionview (= 4.2.1)
+      activesupport (= 4.2.1)
+      rack (~> 1.6)
+      rack-test (~> 0.6.2)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.1)
+    actionview (4.2.1)
+      activesupport (= 4.2.1)
+      builder (~> 3.1)
+      erubis (~> 2.7.0)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.1)
+    activejob (4.2.1)
+      activesupport (= 4.2.1)
+      globalid (>= 0.3.0)
+    activemodel (4.2.1)
+      activesupport (= 4.2.1)
+      builder (~> 3.1)
+    activerecord (4.2.1)
+      activemodel (= 4.2.1)
+      activesupport (= 4.2.1)
+      arel (~> 6.0)
+    activesupport (4.2.1)
+      i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    addressable (2.3.8)
+    arel (6.0.0)
+    builder (3.2.2)
+    chunky_png (1.3.4)
+    coffee-rails (4.1.0)
+      coffee-script (>= 2.2.0)
+      railties (>= 4.0.0, < 5.0)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.9.1.1)
+    compass (1.0.3)
+      chunky_png (~> 1.2)
+      compass-core (~> 1.0.2)
+      compass-import-once (~> 1.0.5)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      sass (>= 3.3.13, < 3.5)
+    compass-core (1.0.3)
+      multi_json (~> 1.0)
+      sass (>= 3.3.0, < 3.5)
+    compass-import-once (1.0.5)
+      sass (>= 3.2, < 3.5)
+    descendants_tracker (0.0.4)
+      thread_safe (~> 0.3, >= 0.3.1)
+    erubis (2.7.0)
+    execjs (2.5.2)
+    faraday (0.9.1)
+      multipart-post (>= 1.2, < 3)
+    ffi (1.9.8)
+    font-awesome-sass (4.3.2.1)
+      sass (~> 3.2)
+    foundation-rails (5.5.1.2)
+      railties (>= 3.1.0)
+      sass (>= 3.3.0, < 3.5)
+    git (1.2.9.1)
+    github_api (0.12.3)
+      addressable (~> 2.3)
+      descendants_tracker (~> 0.0.4)
+      faraday (~> 0.8, < 0.10)
+      hashie (>= 3.3)
+      multi_json (>= 1.7.5, < 2.0)
+      nokogiri (~> 1.6.3)
+      oauth2
+    globalid (0.3.5)
+      activesupport (>= 4.1.0)
+    haml (4.0.6)
+      tilt
+    haml-rails (0.9.0)
+      actionpack (>= 4.0.1)
+      activesupport (>= 4.0.1)
+      haml (>= 4.0.6, < 5.0)
+      html2haml (>= 1.0.1)
+      railties (>= 4.0.1)
+    hashie (3.4.1)
+    highline (1.7.2)
+    html2haml (2.0.0)
+      erubis (~> 2.7.0)
+      haml (~> 4.0.0)
+      nokogiri (~> 1.6.0)
+      ruby_parser (~> 3.5)
+    i18n (0.7.0)
+    jeweler (2.0.1)
+      builder
+      bundler (>= 1.0)
+      git (>= 1.2.5)
+      github_api
+      highline (>= 1.6.15)
+      nokogiri (>= 1.5.10)
+      rake
+      rdoc
+    jquery-rails (4.0.3)
+      rails-dom-testing (~> 1.0)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)
+    json (1.8.2)
+    jwt (1.4.1)
+    loofah (2.0.1)
+      nokogiri (>= 1.5.9)
+    mail (2.6.3)
+      mime-types (>= 1.16, < 3)
+    mime-types (2.4.3)
+    mini_portile (0.6.2)
+    minitest (5.6.0)
+    multi_json (1.11.0)
+    multi_xml (0.5.5)
+    multipart-post (2.0.0)
+    nokogiri (1.6.6.2)
+      mini_portile (~> 0.6.0)
+    oauth2 (1.0.0)
+      faraday (>= 0.8, < 0.10)
+      jwt (~> 1.0)
+      multi_json (~> 1.3)
+      multi_xml (~> 0.5)
+      rack (~> 1.2)
+    rack (1.6.0)
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    rails (4.2.1)
+      actionmailer (= 4.2.1)
+      actionpack (= 4.2.1)
+      actionview (= 4.2.1)
+      activejob (= 4.2.1)
+      activemodel (= 4.2.1)
+      activerecord (= 4.2.1)
+      activesupport (= 4.2.1)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 4.2.1)
+      sprockets-rails
+    rails-deprecated_sanitizer (1.0.3)
+      activesupport (>= 4.2.0.alpha)
+    rails-dom-testing (1.0.6)
+      activesupport (>= 4.2.0.beta, < 5.0)
+      nokogiri (~> 1.6.0)
+      rails-deprecated_sanitizer (>= 1.0.1)
+    rails-html-sanitizer (1.0.2)
+      loofah (~> 2.0)
+    railties (4.2.1)
+      actionpack (= 4.2.1)
+      activesupport (= 4.2.1)
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (10.4.2)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    rdoc (4.2.0)
+      json (~> 1.4)
+    ruby_parser (3.6.6)
+      sexp_processor (~> 4.1)
+    sass (3.4.13)
+    sass-rails (5.0.3)
+      railties (>= 4.0.0, < 5.0)
+      sass (~> 3.1)
+      sprockets (>= 2.8, < 4.0)
+      sprockets-rails (>= 2.0, < 4.0)
+      tilt (~> 1.1)
+    sexp_processor (4.5.0)
+    sprockets (3.0.1)
+      rack (~> 1.0)
+    sprockets-rails (2.2.4)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      sprockets (>= 2.8, < 4.0)
+    thor (0.19.1)
+    thread_safe (0.3.5)
+    tilt (1.4.1)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    uglifier (2.7.1)
+      execjs (>= 0.3.0)
+      json (>= 1.8.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  coffee-rails
+  compass
+  font-awesome-sass
+  foundation-rails
+  haml
+  haml-rails
+  jeweler (~> 2.0.1)
+  jquery-rails
+  rails (>= 4.2.1)
+  sass
+  sass-rails
+  uglifier

data/README.md

@@ -0,0 +1,46 @@
+# Bookshout Theme #
+
+A Rails gem / engine to make any Rails app look like bookshout.com. Provides a generator for static assets via helper methods.
+
+## Installation ##
+
+Add `bookshout-theme` to your Gemfile
+
+    gem 'bookshout-theme'
+
+## Usage ##
+
+Wrap your application.html `yield` with the header and footer helpers:
+
+    <% # application.html.erb %>
+    <%= header %>
+    <%= yield %>
+    <%= footer %>
+
+If you want to add anything within the `<head></head>` tags or just before the `</body>` tag, you can pass a block to the helpers:
+
+    <%= header do %>
+      <%= stylesheet_link_tag 'additional_styles' %>
+    <% end %>
+    <%= yield %>
+    <%= footer do %>
+      <!--  this comment only appears on my sub-site -->
+    <% end %>
+
+Default navigation links and default web service javascript (Google Analytics, Optimizely, etc.) can be disabled by setting values to false:
+
+    header(add_navigation,add_js)
+
+The layout supports content overwritting by supplying defining `content_for` the following:
+
+    title, description, keywords, body_id, branding
+
+
+## Modifying / Testing ##
+
+Inside this repo is a `example` folder, containing a Rails app configured to load the gem. You can use this to add any changes in styles. You can also run:
+
+    bundle exec cucumber features
+
+...within that folder to test the gem as though it was installed in a Rails app, so that you know it still works.
+

data/Rakefile

@@ -0,0 +1,31 @@
+require 'rubygems'
+require 'bundler'
+begin
+  Bundler.setup(:default, :development, :test)
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts "Run `bundle install` to install missing gems"
+  exit e.status_code
+end
+require 'rake'
+
+PKG_FILES = FileList[
+  '[a-zA-Z]*',
+  'app/**/*',
+  'vendor/**/*',
+  'lib/**/*'
+]
+
+require 'jeweler'
+Jeweler::Tasks.new do |gem|
+  # gem is a Gem::Specification... see http://docs.rubygems.org/read/chapter/20 for more options
+  gem.name = 'bookshout-theme'
+  gem.homepage = 'https://github.com/rethinkbooks/bookshout-theme'
+  gem.license = 'MIT'
+  gem.summary = %Q{A gem providing helper methods and assets to make any site look like http://bookshout.com}
+  gem.description = %Q{View helpers 'header' and 'footer', along with an assets generator to make any site look like http://bookshout.com}
+  gem.email = ['arturo@bookshout.com']
+  gem.authors = ['Arturo Contreras']
+  gem.files = PKG_FILES.to_a
+end
+Jeweler::RubygemsDotOrgTasks.new

data/VERSION

@@ -0,0 +1 @@
+1.0.0

data/app/helpers/bookshout_theme_helper.rb

@@ -0,0 +1,28 @@
+module BookshoutThemeHelper
+  def header(*args, &block)
+    add_navigation = args[0] || 'true'
+    add_js = args[1] || 'true'
+    additional_header = block_given? ? capture(&block) : ''
+    render :partial => 'bookshout-theme/header', :locals => {
+      :additional_header => additional_header,
+      :add_navigation => add_navigation,
+      :add_js => add_js
+    }
+  end
+  
+  def footer(*args, &block)
+    additional_footer = block_given? ? capture(&block) : ''
+    add_navigation = args[0] || 'true'
+    add_js = args[1] || 'true'
+    render :partial => 'bookshout-theme/footer', :locals => {
+      :additional_footer => additional_footer,
+      :add_navigation => add_navigation,
+      :add_js => add_js
+    }
+  end
+
+  def main(*args, &block)
+    content = block_given? ? capture(&block) : ''
+    render :partial => 'bookshout-theme/main', :locals => {:content => content}
+  end
+end

data/app/helpers/static_helper.rb

@@ -0,0 +1,18 @@
+module StaticHelper
+
+  def selected?(regex)
+    if regex.is_a?(String)  
+       regex = /#{regex}/ 
+    end
+    @selected = ''
+    if !params[:path].nil?
+      if params[:path] =~ regex
+        @selected = ' class="selected"' 
+      end
+    elsif params[:controller] =~ regex
+      @selected = ' class="selected"'
+    end
+    @selected.html_safe
+  end
+
+end

data/app/views/bookshout-theme/_footer.html.haml

@@ -0,0 +1,4 @@
+#footer
+  - if add_navigation == 'true'
+    = additional_footer if additional_footer.present?
+= yield :additional_scripts

data/app/views/bookshout-theme/_header.html.haml

@@ -0,0 +1,37 @@
+!!! 5
+%html{:lang => "en"}
+  %head
+    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
+    %meta{:charset => "utf-8"}/
+    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
+    %title= content_for?(:title) ? yield(:title) : "Bookshout"
+    = stylesheet_link_tag    "bookshout-theme"
+    = javascript_include_tag "vendor/modernizr"
+    = csrf_meta_tags
+    %link{:href => "https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css", :rel => "stylesheet"}/
+  %body{:id => content_for?(:body_id) ? yield(:body_id) : ''}
+    = javascript_include_tag "bookshout-theme"
+    .page
+      .off-canvas-wrap(data-offcanvas)
+        .inner-wrap
+          %nav.tab-bar
+            %section.left-small
+              %a.left-off-canvas-toggle.menu-icon(href="#")
+                %span
+
+            %section.middle.tab-bar-section
+              = image_tag content_for?(:image_url) ? yield(:image_url) : "http://s3.amazonaws.com/whitelabelepubsproduction/companies/logos/000/000/003/original/bs-logo2x-black.png", class: 'logo logo-nav'
+
+            = content_for?(:additional_toolbar) ? yield(:additional_toolbar) : ''
+
+          %aside.left-off-canvas-menu
+            %ul.off-canvas-list
+              %li
+                %label
+                  Navigation
+                %li
+                  %a(href="#{content_for?(:my_books_path) ? yield(:my_books_path) : 'https://bookshout.com'}")
+                    %i.fa.fa-book.fa-2
+                    My Books
+            = render('shared/global_nav')
+            = additional_header if additional_header.present?

data/app/views/bookshout-theme/_main.html.haml

@@ -0,0 +1,14 @@
+%section.main-section
+  -if flash[:notice]
+    .row
+      .large-8.large-centered.columns
+        .alert-box.info.round{:data => { :alert => true}}
+          =flash[:notice]
+          %a.close(href="#") ×
+  -if flash[:alert]
+    .row
+      .large-8.large-centered.columns
+        .alert-box.alert.round{:data => { :alert => true}}
+          =flash[:alert]
+          %a.close(href="#") ×
+  = content

data/bookshout-theme.gemspec

@@ -0,0 +1,67 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
+# -*- encoding: utf-8 -*-
+# stub: bookshout-theme 1.0.0 ruby lib
+
+Gem::Specification.new do |s|
+  s.name = "bookshout-theme"
+  s.version = "1.0.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.require_paths = ["lib"]
+  s.authors = ["Arturo Contreras"]
+  s.date = "2015-04-22"
+  s.description = "View helpers 'header' and 'footer', along with an assets generator to make any site look like http://bookshout.com"
+  s.email = ["arturo@bookshout.com"]
+  s.extra_rdoc_files = [
+    "README.md"
+  ]
+  s.files = [
+    "Gemfile",
+    "Gemfile.lock",
+    "README.md",
+    "Rakefile",
+    "VERSION",
+    "app/helpers/bookshout_theme_helper.rb",
+    "app/helpers/static_helper.rb",
+    "app/views/bookshout-theme/_footer.html.haml",
+    "app/views/bookshout-theme/_header.html.haml",
+    "app/views/bookshout-theme/_main.html.haml",
+    "app/views/shared/_global_nav.html.erb",
+    "app/views/shared/_tracking.html.erb",
+    "bookshout-theme.gemspec",
+    "lib/bookshout-theme.rb",
+    "lib/generators/bookshout_theme_generator.rb",
+    "vendor/assets/javascripts/bookshout-theme.js",
+    "vendor/assets/javascripts/spin.js",
+    "vendor/assets/stylesheets/books.scss",
+    "vendor/assets/stylesheets/bookshout-theme.scss",
+    "vendor/assets/stylesheets/footer.scss",
+    "vendor/assets/stylesheets/foundation_and_overrides.scss",
+    "vendor/assets/stylesheets/home.scss",
+    "vendor/assets/stylesheets/partials/icon_bar.scss",
+    "vendor/assets/stylesheets/partials/images.scss",
+    "vendor/assets/stylesheets/partials/nav.scss"
+  ]
+  s.homepage = "https://github.com/rethinkbooks/bookshout-theme"
+  s.licenses = ["MIT"]
+  s.rubygems_version = "2.2.2"
+  s.summary = "A gem providing helper methods and assets to make any site look like http://bookshout.com"
+
+  if s.respond_to? :specification_version then
+    s.specification_version = 4
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<rails>, [">= 4.2.1"])
+      s.add_development_dependency(%q<jeweler>, ["~> 2.0.1"])
+    else
+      s.add_dependency(%q<rails>, [">= 4.2.1"])
+      s.add_dependency(%q<jeweler>, ["~> 2.0.1"])
+    end
+  else
+    s.add_dependency(%q<rails>, [">= 4.2.1"])
+    s.add_dependency(%q<jeweler>, ["~> 2.0.1"])
+  end
+end
+

data/lib/bookshout-theme.rb

@@ -0,0 +1,12 @@
+module BookshoutTheme
+  class Engine < Rails::Engine
+    initializer 'BookshoutTheme.helper' do |app|
+      ActionView::Base.send :include, BookshoutThemeHelper
+      ActionView::Base.send :include, StaticHelper
+    end
+    
+    generators do
+      require 'generators/bookshout_theme_generator'
+    end
+  end
+end

data/lib/generators/bookshout_theme_generator.rb

@@ -0,0 +1,15 @@
+require 'rails/generators'
+module BookshoutTheme
+  class AssetsGenerator < Rails::Generators::Base
+    desc 'Generate the assets for bookshout.com to test your app'
+  
+    def self.source_root
+      File.expand_path('../../example/public/', File.dirname(__FILE__))
+    end
+  
+    def copy_assets
+      directory 'bookshout-theme', 'public/bookshout-theme'
+    end
+  
+  end
+end

data/vendor/assets/javascripts/bookshout-theme.js

@@ -0,0 +1,19 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require foundation
+//= require spin
+//= require_tree .
+$(function(){ $(document).foundation(); });
+

data/vendor/assets/javascripts/spin.js

@@ -0,0 +1,2 @@
+//fgnass.github.com/spin.js#v2.0.1
+!function(a,b){"object"==typeof exports?module.exports=b():"function"==typeof define&&define.amd?define(b):a.Spinner=b()}(this,function(){"use strict";function a(a,b){var c,d=document.createElement(a||"div");for(c in b)d[c]=b[c];return d}function b(a){for(var b=1,c=arguments.length;c>b;b++)a.appendChild(arguments[b]);return a}function c(a,b,c,d){var e=["opacity",b,~~(100*a),c,d].join("-"),f=.01+c/d*100,g=Math.max(1-(1-a)/b*(100-f),a),h=j.substring(0,j.indexOf("Animation")).toLowerCase(),i=h&&"-"+h+"-"||"";return l[e]||(m.insertRule("@"+i+"keyframes "+e+"{0%{opacity:"+g+"}"+f+"%{opacity:"+a+"}"+(f+.01)+"%{opacity:1}"+(f+b)%100+"%{opacity:"+a+"}100%{opacity:"+g+"}}",m.cssRules.length),l[e]=1),e}function d(a,b){var c,d,e=a.style;for(b=b.charAt(0).toUpperCase()+b.slice(1),d=0;d<k.length;d++)if(c=k[d]+b,void 0!==e[c])return c;return void 0!==e[b]?b:void 0}function e(a,b){for(var c in b)a.style[d(a,c)||c]=b[c];return a}function f(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)void 0===a[d]&&(a[d]=c[d])}return a}function g(a,b){return"string"==typeof a?a:a[b%a.length]}function h(a){this.opts=f(a||{},h.defaults,n)}function i(){function c(b,c){return a("<"+b+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',c)}m.addRule(".spin-vml","behavior:url(#default#VML)"),h.prototype.lines=function(a,d){function f(){return e(c("group",{coordsize:k+" "+k,coordorigin:-j+" "+-j}),{width:k,height:k})}function h(a,h,i){b(m,b(e(f(),{rotation:360/d.lines*a+"deg",left:~~h}),b(e(c("roundrect",{arcsize:d.corners}),{width:j,height:d.width,left:d.radius,top:-d.width>>1,filter:i}),c("fill",{color:g(d.color,a),opacity:d.opacity}),c("stroke",{opacity:0}))))}var i,j=d.length+d.width,k=2*j,l=2*-(d.width+d.length)+"px",m=e(f(),{position:"absolute",top:l,left:l});if(d.shadow)for(i=1;i<=d.lines;i++)h(i,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(i=1;i<=d.lines;i++)h(i);return b(a,m)},h.prototype.opacity=function(a,b,c,d){var e=a.firstChild;d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}}var j,k=["webkit","Moz","ms","O"],l={},m=function(){var c=a("style",{type:"text/css"});return b(document.getElementsByTagName("head")[0],c),c.sheet||c.styleSheet}(),n={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"50%",left:"50%",position:"absolute"};h.defaults={},f(h.prototype,{spin:function(b){this.stop();{var c=this,d=c.opts,f=c.el=e(a(0,{className:d.className}),{position:d.position,width:0,zIndex:d.zIndex});d.radius+d.length+d.width}if(e(f,{left:d.left,top:d.top}),b&&b.insertBefore(f,b.firstChild||null),f.setAttribute("role","progressbar"),c.lines(f,c.opts),!j){var g,h=0,i=(d.lines-1)*(1-d.direction)/2,k=d.fps,l=k/d.speed,m=(1-d.opacity)/(l*d.trail/100),n=l/d.lines;!function o(){h++;for(var a=0;a<d.lines;a++)g=Math.max(1-(h+(d.lines-a)*n)%l*m,d.opacity),c.opacity(f,a*d.direction+i,g,d);c.timeout=c.el&&setTimeout(o,~~(1e3/k))}()}return c},stop:function(){var a=this.el;return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=void 0),this},lines:function(d,f){function h(b,c){return e(a(),{position:"absolute",width:f.length+f.width+"px",height:f.width+"px",background:b,boxShadow:c,transformOrigin:"left",transform:"rotate("+~~(360/f.lines*k+f.rotate)+"deg) translate("+f.radius+"px,0)",borderRadius:(f.corners*f.width>>1)+"px"})}for(var i,k=0,l=(f.lines-1)*(1-f.direction)/2;k<f.lines;k++)i=e(a(),{position:"absolute",top:1+~(f.width/2)+"px",transform:f.hwaccel?"translate3d(0,0,0)":"",opacity:f.opacity,animation:j&&c(f.opacity,f.trail,l+k*f.direction,f.lines)+" "+1/f.speed+"s linear infinite"}),f.shadow&&b(i,e(h("#000","0 0 4px #000"),{top:"2px"})),b(d,b(i,h(g(f.color,k),"0 0 1px rgba(0,0,0,.1)")));return d},opacity:function(a,b,c){b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}});var o=e(a("group"),{behavior:"url(#default#VML)"});return!d(o,"transform")&&o.adj?i():j=d(o,"animation"),h});

data/vendor/assets/stylesheets/books.scss

@@ -0,0 +1,87 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/
+.book-form-container{
+  display: table;
+  width: 100%;
+}
+.title-content{
+  height: 150px;
+  display: table-cell;
+  width: 100vw;
+  vertical-align:middle;
+  position: relative;
+}
+.title-pane{
+  //box-shadow: 10px 10px 5px #888888;
+  a{
+    color: #333333;
+  }
+}
+.title-pane:hover{
+  //box-shadow: 8px 10px 5px #888888;
+}
+.read-book-link-container{
+  background-color: rgba(0,0,0,.1);
+  padding:5px;
+}
+.info-icon{
+  a,a:active{
+    color: #000;
+    position: absolute;
+    top: 0em;
+    left: 0em;
+    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0;
+  }
+
+  a:hover{
+    color: #EFEFEF;
+    text-decoration: none;
+  }
+}
+.info-modal{
+  $font-size: 16px;
+  $line-height: 1.4;
+  @media(min-width: 320px){
+    $lines-to-show: 3;
+  }
+  @media(min-width: 720px){
+    $lines-to-show: 10;
+  }
+  h1{
+    font-size:larger;
+    font-weight:bold;
+  }
+  p{
+    text-align: left;
+    display: block; /* Fallback for non-webkit */
+    display: -webkit-box;
+    width:100%;
+    @media(min-width: 320px){
+      -webkit-line-clamp: 3;
+      height: $font-size*$line-height*3; /* Fallback for non-webkit */
+    }
+    @media(min-width: 667px){
+      -webkit-line-clamp: 10;
+      height: $font-size*$line-height*10; /* Fallback for non-webkit */
+    }
+    margin: 0 auto;
+    font-size: $font-size;
+    line-height: $line-height;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+#book-detail{
+  .book-synopsis{
+    text-align: justify;
+  }
+  img{
+    padding-bottom:20px;
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bookshout-theme.scss

@@ -0,0 +1,20 @@
+@import "foundation_and_overrides";
+@import "foundation/components/buttons";
+@import "font-awesome-sprockets";
+@import "font-awesome";
+@import "books";
+@import "home";
+@import "footer";
+@import "partials/nav";
+@import "partials/images";
+@import "partials/icon_bar";
+
+.tab-bar{
+  border-bottom: 1px solid bottom;
+}
+.off-canvas-wrap, .inner-wrap, .main-section { height:100%; }
+.main-section { 
+  overflow-y: auto; 
+  margin-top:50px;
+}
+