workarea-haven_theme 1.3.0

data/Gemfile

@@ -0,0 +1,24 @@
+source "https://rubygems.org"
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
+
+# Declare your gem's dependencies in haven_theme.gemspec.
+# Bundler will treat runtime dependencies like base dependencies, and
+# development dependencies will be added by default to the :development group.
+gemspec
+
+# Declare any dependencies that are still in development here instead of in
+# your gemspec. These might include edge Rails or gems from your path or
+# Git. Remember to move these dependencies to your gemspec before releasing
+# your gem to rubygems.org.
+
+# To use a debugger
+# gem 'byebug', group: [:development, :test]
+
+gem "workarea"
+
+# Get around stupid bundler issue
+# https://www.bountysource.com/issues/46316708-bundle-update-deadlock
+gem "workarea-hover_zoom", github: 'workarea-commerce/workarea-hover-zoom'
+
+gem "workarea-theme", group: :test
+gem "rubocop", group: :development

data/README.md

@@ -0,0 +1,199 @@
+# Workarea Haven Theme
+
+Haven - a sleek, modern theme for the Workarea platform.
+
+[Haven Theme Demo Site](https://haven-theme.demo.workarea.com)
+
+[Documentation for workarea themes on homebase](https://homebase.weblinc.com/plugins/theme)
+
+## Screenshots
+
+Category browse page
+![Screenshot of category page](public/screenshots/category_page.png)
+
+Product detail page
+![Screenshot of product detail page](public/screenshots/product_detail_page.png)
+
+Checkout
+![Screenshot of checkout](public/screenshots/checkout.png)
+
+More screenshots available in /public/screenshots within the repository.
+
+## Browser Support
+
+Based on current browser usage statistics Haven Theme supports evergreen browsers and IE11+ see the browserlist file for specifics.
+
+* Note that Haven Theme uses flexbox, if you need to support IE10 or lower significant changes to styles may be requried
+* Haven theme uses position: sticky; for the sticky header. This does not work in IE11 but has been deemed as progressive enhancement. A polyfill can be used to make the header stick in IE11 if necessary.
+
+## Notable features
+
+* Sticky header - note this feature is not supported by IE11
+
+## Optimal Image Sizes
+
+| Image Type| Optimum size | Note |
+|----------|--------|-------|
+| Logo | 140 x 37px ||
+| Product Images | 2400 x 2400 | This size accounts for use of image-zoom |
+| Product Images - no zoom | 1200 x 1200 | Minimum image size if you are not using zoom |
+| Product Grid Content (1 cell) | 272px x 400px | Background image for product grid content block |
+| Product Grid Content (2 cells) | 552px x 400px | Background image for product grid content block spanning 2 grid cells |
+| Swatch Images | 32px x 32px | Images used for swatch display |
+| Blog Thumbnail | 353px x 172px | Displayed in blog entry summaries, and the featured entry content block |
+| Blog Header Image | 1112px x 544px | Image content blocks can be added to the blog entry 'blog header' content area |
+
+## Out of the box plugin support
+
+The following workarea plugins are supported by Haven, and are dependencies of the plugin.
+
+* Product Quickview
+* Package Products
+* Product Badges
+* Product Videos
+* Product Image Zoom
+* Product Grid Content
+* Swatches
+* Reviews
+* Blog
+* Content Search
+* Styled selects
+* Email Signup Popup
+* Shipping Message
+* Gift Cards
+* Share
+
+## Theme Configuration
+
+### Recommended initializer configuration
+
+While you are able to configure Workarea themes from any initializer it is recommended
+that you create a new initializer called theme.rb using the following code
+
+```ruby
+Workarea.configure do |config|
+  config.theme = config.theme.merge(
+    color_scheme: "haven",
+    primary_font_family: "poppins",
+    secondary_font_family: "pt_serif"
+  )
+end
+```
+
+This will set your application up with the default configuration options, but allow you to
+change them easily.
+
+---
+
+### Color Schemes
+
+Haven comes with [TODO] color schemes pre-defined for demo and learning purposes.
+
+To change the color scheme in your application, set the color_scheme configuration
+in your theme initializer to one of the following configurations:
+
+Default:
+
+    Workarea.config.theme[:color_scheme] = "haven"
+
+#### Creating a new color scheme
+
+We will be creating a gem for theme infastructure in the near future that will make this process
+more developer friendly. In the meantime you can create a new color scheme by:
+
+1. Copying one of the existing color scheme files into your application re-nameing the file,
+2. Update the color_scheme config to match the name of your new color scheme file.
+
+__Example__
+This will create a sass file called _custom_color_scheme.scss in your host application, please change <your-app-name>
+From your ~/src directory, ensure you have workarea-haven-theme pulled down
+
+    cp -i workarea-haven-theme/app/assets/stylesheets/workarea/storefront/theme_config/_haven_color_scheme.scss <your-app-name>/app/assets/stylesheets/workarea/storefront/theme_config/_custom_color_scheme.scss
+
+### Font Stacks
+
+Haven Theme includes configurable font-stack functionality!
+
+A developer is able to configure the primary and secondary font stacks using the theme
+configuration initializer. To change the font stacks in your application set the
+primary_font_family and secondary_font_family initializer values to one of the font_stacks
+defined in workarea-haven-theme/config/initializers/theme.rb
+
+Example:
+
+```ruby
+config.theme = config.theme.merge(
+  primary_font_family: "poppins",
+  secondary_font_family: "pt_serif"
+)
+```
+
+The primary_font_family is used for most text throughout the site, including body text, links,
+buttons, prices, content blocks etc.
+The secondary_font_family is used for content headings only.
+
+#### Adding a new font
+
+I recommend using google fonts where possible, the [googlefonts webfont helper](https://google-webfonts-helper.herokuapp.com) is a useful tool for downloading webfonts and easily generating @font-face CSS - give it a try!
+
+1. Create a new directory in app/assets/fonts/workarea/storefront/<your_font_name_here>
+2. Download woff and woff2 files for the font you want to use.
+3. Place your font files in the directory we created in step 1.
+4. Create a sass file for you @font-face declarations in /app/assets/stylesheets/workarea/storefront/theme_config/fonts/_<your_font_name_here>.scss
+5. Update your theme initializer, adding a new font_stack and setting either the primary_font_family or secondary_font_family
+
+Example configuration for Calibri font stack used as secondary font family:
+
+```ruby
+config.theme[:font_stacks] = config.theme.font_stacks.merge (
+  calibri: 'Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif',
+)
+
+config.theme = config.theme.merge(
+  secondary_font_family: "calibri"
+)
+```
+
+## Getting Started
+
+This gem contains a rails engine that must be mounted onto a host Rails application.
+
+To access Workarea gems and source code, you must be an employee of WebLinc or a licensed retailer or partner.
+
+Workarea gems are hosted privately at https://gems.weblinc.com/.
+You must have individual or team credentials to install gems from this server. Add your gems server credentials to Bundler:
+
+    bundle config gems.weblinc.com my_username:my_password
+
+Or set the appropriate environment variable in a shell startup file:
+
+    export BUNDLE_GEMS__WEBLINC__COM='my_username:my_password'
+
+Then add the gem to your application's Gemfile specifying the source:
+
+    # ...
+    gem 'workarea-haven_theme', source: 'https://gems.weblinc.com'
+    # ...
+
+Or use a source block:
+
+    # ...
+    source 'https://gems.weblinc.com' do
+      gem 'workarea-haven_theme'
+    end
+    # ...
+
+Update your application's bundle.
+
+    cd path/to/application
+    bundle
+
+## Workarea Platform Documentation
+
+See [http://developer.weblinc.com](http://developer.weblinc.com) for Workarea platform documentation.
+
+## Copyright & Licensing
+
+Copyright WebLinc 2018. All rights reserved.
+
+For licensing, contact sales@workarea.com.

data/Rakefile

@@ -0,0 +1,60 @@
+begin
+  require "bundler/setup"
+rescue LoadError
+  puts "You must `gem install bundler` and `bundle install` to run rake tasks"
+end
+
+require "rdoc/task"
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = "rdoc"
+  rdoc.title    = "Haven Theme"
+  rdoc.options << "--line-numbers"
+  rdoc.rdoc_files.include("README.md")
+  rdoc.rdoc_files.include("lib/**/*.rb")
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load "rails/tasks/engine.rake"
+load "rails/tasks/statistics.rake"
+load "workarea/changelog.rake"
+
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "lib"
+  t.libs << "test"
+  t.pattern = "test/**/*_test.rb"
+  t.verbose = false
+end
+
+task default: :test
+
+$LOAD_PATH.unshift File.expand_path("../lib", __FILE__)
+require "workarea/haven_theme/version"
+
+desc "Release version #{Workarea::HavenTheme::VERSION} of the gem"
+task :release do
+  host = "https://#{ENV['BUNDLE_GEMS__WEBLINC__COM']}@gems.weblinc.com"
+
+  Rake::Task["workarea:changelog"].execute
+  system "git add CHANGELOG.md"
+  system "git commit -m 'Update CHANGELOG'"
+
+  system "git tag -a v#{Workarea::HavenTheme::VERSION} -m 'Tagging #{Workarea::HavenTheme::VERSION}'"
+  system "git push origin HEAD --follow-tags"
+
+  system "gem build workarea-haven_theme.gemspec"
+  system "gem push workarea-haven_theme-#{Workarea::HavenTheme::VERSION}.gem --host #{host}"
+  system "rm workarea-haven_theme-#{Workarea::HavenTheme::VERSION}.gem"
+end
+
+desc "Run the JavaScript tests"
+ENV["TEASPOON_RAILS_ENV"] = File.expand_path("../test/dummy/config/environment", __FILE__)
+task teaspoon: "app:teaspoon"
+
+desc "Start a server at http://localhost:3000/teaspoon for JavaScript tests"
+task :teaspoon_server do
+  Dir.chdir("test/dummy")
+  teaspoon_env = File.expand_path("../test/teaspoon_env.rb", __FILE__)
+  system "RAILS_ENV=test TEASPOON_ENV=#{teaspoon_env} rails s"
+end

data/app/assets/images/workarea/storefront/dialog_close.svg

@@ -0,0 +1 @@
+<svg fill="#ffffff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>

data/app/assets/images/workarea/storefront/icons/account.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>account</title><path d="M10.07,8A4.06,4.06,0,0,0,12,4.54a4,4,0,1,0-8,0A4.06,4.06,0,0,0,5.93,8,5,5,0,0,0,1.5,13v2.51h13V13A5,5,0,0,0,10.07,8ZM5.6,4.45A2.4,2.4,0,1,1,8,6.85,2.4,2.4,0,0,1,5.6,4.45Zm7.17,9.84-9.54,0V12.66A3.64,3.64,0,0,1,6.67,9.34H9.5a3.6,3.6,0,0,1,3.27,3.34Z"/></svg>

data/app/assets/images/workarea/storefront/icons/arrow_down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>arrow down</title><polygon points="0 4.63 8 13 16 4.63 14.45 3 8 9.75 1.55 3 0 4.63"/></svg>

data/app/assets/images/workarea/storefront/icons/arrow_left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>arrow left</title><polygon points="11.38 0 3 8 11.38 16 13 14.45 6.25 8 13 1.55 11.38 0"/></svg>

data/app/assets/images/workarea/storefront/icons/arrow_right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>arrow right</title><polygon points="4.63 16 13 8 4.63 0 3 1.55 9.75 8 3 14.45 4.63 16"/></svg>

data/app/assets/images/workarea/storefront/icons/arrow_up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>arrow up</title><polygon points="16 11.38 8 3 0 11.38 1.55 13 8 6.25 14.45 13 16 11.38"/></svg>

data/app/assets/images/workarea/storefront/icons/cart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cart-icon-expanded-path{fill-rule:evenodd;}</style></defs><title>cart</title><path class="cart-icon-expanded-path" d="M11.51,4.9V4.52a3.74,3.74,0,0,0-.9-2.8A3.52,3.52,0,0,0,8,.78H8a3.44,3.44,0,0,0-2.58.93,3.8,3.8,0,0,0-.92,2.86V4.9h-3V15.22h13.1V4.9ZM6.05,4.55A2.4,2.4,0,0,1,6.52,2.8,2,2,0,0,1,8,2.34H8a2,2,0,0,1,1.49.47A2.3,2.3,0,0,1,10,4.5v.4H6.05Zm6.78,9.22H3.17V6.35h9.66Z"/></svg>

data/app/assets/images/workarea/storefront/icons/checkmark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>checkmark</title><polygon points="6.69 12.81 1.5 7.62 3.34 5.79 6.7 9.15 12.66 3.19 14.5 5.02 8.53 10.98 6.69 12.81"/></svg>

data/app/assets/images/workarea/storefront/icons/email.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>email</title><path d="M1.26,12.91V3.79S7.86,9.23,8,9.23s6.74-5.44,6.74-5.44v9.12Zm12.4-9.82L8,7.82,2.34,3.09ZM16,1.87H0V14.13H16Z"/></svg>

data/app/assets/images/workarea/storefront/icons/empty_star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>empty_star</title><path d="M12 19.41l-7.33 3.84 1.43-8.13L.17 9.36l8.18-1.2L12 .75l3.65 7.41 8.19 1.2-5.94 5.76 1.42 8.13L12 19.41z"/></svg>

data/app/assets/images/workarea/storefront/icons/eye.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>eye</title><path d="M15.38,8.25a9,9,0,0,0-7.31-4,9,9,0,0,0-7.31,4L.5,8.62.76,9a9.81,9.81,0,0,0,3.13,2.87.65.65,0,0,0,.87-.24.64.64,0,0,0-.23-.87A8.52,8.52,0,0,1,2.08,8.62a7.64,7.64,0,0,1,6-3.08A7.75,7.75,0,0,1,14.34,9a.64.64,0,0,0,1-.74ZM8.07,10.07A1.45,1.45,0,1,1,9.53,8.62,1.45,1.45,0,0,1,8.07,10.07Zm0-4.18a2.73,2.73,0,1,0,2.74,2.73A2.73,2.73,0,0,0,8.07,5.89Z"/></svg>

data/app/assets/images/workarea/storefront/icons/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>facebook</title><path d="M6.28,15H9V8h1.81L11,5.53H9V4.08c0-.55.33-.67.56-.67H11V1H9a2.64,2.64,0,0,0-2.7,2.93v1.6H5V8H6.28Z"/></svg>

data/app/assets/images/workarea/storefront/icons/half_star.svg

@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>half_star</title><path class="rating__star--half__filled-half" d="M12,19.41V.75L8.36,8.16.18,9.36l5.93,5.76L4.68,23.25Z"/><path class="rating__star--half__empty-half" d="M19.27,23.25l-1.43-8.13,5.93-5.76-8.18-1.2L11.94.75V19.41Z"/></svg>

data/app/assets/images/workarea/storefront/icons/lock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>lock</title><path d="M12.58,14.17H3.42V7.9h9.16v6.27ZM5,4.87a3,3,0,1,1,6,0v1.6H5Zm7.44,1.6V4.87a4.43,4.43,0,1,0-8.86,0v1.6H2V15.6H14V6.47Z"/></svg>

data/app/assets/images/workarea/storefront/icons/long_arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16"><title>arrow long</title><polygon points="25.33 1.5 23.7 3.08 27.61 6.88 0 6.88 0 9.12 27.61 9.12 23.7 12.92 25.33 14.5 32 8 25.33 1.5"/></svg>

data/app/assets/images/workarea/storefront/icons/menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>menu</title><path d="M1,13.34H15V15H1ZM1,1H15V2.66H1ZM1,7.32H8.78V9H1Z"/></svg>

data/app/assets/images/workarea/storefront/icons/minus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>minus</title><polygon points="6.75 6.63 6.75 6.63 1 6.63 1 9.11 15 9.11 15 6.63 6.75 6.63"/></svg>

data/app/assets/images/workarea/storefront/icons/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>plus</title><polygon points="1 6.63 1 9.13 6.75 9.13 6.75 14.88 9.25 14.88 9.25 9.13 15 9.13 15 6.63 9.25 6.63 9.25 0.88 6.75 0.88 6.75 6.63 1 6.63"/></svg>

data/app/assets/images/workarea/storefront/icons/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>search</title><path d="M6.87,2.33A4.53,4.53,0,1,1,2.33,6.87,4.56,4.56,0,0,1,6.87,2.33m0,10.89A6.47,6.47,0,0,0,10.67,12l3.53,3.53,1.3-1.3L12,10.67A6.37,6.37,0,0,0,6.88.5a6.36,6.36,0,1,0,0,12.72"/></svg>