From ba8a90a9d98deb318120c91afd799fcdc47a7c5b Mon Sep 17 00:00:00 2001 From: Test Date: Tue, 31 Oct 2017 18:01:16 -0700 Subject: [PATCH 01/28] adding foundation stuff --- .gitignore | 23 ++ Gemfile | 54 +++++ Gemfile.lock | 199 ++++++++++++++++++ Rakefile | 6 + app/assets/config/manifest.js | 3 + app/assets/images/.keep | 0 app/assets/javascripts/application.js | 15 ++ app/assets/javascripts/cable.js | 13 ++ app/assets/javascripts/channels/.keep | 0 app/assets/javascripts/recipie.coffee | 3 + app/assets/stylesheets/application.css | 15 ++ app/assets/stylesheets/recipie.scss | 3 + app/channels/application_cable/channel.rb | 4 + app/channels/application_cable/connection.rb | 4 + app/controllers/application_controller.rb | 3 + app/controllers/concerns/.keep | 0 app/controllers/recipe_controller.rb | 2 + app/helpers/application_helper.rb | 2 + app/helpers/recipie_helper.rb | 2 + app/jobs/application_job.rb | 2 + app/mailers/application_mailer.rb | 4 + app/models/application_record.rb | 3 + app/models/concerns/.keep | 0 app/models/recipe.rb | 2 + app/views/layouts/application.html.erb | 14 ++ app/views/layouts/mailer.html.erb | 13 ++ app/views/layouts/mailer.text.erb | 1 + app/views/recipie/index.html.erb | 1 + app/views/recipie/result.html.erb | 0 app/views/recipie/show.html.erb | 0 bin/bundle | 3 + bin/rails | 9 + bin/rake | 9 + bin/setup | 38 ++++ bin/spring | 17 ++ bin/update | 29 +++ bin/yarn | 11 + config.ru | 5 + config/application.rb | 18 ++ config/boot.rb | 3 + config/cable.yml | 10 + config/database.yml | 25 +++ config/environment.rb | 5 + config/environments/development.rb | 54 +++++ config/environments/production.rb | 91 ++++++++ config/environments/test.rb | 42 ++++ .../application_controller_renderer.rb | 8 + config/initializers/assets.rb | 14 ++ config/initializers/backtrace_silencers.rb | 7 + config/initializers/cookies_serializer.rb | 5 + .../initializers/filter_parameter_logging.rb | 4 + config/initializers/inflections.rb | 16 ++ config/initializers/mime_types.rb | 4 + config/initializers/wrap_parameters.rb | 14 ++ config/locales/en.yml | 33 +++ config/puma.rb | 56 +++++ config/routes.rb | 3 + config/secrets.yml | 32 +++ config/spring.rb | 6 + db/migrate/20171101005900_create_recipes.rb | 8 + db/seeds.rb | 7 + lib/assets/.keep | 0 lib/tasks/.keep | 0 log/.keep | 0 package.json | 5 + public/404.html | 67 ++++++ public/422.html | 67 ++++++ public/500.html | 66 ++++++ public/apple-touch-icon-precomposed.png | 0 public/apple-touch-icon.png | 0 public/favicon.ico | 0 public/robots.txt | 1 + test/application_system_test_case.rb | 5 + test/controllers/.keep | 0 test/controllers/recipie_controller_test.rb | 7 + test/fixtures/.keep | 0 test/fixtures/files/.keep | 0 test/fixtures/recipes.yml | 11 + test/helpers/.keep | 0 test/integration/.keep | 0 test/mailers/.keep | 0 test/models/.keep | 0 test/models/recipe_test.rb | 7 + test/system/.keep | 0 test/test_helper.rb | 9 + tmp/.keep | 0 vendor/.keep | 0 87 files changed, 1222 insertions(+) create mode 100644 .gitignore create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 Rakefile create mode 100644 app/assets/config/manifest.js create mode 100644 app/assets/images/.keep create mode 100644 app/assets/javascripts/application.js create mode 100644 app/assets/javascripts/cable.js create mode 100644 app/assets/javascripts/channels/.keep create mode 100644 app/assets/javascripts/recipie.coffee create mode 100644 app/assets/stylesheets/application.css create mode 100644 app/assets/stylesheets/recipie.scss create mode 100644 app/channels/application_cable/channel.rb create mode 100644 app/channels/application_cable/connection.rb create mode 100644 app/controllers/application_controller.rb create mode 100644 app/controllers/concerns/.keep create mode 100644 app/controllers/recipe_controller.rb create mode 100644 app/helpers/application_helper.rb create mode 100644 app/helpers/recipie_helper.rb create mode 100644 app/jobs/application_job.rb create mode 100644 app/mailers/application_mailer.rb create mode 100644 app/models/application_record.rb create mode 100644 app/models/concerns/.keep create mode 100644 app/models/recipe.rb create mode 100644 app/views/layouts/application.html.erb create mode 100644 app/views/layouts/mailer.html.erb create mode 100644 app/views/layouts/mailer.text.erb create mode 100644 app/views/recipie/index.html.erb create mode 100644 app/views/recipie/result.html.erb create mode 100644 app/views/recipie/show.html.erb create mode 100755 bin/bundle create mode 100755 bin/rails create mode 100755 bin/rake create mode 100755 bin/setup create mode 100755 bin/spring create mode 100755 bin/update create mode 100755 bin/yarn create mode 100644 config.ru create mode 100644 config/application.rb create mode 100644 config/boot.rb create mode 100644 config/cable.yml create mode 100644 config/database.yml create mode 100644 config/environment.rb create mode 100644 config/environments/development.rb create mode 100644 config/environments/production.rb create mode 100644 config/environments/test.rb create mode 100644 config/initializers/application_controller_renderer.rb create mode 100644 config/initializers/assets.rb create mode 100644 config/initializers/backtrace_silencers.rb create mode 100644 config/initializers/cookies_serializer.rb create mode 100644 config/initializers/filter_parameter_logging.rb create mode 100644 config/initializers/inflections.rb create mode 100644 config/initializers/mime_types.rb create mode 100644 config/initializers/wrap_parameters.rb create mode 100644 config/locales/en.yml create mode 100644 config/puma.rb create mode 100644 config/routes.rb create mode 100644 config/secrets.yml create mode 100644 config/spring.rb create mode 100644 db/migrate/20171101005900_create_recipes.rb create mode 100644 db/seeds.rb create mode 100644 lib/assets/.keep create mode 100644 lib/tasks/.keep create mode 100644 log/.keep create mode 100644 package.json create mode 100644 public/404.html create mode 100644 public/422.html create mode 100644 public/500.html create mode 100644 public/apple-touch-icon-precomposed.png create mode 100644 public/apple-touch-icon.png create mode 100644 public/favicon.ico create mode 100644 public/robots.txt create mode 100644 test/application_system_test_case.rb create mode 100644 test/controllers/.keep create mode 100644 test/controllers/recipie_controller_test.rb create mode 100644 test/fixtures/.keep create mode 100644 test/fixtures/files/.keep create mode 100644 test/fixtures/recipes.yml create mode 100644 test/helpers/.keep create mode 100644 test/integration/.keep create mode 100644 test/mailers/.keep create mode 100644 test/models/.keep create mode 100644 test/models/recipe_test.rb create mode 100644 test/system/.keep create mode 100644 test/test_helper.rb create mode 100644 tmp/.keep create mode 100644 vendor/.keep diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..dcc5b36f3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files for more about ignoring files. +# +# If you find yourself ignoring temporary files generated by your text editor +# or operating system, you probably want to add a global ignore instead: +# git config --global core.excludesfile '~/.gitignore_global' + +# Ignore bundler config. +/.bundle + +# Ignore the default SQLite database. +/db/*.sqlite3 +/db/*.sqlite3-journal + +# Ignore all logfiles and tempfiles. +/log/* +/tmp/* +!/log/.keep +!/tmp/.keep + +/node_modules +/yarn-error.log + +.byebug_history diff --git a/Gemfile b/Gemfile new file mode 100644 index 000000000..13ab51252 --- /dev/null +++ b/Gemfile @@ -0,0 +1,54 @@ +source 'https://rubygems.org' + +git_source(:github) do |repo_name| + repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") + "https://github.com/#{repo_name}.git" +end + + +# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' +gem 'rails', '~> 5.1.4' +# Use sqlite3 as the database for Active Record +gem 'sqlite3' +# Use Puma as the app server +gem 'puma', '~> 3.7' +# Use SCSS for stylesheets +gem 'sass-rails', '~> 5.0' +# Use Uglifier as compressor for JavaScript assets +gem 'uglifier', '>= 1.3.0' +# See https://github.com/rails/execjs#readme for more supported runtimes +# gem 'therubyracer', platforms: :ruby + +# Use CoffeeScript for .coffee assets and views +gem 'coffee-rails', '~> 4.2' +# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks +gem 'turbolinks', '~> 5' +# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder +gem 'jbuilder', '~> 2.5' +# Use Redis adapter to run Action Cable in production +# gem 'redis', '~> 3.0' +# Use ActiveModel has_secure_password +# gem 'bcrypt', '~> 3.1.7' + +# Use Capistrano for deployment +# gem 'capistrano-rails', group: :development + +group :development, :test do + # Call 'byebug' anywhere in the code to stop execution and get a debugger console + gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] + # Adds support for Capybara system testing and selenium driver + gem 'capybara', '~> 2.13' + gem 'selenium-webdriver' +end + +group :development do + # Access an IRB console on exception pages or by using <%= console %> anywhere in the code. + gem 'web-console', '>= 3.3.0' + gem 'listen', '>= 3.0.5', '< 3.2' + # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring + gem 'spring' + gem 'spring-watcher-listen', '~> 2.0.0' +end + +# Windows does not include zoneinfo files, so bundle the tzinfo-data gem +gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 000000000..76c3fefdd --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,199 @@ +GEM + remote: https://rubygems.org/ + specs: + actioncable (5.1.4) + actionpack (= 5.1.4) + nio4r (~> 2.0) + websocket-driver (~> 0.6.1) + actionmailer (5.1.4) + actionpack (= 5.1.4) + actionview (= 5.1.4) + activejob (= 5.1.4) + mail (~> 2.5, >= 2.5.4) + rails-dom-testing (~> 2.0) + actionpack (5.1.4) + actionview (= 5.1.4) + activesupport (= 5.1.4) + rack (~> 2.0) + rack-test (>= 0.6.3) + rails-dom-testing (~> 2.0) + rails-html-sanitizer (~> 1.0, >= 1.0.2) + actionview (5.1.4) + activesupport (= 5.1.4) + builder (~> 3.1) + erubi (~> 1.4) + rails-dom-testing (~> 2.0) + rails-html-sanitizer (~> 1.0, >= 1.0.3) + activejob (5.1.4) + activesupport (= 5.1.4) + globalid (>= 0.3.6) + activemodel (5.1.4) + activesupport (= 5.1.4) + activerecord (5.1.4) + activemodel (= 5.1.4) + activesupport (= 5.1.4) + arel (~> 8.0) + activesupport (5.1.4) + concurrent-ruby (~> 1.0, >= 1.0.2) + i18n (~> 0.7) + minitest (~> 5.1) + tzinfo (~> 1.1) + addressable (2.5.2) + public_suffix (>= 2.0.2, < 4.0) + arel (8.0.0) + bindex (0.5.0) + builder (3.2.3) + byebug (9.1.0) + capybara (2.15.4) + addressable + mini_mime (>= 0.1.3) + nokogiri (>= 1.3.3) + rack (>= 1.0.0) + rack-test (>= 0.5.4) + xpath (~> 2.0) + childprocess (0.8.0) + ffi (~> 1.0, >= 1.0.11) + coffee-rails (4.2.2) + coffee-script (>= 2.2.0) + railties (>= 4.0.0) + coffee-script (2.4.1) + coffee-script-source + execjs + coffee-script-source (1.12.2) + concurrent-ruby (1.0.5) + crass (1.0.2) + erubi (1.7.0) + execjs (2.7.0) + ffi (1.9.18) + globalid (0.4.1) + activesupport (>= 4.2.0) + i18n (0.9.0) + concurrent-ruby (~> 1.0) + jbuilder (2.7.0) + activesupport (>= 4.2.0) + multi_json (>= 1.2) + listen (3.1.5) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + ruby_dep (~> 1.2) + loofah (2.1.1) + crass (~> 1.0.2) + nokogiri (>= 1.5.9) + mail (2.6.6) + mime-types (>= 1.16, < 4) + method_source (0.9.0) + mime-types (3.1) + mime-types-data (~> 3.2015) + mime-types-data (3.2016.0521) + mini_mime (0.1.4) + mini_portile2 (2.3.0) + minitest (5.10.3) + multi_json (1.12.2) + nio4r (2.1.0) + nokogiri (1.8.1) + mini_portile2 (~> 2.3.0) + public_suffix (3.0.0) + puma (3.10.0) + rack (2.0.3) + rack-test (0.7.0) + rack (>= 1.0, < 3) + rails (5.1.4) + actioncable (= 5.1.4) + actionmailer (= 5.1.4) + actionpack (= 5.1.4) + actionview (= 5.1.4) + activejob (= 5.1.4) + activemodel (= 5.1.4) + activerecord (= 5.1.4) + activesupport (= 5.1.4) + bundler (>= 1.3.0) + railties (= 5.1.4) + sprockets-rails (>= 2.0.0) + rails-dom-testing (2.0.3) + activesupport (>= 4.2.0) + nokogiri (>= 1.6) + rails-html-sanitizer (1.0.3) + loofah (~> 2.0) + railties (5.1.4) + actionpack (= 5.1.4) + activesupport (= 5.1.4) + method_source + rake (>= 0.8.7) + thor (>= 0.18.1, < 2.0) + rake (12.2.1) + rb-fsevent (0.10.2) + rb-inotify (0.9.10) + ffi (>= 0.5.0, < 2) + ruby_dep (1.5.0) + rubyzip (1.2.1) + sass (3.5.3) + sass-listen (~> 4.0.0) + sass-listen (4.0.0) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + sass-rails (5.0.6) + railties (>= 4.0.0, < 6) + sass (~> 3.1) + sprockets (>= 2.8, < 4.0) + sprockets-rails (>= 2.0, < 4.0) + tilt (>= 1.1, < 3) + selenium-webdriver (3.6.0) + childprocess (~> 0.5) + rubyzip (~> 1.0) + spring (2.0.2) + activesupport (>= 4.2) + spring-watcher-listen (2.0.1) + listen (>= 2.7, < 4.0) + spring (>= 1.2, < 3.0) + sprockets (3.7.1) + concurrent-ruby (~> 1.0) + rack (> 1, < 3) + sprockets-rails (3.2.1) + actionpack (>= 4.0) + activesupport (>= 4.0) + sprockets (>= 3.0.0) + sqlite3 (1.3.13) + thor (0.20.0) + thread_safe (0.3.6) + tilt (2.0.8) + turbolinks (5.0.1) + turbolinks-source (~> 5) + turbolinks-source (5.0.3) + tzinfo (1.2.4) + thread_safe (~> 0.1) + uglifier (3.2.0) + execjs (>= 0.3.0, < 3) + web-console (3.5.1) + actionview (>= 5.0) + activemodel (>= 5.0) + bindex (>= 0.4.0) + railties (>= 5.0) + websocket-driver (0.6.5) + websocket-extensions (>= 0.1.0) + websocket-extensions (0.1.2) + xpath (2.1.0) + nokogiri (~> 1.3) + +PLATFORMS + ruby + +DEPENDENCIES + byebug + capybara (~> 2.13) + coffee-rails (~> 4.2) + jbuilder (~> 2.5) + listen (>= 3.0.5, < 3.2) + puma (~> 3.7) + rails (~> 5.1.4) + sass-rails (~> 5.0) + selenium-webdriver + spring + spring-watcher-listen (~> 2.0.0) + sqlite3 + turbolinks (~> 5) + tzinfo-data + uglifier (>= 1.3.0) + web-console (>= 3.3.0) + +BUNDLED WITH + 1.16.0 diff --git a/Rakefile b/Rakefile new file mode 100644 index 000000000..e85f91391 --- /dev/null +++ b/Rakefile @@ -0,0 +1,6 @@ +# Add your own tasks in files placed in lib/tasks ending in .rake, +# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. + +require_relative 'config/application' + +Rails.application.load_tasks diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js new file mode 100644 index 000000000..b16e53d6d --- /dev/null +++ b/app/assets/config/manifest.js @@ -0,0 +1,3 @@ +//= link_tree ../images +//= link_directory ../javascripts .js +//= link_directory ../stylesheets .css diff --git a/app/assets/images/.keep b/app/assets/images/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js new file mode 100644 index 000000000..46b20359f --- /dev/null +++ b/app/assets/javascripts/application.js @@ -0,0 +1,15 @@ +// 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, 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. JavaScript code in this file should be added after the last require_* statement. +// +// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details +// about supported directives. +// +//= require rails-ujs +//= require turbolinks +//= require_tree . diff --git a/app/assets/javascripts/cable.js b/app/assets/javascripts/cable.js new file mode 100644 index 000000000..739aa5f02 --- /dev/null +++ b/app/assets/javascripts/cable.js @@ -0,0 +1,13 @@ +// Action Cable provides the framework to deal with WebSockets in Rails. +// You can generate new channels where WebSocket features live using the `rails generate channel` command. +// +//= require action_cable +//= require_self +//= require_tree ./channels + +(function() { + this.App || (this.App = {}); + + App.cable = ActionCable.createConsumer(); + +}).call(this); diff --git a/app/assets/javascripts/channels/.keep b/app/assets/javascripts/channels/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/app/assets/javascripts/recipie.coffee b/app/assets/javascripts/recipie.coffee new file mode 100644 index 000000000..24f83d18b --- /dev/null +++ b/app/assets/javascripts/recipie.coffee @@ -0,0 +1,3 @@ +# Place all the behaviors and hooks related to the matching controller here. +# All this logic will automatically be available in application.js. +# You can use CoffeeScript in this file: http://coffeescript.org/ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 000000000..d05ea0f51 --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,15 @@ +/* + * This is a manifest file that'll be compiled into application.css, which will include all the files + * listed below. + * + * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's + * vendor/assets/stylesheets directory can be referenced here using a relative path. + * + * You're free to add application-wide styles to this file and they'll appear at the bottom of the + * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS + * files in this directory. Styles in this file should be added after the last require_* statement. + * It is generally better to create a new file per style scope. + * + *= require_tree . + *= require_self + */ diff --git a/app/assets/stylesheets/recipie.scss b/app/assets/stylesheets/recipie.scss new file mode 100644 index 000000000..6a973480e --- /dev/null +++ b/app/assets/stylesheets/recipie.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the recipie controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/channels/application_cable/channel.rb b/app/channels/application_cable/channel.rb new file mode 100644 index 000000000..d67269728 --- /dev/null +++ b/app/channels/application_cable/channel.rb @@ -0,0 +1,4 @@ +module ApplicationCable + class Channel < ActionCable::Channel::Base + end +end diff --git a/app/channels/application_cable/connection.rb b/app/channels/application_cable/connection.rb new file mode 100644 index 000000000..0ff5442f4 --- /dev/null +++ b/app/channels/application_cable/connection.rb @@ -0,0 +1,4 @@ +module ApplicationCable + class Connection < ActionCable::Connection::Base + end +end diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb new file mode 100644 index 000000000..1c07694e9 --- /dev/null +++ b/app/controllers/application_controller.rb @@ -0,0 +1,3 @@ +class ApplicationController < ActionController::Base + protect_from_forgery with: :exception +end diff --git a/app/controllers/concerns/.keep b/app/controllers/concerns/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/app/controllers/recipe_controller.rb b/app/controllers/recipe_controller.rb new file mode 100644 index 000000000..7d01ba4e5 --- /dev/null +++ b/app/controllers/recipe_controller.rb @@ -0,0 +1,2 @@ +class RecipeController < ApplicationController +end diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb new file mode 100644 index 000000000..de6be7945 --- /dev/null +++ b/app/helpers/application_helper.rb @@ -0,0 +1,2 @@ +module ApplicationHelper +end diff --git a/app/helpers/recipie_helper.rb b/app/helpers/recipie_helper.rb new file mode 100644 index 000000000..a41d4d860 --- /dev/null +++ b/app/helpers/recipie_helper.rb @@ -0,0 +1,2 @@ +module RecipieHelper +end diff --git a/app/jobs/application_job.rb b/app/jobs/application_job.rb new file mode 100644 index 000000000..a009ace51 --- /dev/null +++ b/app/jobs/application_job.rb @@ -0,0 +1,2 @@ +class ApplicationJob < ActiveJob::Base +end diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb new file mode 100644 index 000000000..286b2239d --- /dev/null +++ b/app/mailers/application_mailer.rb @@ -0,0 +1,4 @@ +class ApplicationMailer < ActionMailer::Base + default from: 'from@example.com' + layout 'mailer' +end diff --git a/app/models/application_record.rb b/app/models/application_record.rb new file mode 100644 index 000000000..10a4cba84 --- /dev/null +++ b/app/models/application_record.rb @@ -0,0 +1,3 @@ +class ApplicationRecord < ActiveRecord::Base + self.abstract_class = true +end diff --git a/app/models/concerns/.keep b/app/models/concerns/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/app/models/recipe.rb b/app/models/recipe.rb new file mode 100644 index 000000000..69523fd69 --- /dev/null +++ b/app/models/recipe.rb @@ -0,0 +1,2 @@ +class Recipe < ApplicationRecord +end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb new file mode 100644 index 000000000..3360e304d --- /dev/null +++ b/app/views/layouts/application.html.erb @@ -0,0 +1,14 @@ + + + + ApiMuncher + <%= csrf_meta_tags %> + + <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> + <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> + + + + <%= yield %> + + diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb new file mode 100644 index 000000000..cbd34d2e9 --- /dev/null +++ b/app/views/layouts/mailer.html.erb @@ -0,0 +1,13 @@ + + + + + + + + + <%= yield %> + + diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb new file mode 100644 index 000000000..37f0bddbd --- /dev/null +++ b/app/views/layouts/mailer.text.erb @@ -0,0 +1 @@ +<%= yield %> diff --git a/app/views/recipie/index.html.erb b/app/views/recipie/index.html.erb new file mode 100644 index 000000000..d5462f79d --- /dev/null +++ b/app/views/recipie/index.html.erb @@ -0,0 +1 @@ +

MUNCHER

diff --git a/app/views/recipie/result.html.erb b/app/views/recipie/result.html.erb new file mode 100644 index 000000000..e69de29bb diff --git a/app/views/recipie/show.html.erb b/app/views/recipie/show.html.erb new file mode 100644 index 000000000..e69de29bb diff --git a/bin/bundle b/bin/bundle new file mode 100755 index 000000000..66e9889e8 --- /dev/null +++ b/bin/bundle @@ -0,0 +1,3 @@ +#!/usr/bin/env ruby +ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) +load Gem.bin_path('bundler', 'bundle') diff --git a/bin/rails b/bin/rails new file mode 100755 index 000000000..5badb2fde --- /dev/null +++ b/bin/rails @@ -0,0 +1,9 @@ +#!/usr/bin/env ruby +begin + load File.expand_path('../spring', __FILE__) +rescue LoadError => e + raise unless e.message.include?('spring') +end +APP_PATH = File.expand_path('../config/application', __dir__) +require_relative '../config/boot' +require 'rails/commands' diff --git a/bin/rake b/bin/rake new file mode 100755 index 000000000..d87d5f578 --- /dev/null +++ b/bin/rake @@ -0,0 +1,9 @@ +#!/usr/bin/env ruby +begin + load File.expand_path('../spring', __FILE__) +rescue LoadError => e + raise unless e.message.include?('spring') +end +require_relative '../config/boot' +require 'rake' +Rake.application.run diff --git a/bin/setup b/bin/setup new file mode 100755 index 000000000..78c4e861d --- /dev/null +++ b/bin/setup @@ -0,0 +1,38 @@ +#!/usr/bin/env ruby +require 'pathname' +require 'fileutils' +include FileUtils + +# path to your application root. +APP_ROOT = Pathname.new File.expand_path('../../', __FILE__) + +def system!(*args) + system(*args) || abort("\n== Command #{args} failed ==") +end + +chdir APP_ROOT do + # This script is a starting point to setup your application. + # Add necessary setup steps to this file. + + puts '== Installing dependencies ==' + system! 'gem install bundler --conservative' + system('bundle check') || system!('bundle install') + + # Install JavaScript dependencies if using Yarn + # system('bin/yarn') + + + # puts "\n== Copying sample files ==" + # unless File.exist?('config/database.yml') + # cp 'config/database.yml.sample', 'config/database.yml' + # end + + puts "\n== Preparing database ==" + system! 'bin/rails db:setup' + + puts "\n== Removing old logs and tempfiles ==" + system! 'bin/rails log:clear tmp:clear' + + puts "\n== Restarting application server ==" + system! 'bin/rails restart' +end diff --git a/bin/spring b/bin/spring new file mode 100755 index 000000000..fb2ec2ebb --- /dev/null +++ b/bin/spring @@ -0,0 +1,17 @@ +#!/usr/bin/env ruby + +# This file loads spring without using Bundler, in order to be fast. +# It gets overwritten when you run the `spring binstub` command. + +unless defined?(Spring) + require 'rubygems' + require 'bundler' + + lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read) + spring = lockfile.specs.detect { |spec| spec.name == "spring" } + if spring + Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path + gem 'spring', spring.version + require 'spring/binstub' + end +end diff --git a/bin/update b/bin/update new file mode 100755 index 000000000..a8e4462f2 --- /dev/null +++ b/bin/update @@ -0,0 +1,29 @@ +#!/usr/bin/env ruby +require 'pathname' +require 'fileutils' +include FileUtils + +# path to your application root. +APP_ROOT = Pathname.new File.expand_path('../../', __FILE__) + +def system!(*args) + system(*args) || abort("\n== Command #{args} failed ==") +end + +chdir APP_ROOT do + # This script is a way to update your development environment automatically. + # Add necessary update steps to this file. + + puts '== Installing dependencies ==' + system! 'gem install bundler --conservative' + system('bundle check') || system!('bundle install') + + puts "\n== Updating database ==" + system! 'bin/rails db:migrate' + + puts "\n== Removing old logs and tempfiles ==" + system! 'bin/rails log:clear tmp:clear' + + puts "\n== Restarting application server ==" + system! 'bin/rails restart' +end diff --git a/bin/yarn b/bin/yarn new file mode 100755 index 000000000..c2bacef83 --- /dev/null +++ b/bin/yarn @@ -0,0 +1,11 @@ +#!/usr/bin/env ruby +VENDOR_PATH = File.expand_path('..', __dir__) +Dir.chdir(VENDOR_PATH) do + begin + exec "yarnpkg #{ARGV.join(" ")}" + rescue Errno::ENOENT + $stderr.puts "Yarn executable was not detected in the system." + $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install" + exit 1 + end +end diff --git a/config.ru b/config.ru new file mode 100644 index 000000000..f7ba0b527 --- /dev/null +++ b/config.ru @@ -0,0 +1,5 @@ +# This file is used by Rack-based servers to start the application. + +require_relative 'config/environment' + +run Rails.application diff --git a/config/application.rb b/config/application.rb new file mode 100644 index 000000000..ba61ebeaf --- /dev/null +++ b/config/application.rb @@ -0,0 +1,18 @@ +require_relative 'boot' + +require 'rails/all' + +# Require the gems listed in Gemfile, including any gems +# you've limited to :test, :development, or :production. +Bundler.require(*Rails.groups) + +module ApiMuncher + class Application < Rails::Application + # Initialize configuration defaults for originally generated Rails version. + config.load_defaults 5.1 + + # Settings in config/environments/* take precedence over those specified here. + # Application configuration should go into files in config/initializers + # -- all .rb files in that directory are automatically loaded. + end +end diff --git a/config/boot.rb b/config/boot.rb new file mode 100644 index 000000000..30f5120df --- /dev/null +++ b/config/boot.rb @@ -0,0 +1,3 @@ +ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__) + +require 'bundler/setup' # Set up gems listed in the Gemfile. diff --git a/config/cable.yml b/config/cable.yml new file mode 100644 index 000000000..ab338d3d1 --- /dev/null +++ b/config/cable.yml @@ -0,0 +1,10 @@ +development: + adapter: async + +test: + adapter: async + +production: + adapter: redis + url: redis://localhost:6379/1 + channel_prefix: api-muncher_production diff --git a/config/database.yml b/config/database.yml new file mode 100644 index 000000000..0d02f2498 --- /dev/null +++ b/config/database.yml @@ -0,0 +1,25 @@ +# SQLite version 3.x +# gem install sqlite3 +# +# Ensure the SQLite 3 gem is defined in your Gemfile +# gem 'sqlite3' +# +default: &default + adapter: sqlite3 + pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %> + timeout: 5000 + +development: + <<: *default + database: db/development.sqlite3 + +# Warning: The database defined as "test" will be erased and +# re-generated from your development database when you run "rake". +# Do not set this db to the same as development or production. +test: + <<: *default + database: db/test.sqlite3 + +production: + <<: *default + database: db/production.sqlite3 diff --git a/config/environment.rb b/config/environment.rb new file mode 100644 index 000000000..426333bb4 --- /dev/null +++ b/config/environment.rb @@ -0,0 +1,5 @@ +# Load the Rails application. +require_relative 'application' + +# Initialize the Rails application. +Rails.application.initialize! diff --git a/config/environments/development.rb b/config/environments/development.rb new file mode 100644 index 000000000..5187e2218 --- /dev/null +++ b/config/environments/development.rb @@ -0,0 +1,54 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # In the development environment your application's code is reloaded on + # every request. This slows down response time but is perfect for development + # since you don't have to restart the web server when you make code changes. + config.cache_classes = false + + # Do not eager load code on boot. + config.eager_load = false + + # Show full error reports. + config.consider_all_requests_local = true + + # Enable/disable caching. By default caching is disabled. + if Rails.root.join('tmp/caching-dev.txt').exist? + config.action_controller.perform_caching = true + + config.cache_store = :memory_store + config.public_file_server.headers = { + 'Cache-Control' => "public, max-age=#{2.days.seconds.to_i}" + } + else + config.action_controller.perform_caching = false + + config.cache_store = :null_store + end + + # Don't care if the mailer can't send. + config.action_mailer.raise_delivery_errors = false + + config.action_mailer.perform_caching = false + + # Print deprecation notices to the Rails logger. + config.active_support.deprecation = :log + + # Raise an error on page load if there are pending migrations. + config.active_record.migration_error = :page_load + + # Debug mode disables concatenation and preprocessing of assets. + # This option may cause significant delays in view rendering with a large + # number of complex assets. + config.assets.debug = true + + # Suppress logger output for asset requests. + config.assets.quiet = true + + # Raises error for missing translations + # config.action_view.raise_on_missing_translations = true + + # Use an evented file watcher to asynchronously detect changes in source code, + # routes, locales, etc. This feature depends on the listen gem. + config.file_watcher = ActiveSupport::EventedFileUpdateChecker +end diff --git a/config/environments/production.rb b/config/environments/production.rb new file mode 100644 index 000000000..611bf345f --- /dev/null +++ b/config/environments/production.rb @@ -0,0 +1,91 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # Code is not reloaded between requests. + config.cache_classes = true + + # Eager load code on boot. This eager loads most of Rails and + # your application in memory, allowing both threaded web servers + # and those relying on copy on write to perform better. + # Rake tasks automatically ignore this option for performance. + config.eager_load = true + + # Full error reports are disabled and caching is turned on. + config.consider_all_requests_local = false + config.action_controller.perform_caching = true + + # Attempt to read encrypted secrets from `config/secrets.yml.enc`. + # Requires an encryption key in `ENV["RAILS_MASTER_KEY"]` or + # `config/secrets.yml.key`. + config.read_encrypted_secrets = true + + # Disable serving static files from the `/public` folder by default since + # Apache or NGINX already handles this. + config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present? + + # Compress JavaScripts and CSS. + config.assets.js_compressor = :uglifier + # config.assets.css_compressor = :sass + + # Do not fallback to assets pipeline if a precompiled asset is missed. + config.assets.compile = false + + # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb + + # Enable serving of images, stylesheets, and JavaScripts from an asset server. + # config.action_controller.asset_host = 'http://assets.example.com' + + # Specifies the header that your server uses for sending files. + # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache + # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX + + # Mount Action Cable outside main process or domain + # config.action_cable.mount_path = nil + # config.action_cable.url = 'wss://example.com/cable' + # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ] + + # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies. + # config.force_ssl = true + + # Use the lowest log level to ensure availability of diagnostic information + # when problems arise. + config.log_level = :debug + + # Prepend all log lines with the following tags. + config.log_tags = [ :request_id ] + + # Use a different cache store in production. + # config.cache_store = :mem_cache_store + + # Use a real queuing backend for Active Job (and separate queues per environment) + # config.active_job.queue_adapter = :resque + # config.active_job.queue_name_prefix = "api-muncher_#{Rails.env}" + config.action_mailer.perform_caching = false + + # Ignore bad email addresses and do not raise email delivery errors. + # Set this to true and configure the email server for immediate delivery to raise delivery errors. + # config.action_mailer.raise_delivery_errors = false + + # Enable locale fallbacks for I18n (makes lookups for any locale fall back to + # the I18n.default_locale when a translation cannot be found). + config.i18n.fallbacks = true + + # Send deprecation notices to registered listeners. + config.active_support.deprecation = :notify + + # Use default logging formatter so that PID and timestamp are not suppressed. + config.log_formatter = ::Logger::Formatter.new + + # Use a different logger for distributed setups. + # require 'syslog/logger' + # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name') + + if ENV["RAILS_LOG_TO_STDOUT"].present? + logger = ActiveSupport::Logger.new(STDOUT) + logger.formatter = config.log_formatter + config.logger = ActiveSupport::TaggedLogging.new(logger) + end + + # Do not dump schema after migrations. + config.active_record.dump_schema_after_migration = false +end diff --git a/config/environments/test.rb b/config/environments/test.rb new file mode 100644 index 000000000..8e5cbde53 --- /dev/null +++ b/config/environments/test.rb @@ -0,0 +1,42 @@ +Rails.application.configure do + # Settings specified here will take precedence over those in config/application.rb. + + # The test environment is used exclusively to run your application's + # test suite. You never need to work with it otherwise. Remember that + # your test database is "scratch space" for the test suite and is wiped + # and recreated between test runs. Don't rely on the data there! + config.cache_classes = true + + # Do not eager load code on boot. This avoids loading your whole application + # just for the purpose of running a single test. If you are using a tool that + # preloads Rails for running tests, you may have to set it to true. + config.eager_load = false + + # Configure public file server for tests with Cache-Control for performance. + config.public_file_server.enabled = true + config.public_file_server.headers = { + 'Cache-Control' => "public, max-age=#{1.hour.seconds.to_i}" + } + + # Show full error reports and disable caching. + config.consider_all_requests_local = true + config.action_controller.perform_caching = false + + # Raise exceptions instead of rendering exception templates. + config.action_dispatch.show_exceptions = false + + # Disable request forgery protection in test environment. + config.action_controller.allow_forgery_protection = false + config.action_mailer.perform_caching = false + + # Tell Action Mailer not to deliver emails to the real world. + # The :test delivery method accumulates sent emails in the + # ActionMailer::Base.deliveries array. + config.action_mailer.delivery_method = :test + + # Print deprecation notices to the stderr. + config.active_support.deprecation = :stderr + + # Raises error for missing translations + # config.action_view.raise_on_missing_translations = true +end diff --git a/config/initializers/application_controller_renderer.rb b/config/initializers/application_controller_renderer.rb new file mode 100644 index 000000000..89d2efab2 --- /dev/null +++ b/config/initializers/application_controller_renderer.rb @@ -0,0 +1,8 @@ +# Be sure to restart your server when you modify this file. + +# ActiveSupport::Reloader.to_prepare do +# ApplicationController.renderer.defaults.merge!( +# http_host: 'example.org', +# https: false +# ) +# end diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb new file mode 100644 index 000000000..4b828e80c --- /dev/null +++ b/config/initializers/assets.rb @@ -0,0 +1,14 @@ +# Be sure to restart your server when you modify this file. + +# Version of your assets, change this if you want to expire all your assets. +Rails.application.config.assets.version = '1.0' + +# Add additional assets to the asset load path. +# Rails.application.config.assets.paths << Emoji.images_path +# Add Yarn node_modules folder to the asset load path. +Rails.application.config.assets.paths << Rails.root.join('node_modules') + +# Precompile additional assets. +# application.js, application.css, and all non-JS/CSS in the app/assets +# folder are already added. +# Rails.application.config.assets.precompile += %w( admin.js admin.css ) diff --git a/config/initializers/backtrace_silencers.rb b/config/initializers/backtrace_silencers.rb new file mode 100644 index 000000000..59385cdf3 --- /dev/null +++ b/config/initializers/backtrace_silencers.rb @@ -0,0 +1,7 @@ +# Be sure to restart your server when you modify this file. + +# You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. +# Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } + +# You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. +# Rails.backtrace_cleaner.remove_silencers! diff --git a/config/initializers/cookies_serializer.rb b/config/initializers/cookies_serializer.rb new file mode 100644 index 000000000..5a6a32d37 --- /dev/null +++ b/config/initializers/cookies_serializer.rb @@ -0,0 +1,5 @@ +# Be sure to restart your server when you modify this file. + +# Specify a serializer for the signed and encrypted cookie jars. +# Valid options are :json, :marshal, and :hybrid. +Rails.application.config.action_dispatch.cookies_serializer = :json diff --git a/config/initializers/filter_parameter_logging.rb b/config/initializers/filter_parameter_logging.rb new file mode 100644 index 000000000..4a994e1e7 --- /dev/null +++ b/config/initializers/filter_parameter_logging.rb @@ -0,0 +1,4 @@ +# Be sure to restart your server when you modify this file. + +# Configure sensitive parameters which will be filtered from the log file. +Rails.application.config.filter_parameters += [:password] diff --git a/config/initializers/inflections.rb b/config/initializers/inflections.rb new file mode 100644 index 000000000..ac033bf9d --- /dev/null +++ b/config/initializers/inflections.rb @@ -0,0 +1,16 @@ +# Be sure to restart your server when you modify this file. + +# Add new inflection rules using the following format. Inflections +# are locale specific, and you may define rules for as many different +# locales as you wish. All of these examples are active by default: +# ActiveSupport::Inflector.inflections(:en) do |inflect| +# inflect.plural /^(ox)$/i, '\1en' +# inflect.singular /^(ox)en/i, '\1' +# inflect.irregular 'person', 'people' +# inflect.uncountable %w( fish sheep ) +# end + +# These inflection rules are supported but not enabled by default: +# ActiveSupport::Inflector.inflections(:en) do |inflect| +# inflect.acronym 'RESTful' +# end diff --git a/config/initializers/mime_types.rb b/config/initializers/mime_types.rb new file mode 100644 index 000000000..dc1899682 --- /dev/null +++ b/config/initializers/mime_types.rb @@ -0,0 +1,4 @@ +# Be sure to restart your server when you modify this file. + +# Add new mime types for use in respond_to blocks: +# Mime::Type.register "text/richtext", :rtf diff --git a/config/initializers/wrap_parameters.rb b/config/initializers/wrap_parameters.rb new file mode 100644 index 000000000..bbfc3961b --- /dev/null +++ b/config/initializers/wrap_parameters.rb @@ -0,0 +1,14 @@ +# Be sure to restart your server when you modify this file. + +# This file contains settings for ActionController::ParamsWrapper which +# is enabled by default. + +# Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array. +ActiveSupport.on_load(:action_controller) do + wrap_parameters format: [:json] +end + +# To enable root element in JSON for ActiveRecord objects. +# ActiveSupport.on_load(:active_record) do +# self.include_root_in_json = true +# end diff --git a/config/locales/en.yml b/config/locales/en.yml new file mode 100644 index 000000000..decc5a857 --- /dev/null +++ b/config/locales/en.yml @@ -0,0 +1,33 @@ +# Files in the config/locales directory are used for internationalization +# and are automatically loaded by Rails. If you want to use locales other +# than English, add the necessary files in this directory. +# +# To use the locales, use `I18n.t`: +# +# I18n.t 'hello' +# +# In views, this is aliased to just `t`: +# +# <%= t('hello') %> +# +# To use a different locale, set it with `I18n.locale`: +# +# I18n.locale = :es +# +# This would use the information in config/locales/es.yml. +# +# The following keys must be escaped otherwise they will not be retrieved by +# the default I18n backend: +# +# true, false, on, off, yes, no +# +# Instead, surround them with single quotes. +# +# en: +# 'true': 'foo' +# +# To learn more, please read the Rails Internationalization guide +# available at http://guides.rubyonrails.org/i18n.html. + +en: + hello: "Hello world" diff --git a/config/puma.rb b/config/puma.rb new file mode 100644 index 000000000..1e19380dc --- /dev/null +++ b/config/puma.rb @@ -0,0 +1,56 @@ +# Puma can serve each request in a thread from an internal thread pool. +# The `threads` method setting takes two numbers: a minimum and maximum. +# Any libraries that use thread pools should be configured to match +# the maximum value specified for Puma. Default is set to 5 threads for minimum +# and maximum; this matches the default thread size of Active Record. +# +threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 } +threads threads_count, threads_count + +# Specifies the `port` that Puma will listen on to receive requests; default is 3000. +# +port ENV.fetch("PORT") { 3000 } + +# Specifies the `environment` that Puma will run in. +# +environment ENV.fetch("RAILS_ENV") { "development" } + +# Specifies the number of `workers` to boot in clustered mode. +# Workers are forked webserver processes. If using threads and workers together +# the concurrency of the application would be max `threads` * `workers`. +# Workers do not work on JRuby or Windows (both of which do not support +# processes). +# +# workers ENV.fetch("WEB_CONCURRENCY") { 2 } + +# Use the `preload_app!` method when specifying a `workers` number. +# This directive tells Puma to first boot the application and load code +# before forking the application. This takes advantage of Copy On Write +# process behavior so workers use less memory. If you use this option +# you need to make sure to reconnect any threads in the `on_worker_boot` +# block. +# +# preload_app! + +# If you are preloading your application and using Active Record, it's +# recommended that you close any connections to the database before workers +# are forked to prevent connection leakage. +# +# before_fork do +# ActiveRecord::Base.connection_pool.disconnect! if defined?(ActiveRecord) +# end + +# The code in the `on_worker_boot` will be called if you are using +# clustered mode by specifying a number of `workers`. After each worker +# process is booted, this block will be run. If you are using the `preload_app!` +# option, you will want to use this block to reconnect to any threads +# or connections that may have been created at application boot, as Ruby +# cannot share connections between processes. +# +# on_worker_boot do +# ActiveRecord::Base.establish_connection if defined?(ActiveRecord) +# end +# + +# Allow puma to be restarted by `rails restart` command. +plugin :tmp_restart diff --git a/config/routes.rb b/config/routes.rb new file mode 100644 index 000000000..787824f88 --- /dev/null +++ b/config/routes.rb @@ -0,0 +1,3 @@ +Rails.application.routes.draw do + # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html +end diff --git a/config/secrets.yml b/config/secrets.yml new file mode 100644 index 000000000..d46d994cb --- /dev/null +++ b/config/secrets.yml @@ -0,0 +1,32 @@ +# Be sure to restart your server when you modify this file. + +# Your secret key is used for verifying the integrity of signed cookies. +# If you change this key, all old signed cookies will become invalid! + +# Make sure the secret is at least 30 characters and all random, +# no regular words or you'll be exposed to dictionary attacks. +# You can use `rails secret` to generate a secure secret key. + +# Make sure the secrets in this file are kept private +# if you're sharing your code publicly. + +# Shared secrets are available across all environments. + +# shared: +# api_key: a1B2c3D4e5F6 + +# Environmental secrets are only available for that specific environment. + +development: + secret_key_base: 7dadda7739f287cafcb453dccf9133b7b9b303e88ca691e147df2929ca1038a96018fa7c9d8d314ea8fec8e8bd4caa0c15d7d6aebb613fcda4960a4b92ed3309 + +test: + secret_key_base: afeb6ba17f048fb66ed393ce3d37d8f3a22e042e2454f60598b589e4754076389d61abdd950aced87794f6f1f96e2125f0bbe06be21483381aaeb194c6627cd9 + +# Do not keep production secrets in the unencrypted secrets file. +# Instead, either read values from the environment. +# Or, use `bin/rails secrets:setup` to configure encrypted secrets +# and move the `production:` environment over there. + +production: + secret_key_base: <%= ENV["SECRET_KEY_BASE"] %> diff --git a/config/spring.rb b/config/spring.rb new file mode 100644 index 000000000..c9119b40c --- /dev/null +++ b/config/spring.rb @@ -0,0 +1,6 @@ +%w( + .ruby-version + .rbenv-vars + tmp/restart.txt + tmp/caching-dev.txt +).each { |path| Spring.watch(path) } diff --git a/db/migrate/20171101005900_create_recipes.rb b/db/migrate/20171101005900_create_recipes.rb new file mode 100644 index 000000000..3ad4d213c --- /dev/null +++ b/db/migrate/20171101005900_create_recipes.rb @@ -0,0 +1,8 @@ +class CreateRecipes < ActiveRecord::Migration[5.1] + def change + create_table :recipes do |t| + + t.timestamps + end + end +end diff --git a/db/seeds.rb b/db/seeds.rb new file mode 100644 index 000000000..1beea2acc --- /dev/null +++ b/db/seeds.rb @@ -0,0 +1,7 @@ +# This file should contain all the record creation needed to seed the database with its default values. +# The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup). +# +# Examples: +# +# movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }]) +# Character.create(name: 'Luke', movie: movies.first) diff --git a/lib/assets/.keep b/lib/assets/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/lib/tasks/.keep b/lib/tasks/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/log/.keep b/log/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/package.json b/package.json new file mode 100644 index 000000000..5da55eadc --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "name": "api-muncher", + "private": true, + "dependencies": {} +} diff --git a/public/404.html b/public/404.html new file mode 100644 index 000000000..2be3af26f --- /dev/null +++ b/public/404.html @@ -0,0 +1,67 @@ + + + + The page you were looking for doesn't exist (404) + + + + + + +
+
+

The page you were looking for doesn't exist.

+

You may have mistyped the address or the page may have moved.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/422.html b/public/422.html new file mode 100644 index 000000000..c08eac0d1 --- /dev/null +++ b/public/422.html @@ -0,0 +1,67 @@ + + + + The change you wanted was rejected (422) + + + + + + +
+
+

The change you wanted was rejected.

+

Maybe you tried to change something you didn't have access to.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/500.html b/public/500.html new file mode 100644 index 000000000..78a030af2 --- /dev/null +++ b/public/500.html @@ -0,0 +1,66 @@ + + + + We're sorry, but something went wrong (500) + + + + + + +
+
+

We're sorry, but something went wrong.

+
+

If you are the application owner check the logs for more information.

+
+ + diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png new file mode 100644 index 000000000..e69de29bb diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 000000000..e69de29bb diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 000000000..e69de29bb diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 000000000..37b576a4a --- /dev/null +++ b/public/robots.txt @@ -0,0 +1 @@ +# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file diff --git a/test/application_system_test_case.rb b/test/application_system_test_case.rb new file mode 100644 index 000000000..d19212abd --- /dev/null +++ b/test/application_system_test_case.rb @@ -0,0 +1,5 @@ +require "test_helper" + +class ApplicationSystemTestCase < ActionDispatch::SystemTestCase + driven_by :selenium, using: :chrome, screen_size: [1400, 1400] +end diff --git a/test/controllers/.keep b/test/controllers/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/controllers/recipie_controller_test.rb b/test/controllers/recipie_controller_test.rb new file mode 100644 index 000000000..c857b1444 --- /dev/null +++ b/test/controllers/recipie_controller_test.rb @@ -0,0 +1,7 @@ +require 'test_helper' + +class RecipieControllerTest < ActionDispatch::IntegrationTest + # test "the truth" do + # assert true + # end +end diff --git a/test/fixtures/.keep b/test/fixtures/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/fixtures/files/.keep b/test/fixtures/files/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/fixtures/recipes.yml b/test/fixtures/recipes.yml new file mode 100644 index 000000000..80aed36e3 --- /dev/null +++ b/test/fixtures/recipes.yml @@ -0,0 +1,11 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +# This model initially had no columns defined. If you add columns to the +# model remove the '{}' from the fixture names and add the columns immediately +# below each fixture, per the syntax in the comments below +# +one: {} +# column: value +# +two: {} +# column: value diff --git a/test/helpers/.keep b/test/helpers/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/integration/.keep b/test/integration/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/mailers/.keep b/test/mailers/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/models/.keep b/test/models/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/models/recipe_test.rb b/test/models/recipe_test.rb new file mode 100644 index 000000000..5f53f1947 --- /dev/null +++ b/test/models/recipe_test.rb @@ -0,0 +1,7 @@ +require 'test_helper' + +class RecipeTest < ActiveSupport::TestCase + # test "the truth" do + # assert true + # end +end diff --git a/test/system/.keep b/test/system/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/test/test_helper.rb b/test/test_helper.rb new file mode 100644 index 000000000..e3c4ff0b8 --- /dev/null +++ b/test/test_helper.rb @@ -0,0 +1,9 @@ +require File.expand_path('../../config/environment', __FILE__) +require 'rails/test_help' + +class ActiveSupport::TestCase + # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order. + fixtures :all + + # Add more helper methods to be used by all tests here... +end diff --git a/tmp/.keep b/tmp/.keep new file mode 100644 index 000000000..e69de29bb diff --git a/vendor/.keep b/vendor/.keep new file mode 100644 index 000000000..e69de29bb From f7c50e6365b886be4ffb707af04f0f3a70309085 Mon Sep 17 00:00:00 2001 From: Test Date: Tue, 31 Oct 2017 18:08:25 -0700 Subject: [PATCH 02/28] creating models --- app/models/ingredient.rb | 2 + app/models/label.rb | 2 + db/migrate/20171101005900_create_recipes.rb | 5 ++- db/migrate/20171101010614_create_labels.rb | 9 +++++ .../20171101010715_create_ingredients.rb | 9 +++++ db/schema.rb | 37 +++++++++++++++++++ test/fixtures/ingredients.yml | 11 ++++++ test/fixtures/labels.yml | 11 ++++++ test/models/ingredient_test.rb | 7 ++++ test/models/label_test.rb | 7 ++++ 10 files changed, 99 insertions(+), 1 deletion(-) create mode 100644 app/models/ingredient.rb create mode 100644 app/models/label.rb create mode 100644 db/migrate/20171101010614_create_labels.rb create mode 100644 db/migrate/20171101010715_create_ingredients.rb create mode 100644 db/schema.rb create mode 100644 test/fixtures/ingredients.yml create mode 100644 test/fixtures/labels.yml create mode 100644 test/models/ingredient_test.rb create mode 100644 test/models/label_test.rb diff --git a/app/models/ingredient.rb b/app/models/ingredient.rb new file mode 100644 index 000000000..a1faeb561 --- /dev/null +++ b/app/models/ingredient.rb @@ -0,0 +1,2 @@ +class Ingredient < ApplicationRecord +end diff --git a/app/models/label.rb b/app/models/label.rb new file mode 100644 index 000000000..73f1ac6e4 --- /dev/null +++ b/app/models/label.rb @@ -0,0 +1,2 @@ +class Label < ApplicationRecord +end diff --git a/db/migrate/20171101005900_create_recipes.rb b/db/migrate/20171101005900_create_recipes.rb index 3ad4d213c..a477258d4 100644 --- a/db/migrate/20171101005900_create_recipes.rb +++ b/db/migrate/20171101005900_create_recipes.rb @@ -1,7 +1,10 @@ class CreateRecipes < ActiveRecord::Migration[5.1] def change create_table :recipes do |t| - + t.string :name + t.string :image_url + t.string :creator + t.timestamps end end diff --git a/db/migrate/20171101010614_create_labels.rb b/db/migrate/20171101010614_create_labels.rb new file mode 100644 index 000000000..d599ff0da --- /dev/null +++ b/db/migrate/20171101010614_create_labels.rb @@ -0,0 +1,9 @@ +class CreateLabels < ActiveRecord::Migration[5.1] + def change + create_table :labels do |t| + t.integer :recipe_id + t.string :label + t.timestamps + end + end +end diff --git a/db/migrate/20171101010715_create_ingredients.rb b/db/migrate/20171101010715_create_ingredients.rb new file mode 100644 index 000000000..ee0232ce2 --- /dev/null +++ b/db/migrate/20171101010715_create_ingredients.rb @@ -0,0 +1,9 @@ +class CreateIngredients < ActiveRecord::Migration[5.1] + def change + create_table :ingredients do |t| + t.integer :recipe_id + t.string :ingredient + t.timestamps + end + end +end diff --git a/db/schema.rb b/db/schema.rb new file mode 100644 index 000000000..4020ed28e --- /dev/null +++ b/db/schema.rb @@ -0,0 +1,37 @@ +# This file is auto-generated from the current state of the database. Instead +# of editing this file, please use the migrations feature of Active Record to +# incrementally modify your database, and then regenerate this schema definition. +# +# Note that this schema.rb definition is the authoritative source for your +# database schema. If you need to create the application database on another +# system, you should be using db:schema:load, not running all the migrations +# from scratch. The latter is a flawed and unsustainable approach (the more migrations +# you'll amass, the slower it'll run and the greater likelihood for issues). +# +# It's strongly recommended that you check this file into your version control system. + +ActiveRecord::Schema.define(version: 20171101010715) do + + create_table "ingredients", force: :cascade do |t| + t.integer "recipe_id" + t.string "ingredient" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + + create_table "labels", force: :cascade do |t| + t.integer "recipe_id" + t.string "label" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + + create_table "recipes", force: :cascade do |t| + t.string "name" + t.string "image_url" + t.string "creator" + t.datetime "created_at", null: false + t.datetime "updated_at", null: false + end + +end diff --git a/test/fixtures/ingredients.yml b/test/fixtures/ingredients.yml new file mode 100644 index 000000000..80aed36e3 --- /dev/null +++ b/test/fixtures/ingredients.yml @@ -0,0 +1,11 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +# This model initially had no columns defined. If you add columns to the +# model remove the '{}' from the fixture names and add the columns immediately +# below each fixture, per the syntax in the comments below +# +one: {} +# column: value +# +two: {} +# column: value diff --git a/test/fixtures/labels.yml b/test/fixtures/labels.yml new file mode 100644 index 000000000..80aed36e3 --- /dev/null +++ b/test/fixtures/labels.yml @@ -0,0 +1,11 @@ +# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html + +# This model initially had no columns defined. If you add columns to the +# model remove the '{}' from the fixture names and add the columns immediately +# below each fixture, per the syntax in the comments below +# +one: {} +# column: value +# +two: {} +# column: value diff --git a/test/models/ingredient_test.rb b/test/models/ingredient_test.rb new file mode 100644 index 000000000..511fcf848 --- /dev/null +++ b/test/models/ingredient_test.rb @@ -0,0 +1,7 @@ +require 'test_helper' + +class IngredientTest < ActiveSupport::TestCase + # test "the truth" do + # assert true + # end +end diff --git a/test/models/label_test.rb b/test/models/label_test.rb new file mode 100644 index 000000000..780f3ac00 --- /dev/null +++ b/test/models/label_test.rb @@ -0,0 +1,7 @@ +require 'test_helper' + +class LabelTest < ActiveSupport::TestCase + # test "the truth" do + # assert true + # end +end From ce038fb435e5ab9831d0e1cdc71af5b397337a0a Mon Sep 17 00:00:00 2001 From: Test Date: Tue, 31 Oct 2017 20:06:17 -0700 Subject: [PATCH 03/28] pushing work so far --- .DS_Store | Bin 0 -> 8196 bytes .gitignore | 1 + Gemfile | 1 + Gemfile.lock | 5 +++++ app/.DS_Store | Bin 0 -> 6148 bytes app/controllers/recipe_controller.rb | 1 + app/views/.DS_Store | Bin 0 -> 6148 bytes config/application.rb | 3 ++- lib/slack_api_wrapper.rb | 32 +++++++++++++++++++++++++++ 9 files changed, 42 insertions(+), 1 deletion(-) create mode 100644 .DS_Store create mode 100644 app/.DS_Store create mode 100644 app/views/.DS_Store create mode 100644 lib/slack_api_wrapper.rb diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..f5a71c2ea37094cfd58a6eed8282b822ef14f687 GIT binary patch literal 8196 zcmeHMO=}ZD7=EXT>8>dfpM8sMn{{m5+h%6l3)~cuu zDSVtCGi6ToEW$GIDd~Dq;^A9u25UNu0!9I&fKk9GU=%nS3gDT|i}i=+z8p2RQNSqh zUn;=w4-O7)o61h56}JvlA_aggqgxcT#mhge!#iM`%1)(44+@i1SV?6n#b7FTV3LmU zrovC9m2_faX82JvGnJt*m3lBoz=<`bHMLQ|C@`x4&)rMp(trlHBQ1ZwhLQ6>MG-WG z^2Wn~%JP4BgD4zkD=XjFT&aAlGH=<(t9JE7)qdRBNyeSb%|^qPn{L(4bV5Jy+;lVa zvz?6~Zb!jh5Z_DhxLJ@s+8Fb-1TPx^SY8ODAxZY87G z9}2v3F536qYzKa~+#OO5z@RIJyEEhxi1P(Xb%qCyeW2 zdK6Nuqu8keszO~#D5j^t_6pdS1+1ON(lVtqDlonm7<1&4r(=k3`s>`LS21^h50Hqi zOS|ygC%?er(dAk5bPJrmSa(E$juuho(F-~nGen3Qa}{_z;ykYeTv&{N@hFR^q^KT` zlUcbq7jOZ{_+08??aTBGI|=ReH4q}zcopzQ(1x$1t7Cbb8rGt9%&`mad_QM(L3|qC z2EI+#X^rl}9-=#sRb!NK<^@=HrmsXq`#cwI3Ap~u1#Vil_4hk(aRQ!e xJ2 2.13' gem 'selenium-webdriver' + gem 'dotenv-rails' end group :development do diff --git a/Gemfile.lock b/Gemfile.lock index 76c3fefdd..96ee18c98 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -62,6 +62,10 @@ GEM coffee-script-source (1.12.2) concurrent-ruby (1.0.5) crass (1.0.2) + dotenv (2.2.1) + dotenv-rails (2.2.1) + dotenv (= 2.2.1) + railties (>= 3.2, < 5.2) erubi (1.7.0) execjs (2.7.0) ffi (1.9.18) @@ -181,6 +185,7 @@ DEPENDENCIES byebug capybara (~> 2.13) coffee-rails (~> 4.2) + dotenv-rails jbuilder (~> 2.5) listen (>= 3.0.5, < 3.2) puma (~> 3.7) diff --git a/app/.DS_Store b/app/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..0dd8d8d672990ef743a711365ba4a5e840054ddb GIT binary patch literal 6148 zcmeHKO>Wab6n@jX$s`pb3#4}G4HAniQb7m^Az7g;xXd*gYZ&gq;+;AgmE zN>{#j$^X8_-v?iSThIiU;)+pQUL_F44%VWYc!nH(ypjERjqT7oj2+fS{k6tx(gkLo zY@UP4^vhDF4X_18TeDo|?$IU2jj627L1wmv8J79jtdu{(ahl{sulJMf>^ggmCg*M5 zzR`Z;k3{JgK{3sT!Q_>^dlnR<(A1v`k^Zd*;fo|LPdm4sh^z>bES{*~B#J?K{W8fS zQ4Ym4i*hxNuRAzz@z!bQa5j7Ju-|nD{r{}tTdtr#&jr9hca`-U^*P_uHktGD~&pwm^pkf z^JHdDC`>&a>_9J2jHpM}X3n;YJv0yKB?kU#(f(C}>jbcj9lTYN$P{Adg#Vs{~eGl-#s9@*KR zu?CoPHyRJ3G*h0Po0qaGs|(d*|3dfuJji=lE9icw+Ch+Cgf2eR zI+?^lcoawdliJ6xI?aPPjk+c|ZbwM@@hwip78(VZZhFc7NQ{~F)v? z0xuPqvDF&w|9gMG|G!M)8Y{pG{8tKy@~*$z!cTI0>(s~5UaQbg(aDHcSe&F_V76l9 f(pLNl-59nj3J^Vqg+**ZafeTjPRTX#w^K)!_ literal 0 HcmV?d00001 diff --git a/config/application.rb b/config/application.rb index ba61ebeaf..3b5b5648f 100644 --- a/config/application.rb +++ b/config/application.rb @@ -2,6 +2,7 @@ require 'rails/all' + # Require the gems listed in Gemfile, including any gems # you've limited to :test, :development, or :production. Bundler.require(*Rails.groups) @@ -10,7 +11,7 @@ module ApiMuncher class Application < Rails::Application # Initialize configuration defaults for originally generated Rails version. config.load_defaults 5.1 - + config.autoload_paths << Rails.root.join('lib') # Settings in config/environments/* take precedence over those specified here. # Application configuration should go into files in config/initializers # -- all .rb files in that directory are automatically loaded. diff --git a/lib/slack_api_wrapper.rb b/lib/slack_api_wrapper.rb new file mode 100644 index 000000000..f979f1c01 --- /dev/null +++ b/lib/slack_api_wrapper.rb @@ -0,0 +1,32 @@ +require 'httparty' + +class SlackApiWrapper + BASE_URL = "https://slack.com/api" + TOKEN = ENV["SLACK_TOKEN"] + + def self.list_channels + url = BASE_URL + "channels.list?" + "token=#{TOKEN}" + "&exclude_archived=1" + data = HTTParty.get(url) + if data["channels"] + return data["channels"] + else + return [] + end + end + + def self.send_msg(channel, msg) + puts "Sending message to channel #{channel}: #{msg}" + + url = BASE_URL + "chat.postMessage?" + "token=#{TOKEN}" + response = HTTParty.post(url, + body: { + "text" => "#{msg}", + "channel" => "#{channel}", + "username" => "Roberts-Robit", + "icon_emoji" => ":robot_face:", + "as_user" => "false" + }, + :headers => { 'Content-Type' => 'application/x-www-form-urlencoded' }) + return response.success? +end +end From 7dc20253052798f0585e3a11742935ac48e63c5c Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Tue, 31 Oct 2017 22:31:29 -0700 Subject: [PATCH 04/28] updating api calls --- app/controllers/recipe_controller.rb | 13 +++++++++++++ lib/slack_api_wrapper.rb | 13 ++++++------- 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/app/controllers/recipe_controller.rb b/app/controllers/recipe_controller.rb index 66d7ffa33..06f8ade20 100644 --- a/app/controllers/recipe_controller.rb +++ b/app/controllers/recipe_controller.rb @@ -1,3 +1,16 @@ +require 'httparty' class RecipeController < ApplicationController + BASE_URL = "https://slack.com/api/" + TOKEN = ENV["SLACK_TOKEN"] + def index + end + + def show + + end + + def result + + end end diff --git a/lib/slack_api_wrapper.rb b/lib/slack_api_wrapper.rb index f979f1c01..f4b1c32fa 100644 --- a/lib/slack_api_wrapper.rb +++ b/lib/slack_api_wrapper.rb @@ -1,11 +1,11 @@ require 'httparty' class SlackApiWrapper - BASE_URL = "https://slack.com/api" + BASE_URL = "https://api.edamam.com/search" TOKEN = ENV["SLACK_TOKEN"] - def self.list_channels - url = BASE_URL + "channels.list?" + "token=#{TOKEN}" + "&exclude_archived=1" + def self.recipe_query(query) + url = BASE_URL + "search?q=#{query}" data = HTTParty.get(url) if data["channels"] return data["channels"] @@ -14,11 +14,10 @@ def self.list_channels end end - def self.send_msg(channel, msg) - puts "Sending message to channel #{channel}: #{msg}" + def self.recipe_details(url) - url = BASE_URL + "chat.postMessage?" + "token=#{TOKEN}" - response = HTTParty.post(url, + url = BASE_URL + "search?" + "r=#{url}" + response = HTTParty.get(url, body: { "text" => "#{msg}", "channel" => "#{channel}", From 2148799e4a10f27722f029c7af38f919b956b43b Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Tue, 31 Oct 2017 22:36:52 -0700 Subject: [PATCH 05/28] setting up controller --- app/controllers/recipe_controller.rb | 8 +++---- lib/recpie_api_wrapper.rb | 23 +++++++++++++++++++++ lib/slack_api_wrapper.rb | 31 ---------------------------- 3 files changed, 26 insertions(+), 36 deletions(-) create mode 100644 lib/recpie_api_wrapper.rb delete mode 100644 lib/slack_api_wrapper.rb diff --git a/app/controllers/recipe_controller.rb b/app/controllers/recipe_controller.rb index 06f8ade20..b617138a5 100644 --- a/app/controllers/recipe_controller.rb +++ b/app/controllers/recipe_controller.rb @@ -1,16 +1,14 @@ -require 'httparty' class RecipeController < ApplicationController - BASE_URL = "https://slack.com/api/" - TOKEN = ENV["SLACK_TOKEN"] def index + end def show - + @recpie = RecpieApiWrapper.recipe_details(params[:uri]) end def result - + @results = RecpieApiWrapper.recipe_query(params[:q]) end end diff --git a/lib/recpie_api_wrapper.rb b/lib/recpie_api_wrapper.rb new file mode 100644 index 000000000..302ed8be6 --- /dev/null +++ b/lib/recpie_api_wrapper.rb @@ -0,0 +1,23 @@ +require 'httparty' + +class RecpieApiWrapper + BASE_URL = "https://api.edamam.com/search" + #TOKEN = ENV["SLACK_TOKEN"] + + def self.recipe_query(query) + url = BASE_URL + "search?q=#{query}" + data = HTTParty.get(url) + if data["channels"] + return data["channels"] + else + return [] + end + end + + def self.recipe_details(url) + url = BASE_URL + "search?" + "r=#{url}" + response = HTTParty.get(url) + + return response + end +end diff --git a/lib/slack_api_wrapper.rb b/lib/slack_api_wrapper.rb deleted file mode 100644 index f4b1c32fa..000000000 --- a/lib/slack_api_wrapper.rb +++ /dev/null @@ -1,31 +0,0 @@ -require 'httparty' - -class SlackApiWrapper - BASE_URL = "https://api.edamam.com/search" - TOKEN = ENV["SLACK_TOKEN"] - - def self.recipe_query(query) - url = BASE_URL + "search?q=#{query}" - data = HTTParty.get(url) - if data["channels"] - return data["channels"] - else - return [] - end - end - - def self.recipe_details(url) - - url = BASE_URL + "search?" + "r=#{url}" - response = HTTParty.get(url, - body: { - "text" => "#{msg}", - "channel" => "#{channel}", - "username" => "Roberts-Robit", - "icon_emoji" => ":robot_face:", - "as_user" => "false" - }, - :headers => { 'Content-Type' => 'application/x-www-form-urlencoded' }) - return response.success? -end -end From ddaaa950a3ff8209ed0ca96ddca581588288887b Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Tue, 31 Oct 2017 23:16:02 -0700 Subject: [PATCH 06/28] updating query method --- Gemfile | 2 +- Gemfile.lock | 4 ++++ .../{recipe_controller.rb => recpie_controller.rb} | 2 +- app/views/recipie/index.html.erb | 1 - app/views/recpie/index.html.erb | 7 +++++++ app/views/{recipie => recpie}/result.html.erb | 0 app/views/{recipie => recpie}/show.html.erb | 0 config/routes.rb | 3 +++ lib/recpie_api_wrapper.rb | 14 +++++++------- 9 files changed, 23 insertions(+), 10 deletions(-) rename app/controllers/{recipe_controller.rb => recpie_controller.rb} (79%) delete mode 100644 app/views/recipie/index.html.erb create mode 100644 app/views/recpie/index.html.erb rename app/views/{recipie => recpie}/result.html.erb (100%) rename app/views/{recipie => recpie}/show.html.erb (100%) diff --git a/Gemfile b/Gemfile index 7f1d7352a..e9bc0fb06 100644 --- a/Gemfile +++ b/Gemfile @@ -29,7 +29,7 @@ gem 'jbuilder', '~> 2.5' # gem 'redis', '~> 3.0' # Use ActiveModel has_secure_password # gem 'bcrypt', '~> 3.1.7' - +gem 'httparty' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development diff --git a/Gemfile.lock b/Gemfile.lock index 96ee18c98..264f0ebbe 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -71,6 +71,8 @@ GEM ffi (1.9.18) globalid (0.4.1) activesupport (>= 4.2.0) + httparty (0.15.6) + multi_xml (>= 0.5.2) i18n (0.9.0) concurrent-ruby (~> 1.0) jbuilder (2.7.0) @@ -93,6 +95,7 @@ GEM mini_portile2 (2.3.0) minitest (5.10.3) multi_json (1.12.2) + multi_xml (0.6.0) nio4r (2.1.0) nokogiri (1.8.1) mini_portile2 (~> 2.3.0) @@ -186,6 +189,7 @@ DEPENDENCIES capybara (~> 2.13) coffee-rails (~> 4.2) dotenv-rails + httparty jbuilder (~> 2.5) listen (>= 3.0.5, < 3.2) puma (~> 3.7) diff --git a/app/controllers/recipe_controller.rb b/app/controllers/recpie_controller.rb similarity index 79% rename from app/controllers/recipe_controller.rb rename to app/controllers/recpie_controller.rb index b617138a5..b6de66ded 100644 --- a/app/controllers/recipe_controller.rb +++ b/app/controllers/recpie_controller.rb @@ -1,4 +1,4 @@ -class RecipeController < ApplicationController +class RecpieController < ApplicationController def index diff --git a/app/views/recipie/index.html.erb b/app/views/recipie/index.html.erb deleted file mode 100644 index d5462f79d..000000000 --- a/app/views/recipie/index.html.erb +++ /dev/null @@ -1 +0,0 @@ -

MUNCHER

diff --git a/app/views/recpie/index.html.erb b/app/views/recpie/index.html.erb new file mode 100644 index 000000000..cf240ea79 --- /dev/null +++ b/app/views/recpie/index.html.erb @@ -0,0 +1,7 @@ +

API MUNCHER

+ +<%= form_tag(get_recpies_path, method: "get") do %> + <%= label_tag(:q, "Search for:") %> + <%= text_field_tag(:q) %> + <%= submit_tag("Search") %> +<% end %> diff --git a/app/views/recipie/result.html.erb b/app/views/recpie/result.html.erb similarity index 100% rename from app/views/recipie/result.html.erb rename to app/views/recpie/result.html.erb diff --git a/app/views/recipie/show.html.erb b/app/views/recpie/show.html.erb similarity index 100% rename from app/views/recipie/show.html.erb rename to app/views/recpie/show.html.erb diff --git a/config/routes.rb b/config/routes.rb index 787824f88..20e756455 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,3 +1,6 @@ Rails.application.routes.draw do # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html + root 'recpie#index' + get 'recpie/:q', to: 'recipe#result', as: "get_recpies" + get 'recpie/:r', to: 'recipe#show', as: 'show_recpie' end diff --git a/lib/recpie_api_wrapper.rb b/lib/recpie_api_wrapper.rb index 302ed8be6..e0fd4afc6 100644 --- a/lib/recpie_api_wrapper.rb +++ b/lib/recpie_api_wrapper.rb @@ -1,21 +1,21 @@ require 'httparty' class RecpieApiWrapper - BASE_URL = "https://api.edamam.com/search" + BASE_URL = "https://api.edamam.com/search?" #TOKEN = ENV["SLACK_TOKEN"] - def self.recipe_query(query) - url = BASE_URL + "search?q=#{query}" + def self.recpie_query(query) + url = BASE_URL + "q=#{query}" data = HTTParty.get(url) - if data["channels"] - return data["channels"] + if data["hits"] + return data["hits"] else return [] end end - def self.recipe_details(url) - url = BASE_URL + "search?" + "r=#{url}" + def self.recpie_details(url) + url = BASE_URL + "r=#{url}" response = HTTParty.get(url) return response From 285dafc829355ecb388b0ac1a93ddad99b3c5b70 Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 01:20:31 -0700 Subject: [PATCH 07/28] pushing work for calling API for query --- app/controllers/recipes_controller.rb | 15 +++++++++ app/controllers/recpie_controller.rb | 14 -------- app/views/recipes/index.html.erb | 7 ++++ app/views/recipes/results.html.erb | 7 ++++ app/views/{recpie => recipes}/show.html.erb | 0 app/views/recpie/index.html.erb | 7 ---- app/views/recpie/result.html.erb | 0 config/routes.rb | 6 ++-- lib/recipe_api_wrapper.rb | 36 +++++++++++++++++++++ lib/recpie_api_wrapper.rb | 23 ------------- 10 files changed, 68 insertions(+), 47 deletions(-) create mode 100644 app/controllers/recipes_controller.rb delete mode 100644 app/controllers/recpie_controller.rb create mode 100644 app/views/recipes/index.html.erb create mode 100644 app/views/recipes/results.html.erb rename app/views/{recpie => recipes}/show.html.erb (100%) delete mode 100644 app/views/recpie/index.html.erb delete mode 100644 app/views/recpie/result.html.erb create mode 100644 lib/recipe_api_wrapper.rb delete mode 100644 lib/recpie_api_wrapper.rb diff --git a/app/controllers/recipes_controller.rb b/app/controllers/recipes_controller.rb new file mode 100644 index 000000000..688360956 --- /dev/null +++ b/app/controllers/recipes_controller.rb @@ -0,0 +1,15 @@ +#require "#{Rails.root}/lib/recipes.rb" + +class RecipesController < ApplicationController + def index + end + + def results + @results = RecipeApiWrapper.recipe_query(params[:q]) + end + + def show + @uri = params[:uri] + "." + params[:format].gsub(/#/,'%23') + @recpie = RecipeApiWrapper.recipe_details(@uri) + end +end diff --git a/app/controllers/recpie_controller.rb b/app/controllers/recpie_controller.rb deleted file mode 100644 index b6de66ded..000000000 --- a/app/controllers/recpie_controller.rb +++ /dev/null @@ -1,14 +0,0 @@ -class RecpieController < ApplicationController - - def index - - end - - def show - @recpie = RecpieApiWrapper.recipe_details(params[:uri]) - end - - def result - @results = RecpieApiWrapper.recipe_query(params[:q]) - end -end diff --git a/app/views/recipes/index.html.erb b/app/views/recipes/index.html.erb new file mode 100644 index 000000000..7b056af87 --- /dev/null +++ b/app/views/recipes/index.html.erb @@ -0,0 +1,7 @@ +

API MUNCHER

+ +<%= form_tag("/recipes/results", method: "get") do %> + <%= label_tag(:q, "Search for:") %> + <%= text_field_tag(:q) %> + <%= submit_tag("Search") %> +<% end %> diff --git a/app/views/recipes/results.html.erb b/app/views/recipes/results.html.erb new file mode 100644 index 000000000..994cf5984 --- /dev/null +++ b/app/views/recipes/results.html.erb @@ -0,0 +1,7 @@ +

Results

+ +<% @results.each do |result| %> + + <%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(:uri => result[:uri])) %> + +<% end %> diff --git a/app/views/recpie/show.html.erb b/app/views/recipes/show.html.erb similarity index 100% rename from app/views/recpie/show.html.erb rename to app/views/recipes/show.html.erb diff --git a/app/views/recpie/index.html.erb b/app/views/recpie/index.html.erb deleted file mode 100644 index cf240ea79..000000000 --- a/app/views/recpie/index.html.erb +++ /dev/null @@ -1,7 +0,0 @@ -

API MUNCHER

- -<%= form_tag(get_recpies_path, method: "get") do %> - <%= label_tag(:q, "Search for:") %> - <%= text_field_tag(:q) %> - <%= submit_tag("Search") %> -<% end %> diff --git a/app/views/recpie/result.html.erb b/app/views/recpie/result.html.erb deleted file mode 100644 index e69de29bb..000000000 diff --git a/config/routes.rb b/config/routes.rb index 20e756455..7f0a6fc42 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,6 +1,6 @@ Rails.application.routes.draw do # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html - root 'recpie#index' - get 'recpie/:q', to: 'recipe#result', as: "get_recpies" - get 'recpie/:r', to: 'recipe#show', as: 'show_recpie' + root 'recipes#index' + get 'recipes/results', to: 'recipes#results', as: "get_recipes" + get 'recipes/show/:uri', to: 'recipes#show', as: 'show_recipe' end diff --git a/lib/recipe_api_wrapper.rb b/lib/recipe_api_wrapper.rb new file mode 100644 index 000000000..4479202c0 --- /dev/null +++ b/lib/recipe_api_wrapper.rb @@ -0,0 +1,36 @@ +require 'httparty' + +class RecipeApiWrapper + attr_reader :servings, :uri, :label, :link, :ingredients, :image, :servings, :health_labels, :bookmarked + BASE_URL = "https://api.edamam.com/search" + APP_ID = ENV["APP_ID"] + APP_KEY = ENV["APP_KEY"] + + def self.recipe_query(query) + url = BASE_URL + "?app_id=#{APP_ID}"+ "&app_key=#{APP_KEY}" + "&q=#{query}" + data = HTTParty.get(url) + if data["hits"] + result = [] + data["hits"].each do |item| + label = item["recipe"]["label"] + uri = item["recipe"]["uri"] + image = item["recipe"]["image"] + result.push( + { + label: label, + uri: uri, + image: image + } + ) + end + return result + else + return [] + end + end + + def self.recipe_details(url) + url = BASE_URL + "?app_id=#{APP_ID}"+ "&app_key=#{APP_KEY}" + "&r=#{uri}" + @response = HTTParty.get(url) + end +end diff --git a/lib/recpie_api_wrapper.rb b/lib/recpie_api_wrapper.rb deleted file mode 100644 index e0fd4afc6..000000000 --- a/lib/recpie_api_wrapper.rb +++ /dev/null @@ -1,23 +0,0 @@ -require 'httparty' - -class RecpieApiWrapper - BASE_URL = "https://api.edamam.com/search?" - #TOKEN = ENV["SLACK_TOKEN"] - - def self.recpie_query(query) - url = BASE_URL + "q=#{query}" - data = HTTParty.get(url) - if data["hits"] - return data["hits"] - else - return [] - end - end - - def self.recpie_details(url) - url = BASE_URL + "r=#{url}" - response = HTTParty.get(url) - - return response - end -end From 1eea959bc1df5b0ca4465bde31193a28b75aa59b Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 09:47:58 -0700 Subject: [PATCH 08/28] updates for url formatting --- app/controllers/recipes_controller.rb | 3 +-- app/views/recipes/results.html.erb | 2 +- app/views/recipes/show.html.erb | 2 ++ lib/recipe_api_wrapper.rb | 6 +++--- 4 files changed, 7 insertions(+), 6 deletions(-) diff --git a/app/controllers/recipes_controller.rb b/app/controllers/recipes_controller.rb index 688360956..a70151fdb 100644 --- a/app/controllers/recipes_controller.rb +++ b/app/controllers/recipes_controller.rb @@ -9,7 +9,6 @@ def results end def show - @uri = params[:uri] + "." + params[:format].gsub(/#/,'%23') - @recpie = RecipeApiWrapper.recipe_details(@uri) + @recipe = RecipeApiWrapper.recipe_details(params[:uri]) end end diff --git a/app/views/recipes/results.html.erb b/app/views/recipes/results.html.erb index 994cf5984..149d60687 100644 --- a/app/views/recipes/results.html.erb +++ b/app/views/recipes/results.html.erb @@ -2,6 +2,6 @@ <% @results.each do |result| %> - <%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(:uri => result[:uri])) %> + <%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(result[:uri])) %> <% end %> diff --git a/app/views/recipes/show.html.erb b/app/views/recipes/show.html.erb index e69de29bb..8e2353dab 100644 --- a/app/views/recipes/show.html.erb +++ b/app/views/recipes/show.html.erb @@ -0,0 +1,2 @@ +

Recipe details

+

<%= @recipe[0] %>

diff --git a/lib/recipe_api_wrapper.rb b/lib/recipe_api_wrapper.rb index 4479202c0..abf5f056d 100644 --- a/lib/recipe_api_wrapper.rb +++ b/lib/recipe_api_wrapper.rb @@ -13,7 +13,7 @@ def self.recipe_query(query) result = [] data["hits"].each do |item| label = item["recipe"]["label"] - uri = item["recipe"]["uri"] + uri = item["recipe"]["uri"].split("#")[1] image = item["recipe"]["image"] result.push( { @@ -29,8 +29,8 @@ def self.recipe_query(query) end end - def self.recipe_details(url) - url = BASE_URL + "?app_id=#{APP_ID}"+ "&app_key=#{APP_KEY}" + "&r=#{uri}" + def self.recipe_details(uri) + url = BASE_URL + "?app_id=#{APP_ID}"+ "&app_key=#{APP_KEY}" + "&r=http://www.edamam.com/ontologies/edamam.owl%23#{uri}" @response = HTTParty.get(url) end end From 3e17a7cd4fc019bb08cc6a51765c5b6f0cdd0577 Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 11:19:12 -0700 Subject: [PATCH 09/28] adding response to show page --- app/views/recipes/show.html.erb | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/app/views/recipes/show.html.erb b/app/views/recipes/show.html.erb index 8e2353dab..ed03cdcdc 100644 --- a/app/views/recipes/show.html.erb +++ b/app/views/recipes/show.html.erb @@ -1,2 +1,20 @@ -

Recipe details

-

<%= @recipe[0] %>

+

<%= @recipe[0]["label"] %> Recipe details

+

<%= link_to 'Original Recipe', @recipe[0]["url"]%>

+ +

Ingredients

+
    + <%= @recipe[0]["ingredientLines"].each do |item| %> +
  • <%= item %>
    • + <% end %> +
+ +

Dietary Information

+
    + <% @recipe[0]["totalNutrients"].each do |item| %> +
  • <%= item[1]["label"] + " #{item[1]["quantity"]}"+item[1]["unit"] %>
    • + <% end %> +
+ +

+ " alt = "Picture of <%= @recipe[0]["label"] %>" /> +

From eb7f1d3ec82c1b7a731894e7cdf056c39b8f8ec1 Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 13:48:57 -0700 Subject: [PATCH 10/28] partial form and cleaning up html --- app/views/layouts/_search_bar.html.erb | 7 +++++++ app/views/recipes/index.html.erb | 6 +----- app/views/recipes/results.html.erb | 9 ++++++--- app/views/recipes/show.html.erb | 10 +++++++--- 4 files changed, 21 insertions(+), 11 deletions(-) create mode 100644 app/views/layouts/_search_bar.html.erb diff --git a/app/views/layouts/_search_bar.html.erb b/app/views/layouts/_search_bar.html.erb new file mode 100644 index 000000000..7e36febda --- /dev/null +++ b/app/views/layouts/_search_bar.html.erb @@ -0,0 +1,7 @@ +<%= form_tag("/recipes/results", method: "get") do %> + <%= label_tag(:q, "Find Your Flavor...") %> +
+ <%= text_field_tag(:q) %> +
+ <%= submit_tag("Search") %> +<% end %> diff --git a/app/views/recipes/index.html.erb b/app/views/recipes/index.html.erb index 7b056af87..245092e5c 100644 --- a/app/views/recipes/index.html.erb +++ b/app/views/recipes/index.html.erb @@ -1,7 +1,3 @@

API MUNCHER

-<%= form_tag("/recipes/results", method: "get") do %> - <%= label_tag(:q, "Search for:") %> - <%= text_field_tag(:q) %> - <%= submit_tag("Search") %> -<% end %> +<%= render partial: "layouts/search_bar" %> diff --git a/app/views/recipes/results.html.erb b/app/views/recipes/results.html.erb index 149d60687..44c2af29a 100644 --- a/app/views/recipes/results.html.erb +++ b/app/views/recipes/results.html.erb @@ -1,7 +1,10 @@ -

Results

+<%= render partial: "layouts/search_bar" %> +

Recipes

+

Results for "<%= params[:q] %>"

<% @results.each do |result| %> - +
<%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(result[:uri])) %> - +

<%= result[:label]%>

+
<% end %> diff --git a/app/views/recipes/show.html.erb b/app/views/recipes/show.html.erb index ed03cdcdc..bd9a9aebe 100644 --- a/app/views/recipes/show.html.erb +++ b/app/views/recipes/show.html.erb @@ -1,9 +1,13 @@ -

<%= @recipe[0]["label"] %> Recipe details

-

<%= link_to 'Original Recipe', @recipe[0]["url"]%>

+ +<%= render partial: "layouts/search_bar" %> + +

<%= @recipe[0]["label"] %>

+

By: <%= @recipe[0]["source"]%>

+

<%= link_to 'Original Recipe', @recipe[0]["url"]%>

Ingredients

    - <%= @recipe[0]["ingredientLines"].each do |item| %> + <% @recipe[0]["ingredientLines"].each do |item| %>
  • <%= item %>
    • <% end %>
From d447b6a3c0637c5a70e07a57bca22a86a76e0579 Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 14:05:56 -0700 Subject: [PATCH 11/28] adding footer and organizing elements --- app/views/layouts/application.html.erb | 5 +++++ app/views/recipes/results.html.erb | 6 ++++-- app/views/recipes/show.html.erb | 9 +++++---- 3 files changed, 14 insertions(+), 6 deletions(-) diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 3360e304d..29f21fd30 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -6,9 +6,14 @@ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> + <%= yield %> + +
+
+
diff --git a/app/views/recipes/results.html.erb b/app/views/recipes/results.html.erb index 44c2af29a..89a6f199a 100644 --- a/app/views/recipes/results.html.erb +++ b/app/views/recipes/results.html.erb @@ -4,7 +4,9 @@

Results for "<%= params[:q] %>"

<% @results.each do |result| %>
- <%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(result[:uri])) %> -

<%= result[:label]%>

+
+ <%= link_to(image_tag(result[:image], alt: "#{result[:label]}"), show_recipe_path(result[:uri])) %> +
<%= result[:label]%>
+
<% end %> diff --git a/app/views/recipes/show.html.erb b/app/views/recipes/show.html.erb index bd9a9aebe..2471e095e 100644 --- a/app/views/recipes/show.html.erb +++ b/app/views/recipes/show.html.erb @@ -3,8 +3,13 @@

<%= @recipe[0]["label"] %>

By: <%= @recipe[0]["source"]%>

+

<%= link_to 'Original Recipe', @recipe[0]["url"]%>

+
+ " alt = "Picture of <%= @recipe[0]["label"] %>" /> +
+

Ingredients

    <% @recipe[0]["ingredientLines"].each do |item| %> @@ -18,7 +23,3 @@
  • <%= item[1]["label"] + " #{item[1]["quantity"]}"+item[1]["unit"] %>
    • <% end %>
- -

- " alt = "Picture of <%= @recipe[0]["label"] %>" /> -

From d0a25b85cd49d7d6749dc4291a3c8fa49b55c553 Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 15:49:48 -0700 Subject: [PATCH 12/28] adding menu scrolling --- app/controllers/recipes_controller.rb | 2 +- app/views/layouts/_search_bar.html.erb | 1 + app/views/recipes/results.html.erb | 10 ++++++++++ lib/recipe_api_wrapper.rb | 9 +++++++-- 4 files changed, 19 insertions(+), 3 deletions(-) diff --git a/app/controllers/recipes_controller.rb b/app/controllers/recipes_controller.rb index a70151fdb..320b6ee23 100644 --- a/app/controllers/recipes_controller.rb +++ b/app/controllers/recipes_controller.rb @@ -5,7 +5,7 @@ def index end def results - @results = RecipeApiWrapper.recipe_query(params[:q]) + @results = RecipeApiWrapper.recipe_query(params[:q], params[:from]) end def show diff --git a/app/views/layouts/_search_bar.html.erb b/app/views/layouts/_search_bar.html.erb index 7e36febda..4a851a5c5 100644 --- a/app/views/layouts/_search_bar.html.erb +++ b/app/views/layouts/_search_bar.html.erb @@ -2,6 +2,7 @@ <%= label_tag(:q, "Find Your Flavor...") %>
<%= text_field_tag(:q) %> + <%= hidden_field_tag(name = "from", value = 0)%>
<%= submit_tag("Search") %> <% end %> diff --git a/app/views/recipes/results.html.erb b/app/views/recipes/results.html.erb index 89a6f199a..dc1bb7e45 100644 --- a/app/views/recipes/results.html.erb +++ b/app/views/recipes/results.html.erb @@ -10,3 +10,13 @@ <% end %> + + diff --git a/lib/recipe_api_wrapper.rb b/lib/recipe_api_wrapper.rb index abf5f056d..9c7eeb7ba 100644 --- a/lib/recipe_api_wrapper.rb +++ b/lib/recipe_api_wrapper.rb @@ -6,8 +6,13 @@ class RecipeApiWrapper APP_ID = ENV["APP_ID"] APP_KEY = ENV["APP_KEY"] - def self.recipe_query(query) - url = BASE_URL + "?app_id=#{APP_ID}"+ "&app_key=#{APP_KEY}" + "&q=#{query}" + def self.recipe_query(query, from) + url = BASE_URL + + "?app_id=#{APP_ID}"+ + "&app_key=#{APP_KEY}" + + "&q=#{query}"+ + "&from=#{from}" + data = HTTParty.get(url) if data["hits"] result = [] From 527db2c2c34cda236d60cf7b6a68f2fee6e40e5e Mon Sep 17 00:00:00 2001 From: VirtualLindsey Date: Wed, 1 Nov 2017 20:57:54 -0700 Subject: [PATCH 13/28] updating CSS for index page --- app/assets/stylesheets/foundations.css | 682 +++++++++++++++++++++++++ app/assets/stylesheets/recipie.scss | 4 + app/views/layouts/_search_bar.html.erb | 5 +- app/views/layouts/application.html.erb | 4 +- app/views/recipes/index.html.erb | 8 +- app/views/recipes/results.html.erb | 23 +- 6 files changed, 714 insertions(+), 12 deletions(-) create mode 100644 app/assets/stylesheets/foundations.css diff --git a/app/assets/stylesheets/foundations.css b/app/assets/stylesheets/foundations.css new file mode 100644 index 000000000..e7fd4a889 --- /dev/null +++ b/app/assets/stylesheets/foundations.css @@ -0,0 +1,682 @@ + +@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.3.1 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ +html { + font-family: sans-serif; + /* 1 */ + line-height: 1.15; + /* 2 */ -ms-text-size-adjust: 100%; + /* 3 */ -webkit-text-size-adjust: 100%; + /* 3 */ + } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ + figcaption, figure { display: block; } + /** * Add the correct margin in IE 8. */ + figure { margin: 1em 40px; } + /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ + hr { + -webkit-box-sizing: content-box; + box-sizing: + content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ + } /** * Add the correct display in IE. */ + + main { display: block; } + /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ + pre { + font-family: monospace, monospace; + /* 1 */ font-size: 1em; /* 2 */ + } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ + + a { background-color: transparent; + /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ + } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ + + a:active, a:hover { outline-width: 0; } + + /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ + b, strong { font-weight: bolder; } + /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ + + code, kbd, samp { font-family: monospace, monospace; + /* 1 */ font-size: 1em; /* 2 */ + } /** * Add the correct font style in Android 4.3-. */ + + dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ + + mark { background-color: #ff0; color: #000; } + /** * Add the correct font size in all browsers. */ + + small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ + + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { bottom: -0.25em; } + sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ + + audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ + + audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ + + img { border-style: none; } /** * Hide the overflow in IE. */ + svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ + + button, input, optgroup, select, textarea { + font-family: sans-serif; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ + } /** * Show the overflow in IE. */ + + button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ + + button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ + + button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: button; /* 2 */ + } + + button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ + } + + button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { + border-style: none; padding: 0; + } + + button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; + } /** * Show the overflow in Edge. */ + + input { overflow: visible; } + /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ + [type="checkbox"], [type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ + + [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto; + } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ + + [type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ + } + + [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ + + ::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ + } /** * Change the border, margin, and padding in all browsers (opinionated). */ + + fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; + } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ + + legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + color: inherit; /* 2 */ + white-space: normal; /* 1 */ + } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ + + progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ + } /** * Remove the default vertical scrollbar in IE. */ + + textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ + + details { display: block; } /* * Add the correct display in all browsers. */ + + summary { display: list-item; } /* * Add the correct display in IE 9-. */ + + menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ + + canvas { display: inline-block; } /** * Add the correct display in IE. */ + + template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ + + [hidden] { display: none; } .foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; + } + + html { + -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; + } + *, *::before, *::after { + -webkit-box-sizing: inherit; box-sizing: inherit; + } + + body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; + } + + textarea { + height: auto; + min-height: 50px; + border-radius: 0; + } + + select { + -webkit-box-sizing: border-box; + box-sizing: border-box; width: 100%; + border-radius: 0; + } + + .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { + max-width: none !important; + } + + button { + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + } + + [data-whatinput='mouse'] button { + outline: 0; + } + + pre { overflow: auto; } + + .is-visible { display: block !important; } + + .is-hidden { display: none !important; } + + + .row { max-width: 75rem; margin-right: auto; margin-left: auto; } + + .row::before, .row::after { display: table; content: ' '; } + + .row::after { clear: both; } + + .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } + + .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } + + @media print, screen and (min-width: 40em) { + .row .row { + margin-right: -0.9375rem; + margin-left: -0.9375rem; } + } + + @media print, screen and (min-width: 64em) { + .row .row { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } + } + + .row .row.collapse { + margin-right: 0; + margin-left: 0; + } + + .row.expanded { + max-width: none; + } + + .row.expanded .row { + margin-right: auto; + margin-left: auto; + } + + .row:not(.expanded) .row { + max-width: none; + } + + .row.gutter-small > .column, .row.gutter-small > .columns { + padding-right: 0.625rem; + padding-left: 0.625rem; + } + + .row.gutter-medium > .column, .row.gutter-medium > .columns { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } + + .column, .columns { + width: 100%; float: left; + padding-right: 0.625rem; + padding-left: 0.625rem; + } + + @media print, screen and (min-width: 40em) { + .column, .columns { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } + } + + .column:last-child:not(:first-child), + + .columns:last-child:not(:first-child) { float: right; } + + .column.end:last-child:last-child, .end.columns:last-child:last-child { + float: left; + } + + .column.row.row, .row.row.columns { + float: none; + } + + .row .column.row.row, .row .row.row.columns { + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; + } + + .small-1 { + width: 8.33333%; + } + + .small-push-1 { + position: relative; + left: 8.33333%; + } + + .small-pull-1 { + position: relative; + left: -8.33333%; + } + + .small-offset-0 { + margin-left: 0%; + } + + .small-2 { + width: 16.66667%; + } + + .small-push-2 { + position: relative; + left: 16.66667%; + } + + .small-pull-2 { + position: relative; + left: -16.66667%; + } + + .small-offset-1 { + margin-left: 8.33333%; + } + + .small-3 { + width: 25%; + } + + .small-push-3 { + position: relative; + left: 25%; + } + + .small-pull-3 { + position: relative; + left: -25%; + } + + .small-offset-2 { + margin-left: 16.66667%; + } + + .small-4 { + width: 33.33333%; + } + + .small-push-4 { + position: relative; + left: 33.33333%; + } + + .small-pull-4 { + position: relative; + left: -33.33333%; + } + + .small-offset-3 { + margin-left: 25%; + } + .small-5 { + width: 41.66667%; + } + + .small-push-5 { + position: relative; + left: 41.66667%; + } + + .small-pull-5 { + position: relative; + left: -41.66667%; + } + + .small-offset-4 { + margin-left: 33.33333%; + } + + .small-6 { width: 50%; } + + .small-push-6 { position: relative; left: 50%; } + + .small-pull-6 { position: relative; left: -50%; } + + .small-offset-5 { margin-left: 41.66667%; } + + .small-7 { width: 58.33333%; } + + .small-push-7 { position: relative; left: 58.33333%; } + + .small-pull-7 { position: relative; left: -58.33333%; } + + .small-offset-6 { margin-left: 50%; } + + .small-8 { width: 66.66667%; } + + .small-push-8 { position: relative; left: 66.66667%; } + + .small-pull-8 { position: relative; left: -66.66667%; } + + .small-offset-7 { margin-left: 58.33333%; } + + .small-9 { width: 75%; } + + .small-push-9 { position: relative; left: 75%; } + + .small-pull-9 { position: relative; left: -75%; } + + .small-offset-8 { margin-left: 66.66667%; } + + .small-10 { width: 83.33333%; } + + .small-push-10 { position: relative; left: 83.33333%; } + + .small-pull-10 { position: relative; left: -83.33333%; } + + .small-offset-9 { margin-left: 75%; } + + .small-11 { width: 91.66667%; } + + .small-push-11 { position: relative; left: 91.66667%; } + + .small-pull-11 { position: relative; left: -91.66667%; } + + .small-offset-10 { margin-left: 83.33333%; } + + .small-12 { width: 100%; } + + .small-offset-11 { margin-left: 91.66667%; } + + .small-up-1 > .column, .small-up-1 > .columns { + float: left; width: 100%; + } + + .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + + .small-up-1 > + .column:last-child, .small-up-1 > .columns:last-child { float: left; } + .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } + .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + + .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } + + .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; } + + .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + + .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } + + .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } + .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + + .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } + + .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } + .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + + .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } + + .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; } + + .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + + .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } + + .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; } + + .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + + .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } + + .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } + + .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + + .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } + + .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } + + .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } + + .small-collapse .row { margin-right: 0; margin-left: 0; } + + .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } + + .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } + + .small-centered { margin-right: auto; margin-left: auto; } + + .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } + + .small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } + + @media print, screen and (min-width: 40em) { + .medium-1 { + width: 8.33333%; + } + .medium-push-1 { + position: relative; + left: 8.33333%; + } + .medium-pull-1 { position: relative; left: -8.33333%; } + .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } + .medium-push-2 { position: relative; left: 16.66667%; } + .medium-pull-2 { position: relative; left: -16.66667%; } + .medium-offset-1 { margin-left: 8.33333%; } + .medium-3 { width: 25%; } + .medium-push-3 { position: relative; left: 25%; } + .medium-pull-3 { position: relative; left: -25%; } + .medium-offset-2 { margin-left: 16.66667%; } + .medium-4 { width: 33.33333%; } + .medium-push-4 { position: relative; left: 33.33333%; } + .medium-pull-4 { position: relative; left: -33.33333%; } + .medium-offset-3 { margin-left: 25%; } + .medium-5 { width: 41.66667%; } + .medium-push-5 { position: relative; left: 41.66667%; } + .medium-pull-5 { position: relative; left: -41.66667%; } + .medium-offset-4 { margin-left: 33.33333%; } + .medium-6 { width: 50%; } + .medium-push-6 { position: relative; left: 50%; } + .medium-pull-6 { position: relative; left: -50%; } + .medium-offset-5 { margin-left: 41.66667%; } + .medium-7 { width: 58.33333%; } + .medium-push-7 { position: relative; left: 58.33333%; } + .medium-pull-7 { position: relative; left: -58.33333%; } + .medium-offset-6 { margin-left: 50%; } + .medium-8 { width: 66.66667%; } + .medium-push-8 { position: relative; left: 66.66667%; } + .medium-pull-8 { position: relative; left: -66.66667%; } + .medium-offset-7 { margin-left: 58.33333%; } + .medium-9 { width: 75%; } + .medium-push-9 { position: relative; left: 75%; } + .medium-pull-9 { position: relative; left: -75%; } + .medium-offset-8 { margin-left: 66.66667%; } + .medium-10 { width: 83.33333%; } + .medium-push-10 { position: relative; left: 83.33333%; } + .medium-pull-10 { position: relative; left: -83.33333%; } + .medium-offset-9 { margin-left: 75%; } + .medium-11 { width: 91.66667%; } + .medium-push-11 { position: relative; left: 91.66667%; } + .medium-pull-11 { position: relative; left: -91.66667%; } + .medium-offset-10 { margin-left: 83.33333%; } + .medium-12 { width: 100%; } + .medium-offset-11 { margin-left: 91.66667%; } + .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } + .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } + .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } + .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } + .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } + .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } + .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; } + .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } + .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } + .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } + .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } + .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } + .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } + .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } + .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } + .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; } + .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } + .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } + .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; } + .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } + .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } + .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } + .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } + .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } + .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } + .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } + .medium-collapse .row { margin-right: 0; margin-left: 0; } + .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } + .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } + .medium-centered { margin-right: auto; margin-left: auto; } + .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } + .medium-uncentered, .medium-push-0, .medium-pull-0 { + position: static; + float: left; + margin-right: 0; + margin-left: 0; + } + } + + @media print, screen and (min-width: 64em) { + .large-1 { width: 8.33333%; } + .large-push-1 { position: relative; left: 8.33333%; } + .large-pull-1 { position: relative; left: -8.33333%; } + .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } + .large-push-2 { position: relative; left: 16.66667%; } + .large-pull-2 { position: relative; left: -16.66667%; } + .large-offset-1 { margin-left: 8.33333%; } + .large-3 { width: 25%; } + .large-push-3 { position: relative; left: 25%; } + .large-pull-3 { position: relative; left: -25%; } + .large-offset-2 { margin-left: 16.66667%; } + .large-4 { width: 33.33333%; } + .large-push-4 { position: relative; left: 33.33333%; } + .large-pull-4 { position: relative; left: -33.33333%; } + .large-offset-3 { margin-left: 25%; } + .large-5 { width: 41.66667%; } + .large-push-5 { position: relative; left: 41.66667%; } + .large-pull-5 { position: relative; left: -41.66667%; } + .large-offset-4 { margin-left: 33.33333%; } + .large-6 { width: 50%; } + .large-push-6 { position: relative; left: 50%; } + .large-pull-6 { position: relative; left: -50%; } + .large-offset-5 { margin-left: 41.66667%; } + .large-7 { width: 58.33333%; } + .large-push-7 { position: relative; left: 58.33333%; } + .large-pull-7 { position: relative; left: -58.33333%; } + .large-offset-6 { margin-left: 50%; } + .large-8 { width: 66.66667%; } + .large-push-8 { position: relative; left: 66.66667%; } + .large-pull-8 { position: relative; left: -66.66667%; } + .large-offset-7 { margin-left: 58.33333%; } + .large-9 { width: 75%; } + .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 0; color: #cacaca; } h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #1468a0; } a img { border: 0; } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: "— "; } abbr { border-bottom: 1px dotted #0a0a0a; color: #0a0a0a; cursor: help; } figure { margin: 0; } code { padding: 0.125rem 0.3125rem 0.0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: black !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type='search'] { -webkit-box-sizing: border-box; box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; width: 1%; height: 100%; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; } .input-group .input-group-button { display: table-cell; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; background: #fefefe; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); -webkit-background-origin: content-box; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; -webkit-background-size: 9px 6px; background-size: 9px 6px; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #1779ba; color: #fefefe; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #14679e; color: #fefefe; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button.primary { background-color: #1779ba; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #126195; color: #fefefe; } .button.secondary { background-color: #767676; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #5e5e5e; color: #fefefe; } .button.success { background-color: #3adb76; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; } .button.warning { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.alert { background-color: #cc4b37; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; } .button.hollow { border: 1px solid #1779ba; color: #1779ba; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #0c3d5d; color: #0c3d5d; } .button.hollow.primary { border: 1px solid #1779ba; color: #1779ba; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c3d5d; color: #0c3d5d; } .button.hollow.secondary { border: 1px solid #767676; color: #767676; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #1779ba; color: #fefefe; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #1779ba; color: #fefefe; } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #767676; color: #fefefe; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #0a0a0a; } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #0a0a0a; } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cc4b37; color: #fefefe; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } .accordion { margin-left: 0; background: #fefefe; list-style-type: none; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1779ba; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; } .is-active > .accordion-title::before { content: '\2013'; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .is-accordion-submenu-parent > a { position: relative; } .is-accordion-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #1779ba; color: #fefefe; } .badge.primary { background: #1779ba; color: #fefefe; } .badge.secondary { background: #767676; color: #fefefe; } .badge.success { background: #3adb76; color: #0a0a0a; } .badge.warning { background: #ffae00; color: #0a0a0a; } .badge.alert { background: #cc4b37; color: #fefefe; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; top: 1px; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #1779ba; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .button-group { margin-bottom: 1rem; font-size: 0; } .button-group::before, .button-group::after { display: table; content: ' '; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded { margin-right: -1px; } .button-group.expanded::before, .button-group.expanded::after { display: none; } .button-group.expanded .button:first-child:last-child { width: 100%; } .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { margin-right: -6px; } .button-group.primary .button { background-color: #1779ba; color: #fefefe; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #126195; color: #fefefe; } .button-group.secondary .button { background-color: #767676; color: #fefefe; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5e5e5e; color: #fefefe; } .button-group.success .button { background-color: #3adb76; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; } .button-group.warning .button { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.alert .button { background-color: #cc4b37; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: white; color: #0a0a0a; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #d7ecfa; color: #0a0a0a; } .callout.secondary { background-color: #eaeaea; color: #0a0a0a; } .callout.success { background-color: #e1faea; color: #0a0a0a; } .callout.warning { background-color: #fff3d9; color: #0a0a0a; } .callout.alert { background-color: #f7e4e1; color: #0a0a0a; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #0a0a0a; } .card > :last-child { margin-bottom: 0; } .card-divider { padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .close-button { position: absolute; color: #8a8a8a; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { vertical-align: middle; } .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: 0.25rem; display: inline-block; } .menu > li, .menu.horizontal > li { display: table-cell; } .menu.expanded { display: table; width: 100%; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.vertical > li { display: block; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-expanded { display: table; width: 100%; table-layout: fixed; } .menu.medium-expanded > li:first-child:last-child { width: 100%; } .menu.medium-vertical > li { display: block; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-expanded { display: table; width: 100%; table-layout: fixed; } .menu.large-expanded > li:first-child:last-child { width: 100%; } .menu.large-vertical > li { display: block; } } .menu.simple li { display: inline-block; vertical-align: top; line-height: 1; } .menu.simple a { padding: 0; } .menu.simple li { margin-left: 0; margin-right: 1rem; } .menu.simple.align-right li { margin-right: 0; margin-left: 1rem; } .menu.align-right::before, .menu.align-right::after { display: table; content: ' '; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { display: block; margin: 0 auto 0.25rem; } .menu.icon-top.vertical a > span { margin: auto; } .menu.nested { margin-left: 1rem; } .menu .active > a { background: #1779ba; color: #fefefe; } .menu.menu-bordered li { border: 1px solid #e6e6e6; } .menu.menu-bordered li:not(:first-child) { border-top: 0; } .menu.menu-hover li:hover { background-color: #e6e6e6; } .menu-text { padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; vertical-align: top; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { -webkit-transition: height 0.5s; transition: height 0.5s; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .drilldown-submenu-cover-previous { min-height: 100%; } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; } .dropdown-pane { position: absolute; z-index: 10; display: block; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1779ba; color: #fefefe; } .label.primary { background: #1779ba; color: #fefefe; } .label.secondary { background: #767676; color: #fefefe; } .label.success { background: #3adb76; color: #0a0a0a; } .label.warning { background: #ffae00; color: #0a0a0a; } .label.alert { background: #cc4b37; color: #fefefe; } .media-object { display: block; margin-bottom: 1rem; } .media-object img { max-width: none; } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 1; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.is-transition-overlap { z-index: 10; } .off-canvas.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-absolute { position: absolute; z-index: 1; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-overlap { z-index: 10; } .off-canvas-absolute.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .position-left { top: 0; left: 0; width: 250px; height: 100%; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); overflow-y: auto; } .position-left.is-open ~ .off-canvas-content { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .position-left.is-transition-push::after { position: absolute; top: 0; right: 0; height: 100%; width: 1px; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-left.is-transition-overlap.is-open ~ .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; } .position-right { top: 0; right: 0; width: 250px; height: 100%; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); overflow-y: auto; } .position-right.is-open ~ .off-canvas-content { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .position-right.is-transition-push::after { position: absolute; top: 0; left: 0; height: 100%; width: 1px; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-right.is-transition-overlap.is-open ~ .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; } .position-top { top: 0; left: 0; width: 100%; height: 250px; -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); overflow-x: auto; } .position-top.is-open ~ .off-canvas-content { -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .position-top.is-transition-push::after { position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-top.is-transition-overlap.is-open ~ .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; } .position-bottom { bottom: 0; left: 0; width: 100%; height: 250px; -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); overflow-x: auto; } .position-bottom.is-open ~ .off-canvas-content { -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .position-bottom.is-transition-push::after { position: absolute; top: 0; left: 0; height: 1px; width: 100%; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; } .orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: ' '; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 0; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 0; color: #0a0a0a; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #1779ba; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: '\00ab'; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: '\00bb'; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #1779ba; } .progress.secondary .progress-meter { background-color: #767676; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #cc4b37; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #1779ba; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1779ba; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #14679e; } .slider-handle.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal .reveal { right: auto; left: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } } .reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ''; } input:checked ~ .switch-paddle { background: #1779ba; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { width: 100%; margin-bottom: 1rem; border-radius: 0; } table thead, table tbody, table tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } table caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } table thead { background: #f8f8f8; color: #0a0a0a; } table tfoot { background: #f1f1f1; color: #0a0a0a; } table thead tr, table tfoot tr { background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; } table tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; } table.unstriped tbody { background-color: #fefefe; } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; } @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f3f3f3; } table.hover tfoot tr:hover { background-color: #ececec; } table.hover tbody tr:hover { background-color: #f9f9f9; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1779ba; } .tabs.primary > li > a { color: #fefefe; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1673b1; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #1779ba; } .tabs-title > a:hover { background: #fefefe; color: #1468a0; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #1779ba; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel[aria-hidden="false"] { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fefefe; border-radius: 0; -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { -webkit-transition: -webkit-box-shadow 200ms ease-out; transition: -webkit-box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } a.thumbnail image { -webkit-box-shadow: none; box-shadow: none; } .title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; } .title-bar::before, .title-bar::after { display: table; content: ' '; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: #fefefe; } .tooltip::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; top: 50%; bottom: auto; left: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; top: 50%; right: 100%; bottom: auto; left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after { display: table; content: ' '; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } @media print, screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } .top-bar-title { display: inline-block; float: left; padding: 0.5rem 1rem 0.5rem 0; } .top-bar-title .menu-icon { bottom: 2px; } .top-bar-left { float: left; } .top-bar-right { float: right; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: ' '; } .clearfix::after { clear: both; } /*# sourceMappingURL=foundation.css.map */ diff --git a/app/assets/stylesheets/recipie.scss b/app/assets/stylesheets/recipie.scss index 6a973480e..173905eb8 100644 --- a/app/assets/stylesheets/recipie.scss +++ b/app/assets/stylesheets/recipie.scss @@ -1,3 +1,7 @@ // Place all the styles related to the recipie controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ + +.columns input{ + float: right; +} diff --git a/app/views/layouts/_search_bar.html.erb b/app/views/layouts/_search_bar.html.erb index 4a851a5c5..99b4519d8 100644 --- a/app/views/layouts/_search_bar.html.erb +++ b/app/views/layouts/_search_bar.html.erb @@ -1,8 +1,7 @@ -<%= form_tag("/recipes/results", method: "get") do %> + +<%= form_tag("/recipes/results", method: "get", class: "columns large-centered large-4") do %> <%= label_tag(:q, "Find Your Flavor...") %> -
<%= text_field_tag(:q) %> <%= hidden_field_tag(name = "from", value = 0)%> -
<%= submit_tag("Search") %> <% end %> diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 29f21fd30..c0de5f85b 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -13,7 +13,7 @@ <%= yield %> -