initial commit from appmail

.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 all logfiles and tempfiles.
+/log/*
+/tmp/*
+!/log/.keep
+!/tmp/.keep
+
+# Ignore Byebug command history file.
+.byebug_history
+
+config/postal.yml
+config/smtp.cert
+config/smtp.key
+config/lets_encrypt.pem
+config/signing.key

Gemfile

@@ -0,0 +1,44 @@
+source 'https://rubygems.org'
+gem 'rails', '= 5.0.2'
+gem 'mysql2', '>= 0.3.18', '< 0.5'
+gem 'puma', '~> 3.0'
+gem 'sass-rails', '~> 5.0'
+gem 'uglifier', '>= 1.3.0'
+gem 'coffee-rails', '~> 4.2'
+gem 'jquery-rails'
+gem 'turbolinks', '~> 5'
+gem 'haml'
+gem 'nifty-utils'
+gem 'nilify_blanks'
+gem 'kaminari'
+gem 'bcrypt'
+gem 'foreman'
+gem 'hashie'
+gem 'authie', :git => "git@codebasehq.com:atechmedia/libs/authie"
+gem 'dynamic_form'
+gem 'changey'
+gem 'mail'
+gem 'autoprefixer-rails'
+gem 'bunny', '~> 2.5.1'
+gem 'secure_headers'
+gem 'chronic'
+gem 'basic_ssl'
+gem 'clockwork'
+gem 'encrypto_signo'
+gem 'epoll', :require => nil
+gem 'mongo'
+gem 'sentry-raven'
+gem 'gelf'
+gem 'moonrope', :git => 'https://github.com/adamcooke/moonrope', :branch => 'master'
+gem 'jwt'
+gem 'createsend', '~> 4.0'
+gem 'acme-client', :git => 'https://github.com/unixcharles/acme-client'
+
+group :development, :test do
+  gem 'byebug'
+end
+
+group :development do
+  gem 'web-console'
+  gem 'annotate'
+end

Gemfile.lock

@@ -0,0 +1,257 @@
+GIT
+  remote: git@codebasehq.com:atechmedia/libs/authie
+  revision: 045adc2e54e3ec6ced99ad49356da6397dd62542
+  specs:
+    authie (3.0.0)
+
+GIT
+  remote: https://github.com/adamcooke/moonrope
+  revision: fe5d5de38a35c36416f256a41902a6984e147fe5
+  branch: master
+  specs:
+    moonrope (2.0.0)
+      deep_merge (~> 1.0)
+      json (~> 1.7)
+      rack (>= 1.4)
+
+GIT
+  remote: https://github.com/unixcharles/acme-client
+  revision: 9a80e9301acd3f17ebff6ceaf245e0c400d08519
+  specs:
+    acme-client (0.5.0)
+      faraday (~> 0.9, >= 0.9.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (5.0.2)
+      actionpack (= 5.0.2)
+      nio4r (>= 1.2, < 3.0)
+      websocket-driver (~> 0.6.1)
+    actionmailer (5.0.2)
+      actionpack (= 5.0.2)
+      actionview (= 5.0.2)
+      activejob (= 5.0.2)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (5.0.2)
+      actionview (= 5.0.2)
+      activesupport (= 5.0.2)
+      rack (~> 2.0)
+      rack-test (~> 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.2)
+    actionview (5.0.2)
+      activesupport (= 5.0.2)
+      builder (~> 3.1)
+      erubis (~> 2.7.0)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.3)
+    activejob (5.0.2)
+      activesupport (= 5.0.2)
+      globalid (>= 0.3.6)
+    activemodel (5.0.2)
+      activesupport (= 5.0.2)
+    activerecord (5.0.2)
+      activemodel (= 5.0.2)
+      activesupport (= 5.0.2)
+      arel (~> 7.0)
+    activesupport (5.0.2)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+    amq-protocol (2.0.1)
+    annotate (2.7.1)
+      activerecord (>= 3.2, < 6.0)
+      rake (>= 10.4, < 12.0)
+    arel (7.1.4)
+    autoprefixer-rails (6.5.0.2)
+      execjs
+    basic_ssl (1.0.3)
+    bcrypt (3.1.11)
+    bson (4.0.4)
+    builder (3.2.3)
+    bunny (2.5.1)
+      amq-protocol (>= 2.0.1)
+    byebug (9.0.6)
+    changey (1.0.0)
+      activerecord (>= 4.2, < 6)
+    chronic (0.10.2)
+    clockwork (1.0.0)
+      activesupport
+      tzinfo
+    coffee-rails (4.2.1)
+      coffee-script (>= 2.2.0)
+      railties (>= 4.0.0, < 5.2.x)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.10.0)
+    concurrent-ruby (1.0.5)
+    createsend (4.1.0)
+      hashie (~> 3.0)
+      httparty (~> 0.10)
+      json (~> 1.0)
+    debug_inspector (0.0.2)
+    deep_merge (1.1.1)
+    dynamic_form (1.1.4)
+    encrypto_signo (1.0.0)
+    epoll (0.3.0)
+    erubis (2.7.0)
+    execjs (2.7.0)
+    faraday (0.9.2)
+      multipart-post (>= 1.2, < 3)
+    foreman (0.82.0)
+      thor (~> 0.19.1)
+    gelf (3.0.0)
+      json
+    globalid (0.3.7)
+      activesupport (>= 4.1.0)
+    haml (4.0.7)
+      tilt
+    hashie (3.4.6)
+    httparty (0.14.0)
+      multi_xml (>= 0.5.2)
+    i18n (0.8.1)
+    jquery-rails (4.2.1)
+      rails-dom-testing (>= 1, < 3)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)
+    json (1.8.6)
+    jwt (1.5.6)
+    kaminari (0.17.0)
+      actionpack (>= 3.0.0)
+      activesupport (>= 3.0.0)
+    loofah (2.0.3)
+      nokogiri (>= 1.5.9)
+    mail (2.6.4)
+      mime-types (>= 1.16, < 4)
+    method_source (0.8.2)
+    mime-types (3.1)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2016.0521)
+    mini_portile2 (2.1.0)
+    minitest (5.10.1)
+    mongo (2.2.4)
+      bson (~> 4.0)
+    multi_xml (0.5.5)
+    multipart-post (2.0.0)
+    mysql2 (0.4.4)
+    nifty-utils (1.1.7)
+    nilify_blanks (1.2.1)
+      activerecord (>= 3.0.0)
+      activesupport (>= 3.0.0)
+    nio4r (2.0.0)
+    nokogiri (1.7.1)
+      mini_portile2 (~> 2.1.0)
+    puma (3.8.2)
+    rack (2.0.1)
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    rails (5.0.2)
+      actioncable (= 5.0.2)
+      actionmailer (= 5.0.2)
+      actionpack (= 5.0.2)
+      actionview (= 5.0.2)
+      activejob (= 5.0.2)
+      activemodel (= 5.0.2)
+      activerecord (= 5.0.2)
+      activesupport (= 5.0.2)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 5.0.2)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.2)
+      activesupport (>= 4.2.0, < 6.0)
+      nokogiri (~> 1.6)
+    rails-html-sanitizer (1.0.3)
+      loofah (~> 2.0)
+    railties (5.0.2)
+      actionpack (= 5.0.2)
+      activesupport (= 5.0.2)
+      method_source
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (11.3.0)
+    sass (3.4.22)
+    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)
+    secure_headers (3.4.1)
+      useragent
+    sentry-raven (2.1.0)
+      faraday (>= 0.7.6, < 0.10.x)
+    sprockets (3.7.1)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.2.0)
+      actionpack (>= 4.0)
+      activesupport (>= 4.0)
+      sprockets (>= 3.0.0)
+    thor (0.19.4)
+    thread_safe (0.3.6)
+    tilt (2.0.5)
+    turbolinks (5.0.1)
+      turbolinks-source (~> 5)
+    turbolinks-source (5.0.0)
+    tzinfo (1.2.3)
+      thread_safe (~> 0.1)
+    uglifier (3.0.2)
+      execjs (>= 0.3.0, < 3)
+    useragent (0.16.8)
+    web-console (3.3.1)
+      actionview (>= 5.0)
+      activemodel (>= 5.0)
+      debug_inspector
+      railties (>= 5.0)
+    websocket-driver (0.6.5)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  acme-client!
+  annotate
+  authie!
+  autoprefixer-rails
+  basic_ssl
+  bcrypt
+  bunny (~> 2.5.1)
+  byebug
+  changey
+  chronic
+  clockwork
+  coffee-rails (~> 4.2)
+  createsend (~> 4.0)
+  dynamic_form
+  encrypto_signo
+  epoll
+  foreman
+  gelf
+  haml
+  hashie
+  jquery-rails
+  jwt
+  kaminari
+  mail
+  mongo
+  moonrope!
+  mysql2 (>= 0.3.18, < 0.5)
+  nifty-utils
+  nilify_blanks
+  puma (~> 3.0)
+  rails (= 5.0.2)
+  sass-rails (~> 5.0)
+  secure_headers
+  sentry-raven
+  turbolinks (~> 5)
+  uglifier (>= 1.3.0)
+  web-console
+
+BUNDLED WITH
+   1.14.5

Procfile

@@ -0,0 +1,6 @@
+web: bundle exec puma -C config/puma.rb
+fast: bundle exec rake postal:fast_server
+worker: bundle exec rake postal:worker
+cron: bundle exec rake postal:cron
+smtp: bundle exec rake postal:smtp_server
+requeuer: bundle exec rake postal:requeuer

Procfile.options

@@ -0,0 +1,14 @@
+app_name: Postal
+log_path: log/procodile.log
+pid_root: tmp/pids
+processes:
+  web:
+    restart_mode: usr1
+  fast:
+    restart_mode: term-start
+  smtp:
+    restart_mode: usr1
+  worker:
+    restart_mode: start-term
+  cron:
+    restart_mode: term-start

README.md

@@ -0,0 +1,9 @@
+# Postal
+
+Postal is a complete and fully featured mail server for use by websites & web servers. Think Sendgrid, Mailgun or Postmark but open source and ready for you to run on your own servers. Postal was developed by aTech Media to serve its own mail processing requirements and we have since decided that it should be released as an open source project for the community. It was originally launched by us as AppMail but renamed to Postal as part of making it open source as we felt the name was more suitable.
+
+The application has been running in production for us for nearly 6 months and we will be continuing to use it ourselves and support its ongoing development.
+
+We are still just putting a few finishing touches to the documentation & installation instructions but we'll make it as easy as possible.
+
+Standby.

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

api/authenticator.rb

@@ -0,0 +1,28 @@
+authenticator :server do
+  header "X-Server-API-Key", "The API token for a server that you wish to authenticate with.", :example => 'f29a45f0d4e1744ebaee'
+  error 'InvalidServerAPIKey', "The API token provided in X-Server-API-Key was not valid.", :attributes => {:token => "The token that was looked up"}
+  error 'ServerSuspended', "The mail server has been suspended"
+  lookup do
+    if key = request.headers['X-Server-API-Key']
+      if credential = Credential.where(:type => 'API', :key => key).first
+        if credential.server.suspended?
+          error 'ServerSuspended'
+        else
+          credential.use
+          credential
+        end
+      else
+        error 'InvalidServerAPIKey', :token => key
+      end
+    end
+  end
+  rule :default, "AccessDenied", "Must be authenticated as a server." do
+    identity.is_a?(Credential)
+  end
+end
+
+authenticator :anonymous do
+  rule :default, "MustNotBeAuthenticated", "Must not be authenticated." do
+    identity.nil?
+  end
+end

api/controllers/messages_api_controller.rb

@@ -0,0 +1,40 @@
+controller :messages do
+  friendly_name "Messages API"
+  description "This API allows you to access message details"
+  authenticator :server
+
+  action :message do
+    title "Return message details"
+    description "Returns all details about a message"
+    param :id, "The ID of the message", :type => Integer, :required => true
+    returns Hash, :structure => :message, :structure_opts => {:paramable => {:expansions => false}}
+    error 'MessageNotFound', "No message found matching provided ID", :attributes => {:id => "The ID of the message"}
+    action do
+      begin
+        message = identity.server.message(params.id)
+      rescue Postal::MessageDB::Message::NotFound => e
+        error 'MessageNotFound', :id => params.id
+      end
+      structure :message, message, :return => true
+    end
+  end
+
+  action :deliveries do
+    title "Return deliveries for a message"
+    description "Returns an array of deliveries which have been attempted for this message"
+    param :id, "The ID of the message", :type => Integer, :required => true
+    returns Array, :structure => :delivery, :structure_opts => {:full => true}
+    error 'MessageNotFound', "No message found matching provided ID", :attributes => {:id => "The ID of the message"}
+    action do
+      begin
+        message = identity.server.message(params.id)
+      rescue Postal::MessageDB::Message::NotFound => e
+        error 'MessageNotFound', :id => params.id
+      end
+      message.deliveries.map do |d|
+        structure :delivery, d
+      end
+    end
+  end
+
+end

api/controllers/send_api_controller.rb

@@ -0,0 +1,109 @@
+controller :send do
+  friendly_name "Send API"
+  description "This API allows you to send messages"
+  authenticator :server
+
+  action :message do
+    title "Send a message"
+    description "This action allows you to send a message by providing the appropriate options"
+    # Acceptable Parameters
+    param :to, "The e-mail addresses of the recipients (max 50)", :type => Array
+    param :cc, "The e-mail addresses of any CC contacts (max 50)", :type => Array
+    param :bcc, "The e-mail addresses of any BCC contacts (max 50)", :type => Array
+    param :from, "The e-mail address of the sender", :type => String
+    param :subject, "The subject of the e-mail", :type => String
+    param :tag, "The tag of the e-mail", :type => String
+    param :reply_to, "Set the reply-to address for the mail", :type => String
+    param :plain_body, "The plain text body of the e-mail", :type => String
+    param :html_body, "The HTML body of the e-mail", :type => String
+    param :attachments, "An array of attachments for this e-mail", :type => Array
+    param :headers, "A hash of additional headers", :type => Hash
+    param :bounce, "Is this message a bounce?", :type => :boolean
+    # Errors
+    error 'ValidationError', "The provided data was not sufficient to send an email", :attributes => {:errors => "A hash of error details"}
+    error 'NoRecipients', "There are no recipients defined to received this message"
+    error 'NoContent', "There is no content defined for this e-mail"
+    error 'TooManyToAddresses', "The maximum number of To addresses has been reached (maximum 50)"
+    error 'TooManyCCAddresses', "The maximum number of CC addresses has been reached (maximum 50)"
+    error 'TooManyBCCAddresses', "The maximum number of BCC addresses has been reached (maximum 50)"
+    error 'FromAddressMissing', "The From address is missing and is required"
+    error 'UnauthenticatedFromAddress', "The From address is not authorised to send mail from this server"
+    error 'AttachmentMissingName', "An attachment is missing a name"
+    error 'AttachmentMissingData', "An attachment is missing data"
+    # Return
+    returns Hash
+    # Action
+    action do
+      attributes = {}
+      attributes[:to] = params.to
+      attributes[:cc] = params.cc
+      attributes[:bcc] = params.bcc
+      attributes[:from] = params.from
+      attributes[:sender] = params.sender
+      attributes[:subject] = params.subject
+      attributes[:reply_to] = params.reply_to
+      attributes[:plain_body] = params.plain_body
+      attributes[:html_body] = params.html_body
+      attributes[:bounce] = params.bounce ? true : false
+      attributes[:tag] = params.tag
+      attributes[:custom_headers] = params.headers
+      attributes[:attachments] = []
+      (params.attachments || []).each do |attachment|
+        next unless attachment.is_a?(Hash)
+        attributes[:attachments] << {:name => attachment['name'], :content_type => attachment['content_type'], :data => attachment['data'], :base64 => true}
+      end
+      message = OutgoingMessagePrototype.new(identity.server, request.ip, 'api', attributes)
+      message.credential = identity
+      if message.valid?
+        result = message.create_messages
+        {:message_id => message.message_id, :messages => result}
+      else
+        error message.errors.first
+      end
+    end
+  end
+
+  action :raw do
+    title "Send a raw RFC2882 message"
+    description "This action allows you to send us a raw RFC2822 formatted message along with the recipients that it should be sent to. This is similar to sending a message through our SMTP service."
+    param :mail_from, "The address that should be logged as sending the message", :type => String, :required => true
+    param :rcpt_to, "The addresses this message should be sent to", :type => Array, :required => true
+    param :data, "A base64 encoded RFC2822 message to send", :type => String, :required => true
+    param :bounce, "Is this message a bounce?", :type => :boolean
+    returns Hash
+    error 'UnauthenticatedFromAddress', "The From address is not authorised to send mail from this server"
+    action do
+      # Decode the raw message
+      raw_message = Base64.decode64(params.data)
+
+      # Parse through mail to get the from/sender headers
+      mail = Mail.new(raw_message.split("\r\n\r\n", 2).first)
+      from_headers = {'from' => mail.from, 'sender' => mail.sender}
+      authenticated_domain = identity.server.find_authenticated_domain_from_headers(from_headers)
+
+      # If we're not authenticated, don't continue
+      if authenticated_domain.nil?
+        error 'UnauthenticatedFromAddress'
+      end
+
+      # Store the result ready to return
+      result = {:message_id => nil, :messages => {}}
+      params.rcpt_to.uniq.each do |rcpt_to|
+        message = identity.server.message_db.new_message
+        message.rcpt_to = rcpt_to
+        message.mail_from = params.mail_from
+        message.raw_message = raw_message
+        message.received_with_ssl = true
+        message.scope = 'outgoing'
+        message.domain_id = authenticated_domain.id
+        message.credential_id = identity.id
+        message.bounce = params.bounce ? 1 : 0
+        message.save
+        result[:message_id] = message.message_id if result[:message_id].nil?
+        result[:messages][rcpt_to] = {:id => message.id, :token => message.token}
+      end
+      result
+    end
+  end
+
+end

api/structures/delivery_api_structure.rb

@@ -0,0 +1,10 @@
+structure :delivery do
+  basic :id
+  basic :status
+  basic :details
+  basic :output, :value => proc { o.output&.strip }
+  basic :sent_with_ssl, :value => proc { o.sent_with_ssl == 1 }
+  basic :log_id
+  basic :time, :value => proc { o.time&.to_f }
+  basic :timestamp, :value => proc { o.timestamp.to_f }
+end

api/structures/message_api_structure.rb

@@ -0,0 +1,59 @@
+structure :message do
+  basic :id
+  basic :token
+
+  expansion(:status) {
+    {
+      :status => o.status,
+      :last_delivery_attempt => o.last_delivery_attempt ? o.last_delivery_attempt.to_f : nil,
+      :held => o.held == 1 ? true : false,
+      :hold_expiry => o.hold_expiry ? o.hold_expiry.to_f : nil
+    }
+  }
+
+  expansion(:details) {
+    {
+      :rcpt_to => o.rcpt_to,
+      :mail_from => o.mail_from,
+      :subject => o.subject,
+      :message_id => o.message_id,
+      :timestamp => o.timestamp.to_f,
+      :direction => o.scope,
+      :size => o.size,
+      :bounce => o.bounce,
+      :bounce_for_id => o.bounce_for_id,
+      :tag => o.tag,
+      :received_with_ssl => o.received_with_ssl
+    }
+  }
+
+  expansion(:inspection) {
+    {
+      :inspected => o.inspected == 1 ? true : false,
+      :spam => o.spam == 1 ? true : false,
+      :spam_score => o.spam_score.to_f,
+      :threat => o.threat == 1 ? true : false,
+      :threat_details => o.threat_details
+    }
+  }
+
+  expansion(:plain_body) { o.plain_body }
+
+  expansion(:html_body) { o.html_body }
+
+  expansion(:attachments) {
+    o.attachments.map do |attachment|
+      {
+        :filename => attachment.filename.to_s,
+        :content_type => attachment.mime_type,
+        :data => Base64.encode64(attachment.body.to_s),
+        :size => attachment.body.to_s.bytesize,
+        :hash => Digest::SHA1.hexdigest(attachment.body.to_s)
+      }
+    end
+  }
+
+  expansion(:headers) { o.headers }
+
+  expansion(:raw_message) { Base64.encode64(o.raw_message) }
+end

app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

app/assets/images/animals/cat.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.39 116.75"><defs><style>.cls-1{fill:#e66929;}.cls-2{fill:#f7a148;}.cls-3{fill:#310800;}.cls-4{fill:#fff;}.cls-5{fill:#e6525c;}.cls-6{fill:#7e4324;}</style></defs><path class="cls-1" d="M549.44,277.62c13,0,23.45,15.71,23.45,35.08a48.25,48.25,0,0,1-3.7,18.89c12.19-2,18.47-5.12,18.47-5.12,0-27.67-17.11-50.11-38.23-50.11s-38.23,22.44-38.23,50.11a90.81,90.81,0,0,0,18.39,4.93A48.32,48.32,0,0,1,526,312.7C526,293.33,536.49,277.62,549.44,277.62Z" transform="translate(-510.74 -221.51)"/><path class="cls-2" d="M569.2,331.59a48.25,48.25,0,0,0,3.7-18.89c0-19.37-10.5-35.08-23.45-35.08S526,293.33,526,312.7a48.32,48.32,0,0,0,3.61,18.7,117.42,117.42,0,0,0,19.84,1.69A125.1,125.1,0,0,0,569.2,331.59Z" transform="translate(-510.74 -221.51)"/><polygon class="cls-3" points="38.81 84.72 30.63 107.83 38.81 116.75 46.76 107.83 38.81 84.72"/><polygon class="cls-3" points="38.81 91.08 30.63 82.88 46.76 82.88 38.81 91.08"/><path class="cls-3" d="M549.44,297.74c-11.95,0-22.39-2.52-28.08-6.27a4.38,4.38,0,0,0-.09.86c0,6.1,12.61,13.9,28.17,13.9s28.17-7.81,28.17-13.9a4.53,4.53,0,0,0-.09-.86C571.83,295.23,561.38,297.74,549.44,297.74Z" transform="translate(-510.74 -221.51)"/><path class="cls-1" d="M541.84,243.85a76.08,76.08,0,0,0-9.18-14c-4-4.67-9.75-9.56-13.16-8.11-8.5,3.62-4.33,37.11-4.33,37.11l2.78.83Z" transform="translate(-510.74 -221.51)"/><path class="cls-1" d="M557,243.85a75.9,75.9,0,0,1,9.18-14c4-4.67,9.75-9.56,13.16-8.11,8.51,3.62,4.33,37.11,4.33,37.11l-2.78.83Z" transform="translate(-510.74 -221.51)"/><path class="cls-2" d="M535,244.51c2.57-2.31-1.27-7.7-4.08-11.34-1.8-2.33-7.54-9.23-10-7.66-4.56,2.86-4.6,31.44,1.57,27.7C529.65,248.85,531.46,247.7,535,244.51Z" transform="translate(-510.74 -221.51)"/><path class="cls-2" d="M563.86,244.51c-2.57-2.31,1.27-7.7,4.08-11.34,1.8-2.33,7.54-9.23,10-7.66,4.55,2.86,4.6,31.44-1.57,27.7C569.23,248.85,567.42,247.7,563.86,244.51Z" transform="translate(-510.74 -221.51)"/><path class="cls-1" d="M585.25,264.79c-2.1-13.94-12-18.89-25.78-22a50.55,50.55,0,0,0-10-1.17,49.6,49.6,0,0,0-10,1.17c-13.79,3.15-23.69,8.1-25.79,22-.93,6.15,2.27,18.55,5.55,23.84a23,23,0,0,0,9.59,8.24c2.56,1,7.52,1.34,10.25,1.75,3,.45,4.6,4.23,10.42,4.25h0c5.82,0,7.45-3.8,10.42-4.25,2.73-.41,7.69-.72,10.25-1.75a23,23,0,0,0,9.59-8.24C583,283.33,586.18,270.94,585.25,264.79Z" transform="translate(-510.74 -221.51)"/><path class="cls-4" d="M563.09,284.28c-1.19-.61-6-2.67-9.16-6.75s-.95-12.94-4.47-12.94-1.27,8.73-4.5,12.94-8,6.14-9.16,6.75c-2.61,1.19-4.34,3.26-4.34,5.62,0,3.68,4.2,6.67,9.37,6.67,3.86,0,7.17-1.66,8.61-4,1.44,2.37,4.75,4,8.61,4,5.18,0,9.37-3,9.37-6.67C567.42,287.53,565.69,285.46,563.09,284.28Z" transform="translate(-510.74 -221.51)"/><path class="cls-2" d="M555.48,274.22c-1.43-3.18-.58-9.06,6.45-12,5.17-2.13,9.92.41,11.11,3a9.28,9.28,0,0,1-5,12.33C561.72,280.22,556.88,277.33,555.48,274.22Z" transform="translate(-510.74 -221.51)"/><path class="cls-5" d="M555.94,285.21c-.37-1.61-6.36-1.57-6.51-1.57s-6.13,0-6.51,1.57c-.47,2,6.52,5.41,6.52,5.41S556.42,287.23,555.94,285.21Z" transform="translate(-510.74 -221.51)"/><path class="cls-6" d="M558,272.68s.08-5.49,4.7-7.4c3.4-1.4,6.51-.19,7.29,1.5a6.09,6.09,0,0,1-3.3,8.1C562.61,276.63,558,272.68,558,272.68Z" transform="translate(-510.74 -221.51)"/><ellipse class="cls-3" cx="564.77" cy="270.13" rx="1.95" ry="2.65" transform="translate(-553.5 -102.52) rotate(-11.59)"/><circle class="cls-4" cx="56.01" cy="48.33" r="1.07"/><path class="cls-2" d="M543.3,274.22c1.43-3.18.58-9.06-6.45-12-5.17-2.13-9.92.41-11.11,3a9.28,9.28,0,0,0,5,12.33C537.06,280.22,541.9,277.33,543.3,274.22Z" transform="translate(-510.74 -221.51)"/><path class="cls-6" d="M540.73,272.68s-.08-5.49-4.7-7.4c-3.4-1.4-6.51-.19-7.29,1.5a6.09,6.09,0,0,0,3.3,8.1C536.18,276.63,540.73,272.68,540.73,272.68Z" transform="translate(-510.74 -221.51)"/><ellipse class="cls-3" cx="534.02" cy="270.13" rx="2.65" ry="1.95" transform="translate(-348.67 517.45) rotate(-78.41)"/><circle class="cls-4" cx="25.26" cy="48.33" r="1.07"/><path class="cls-3" d="M586.82,261.86c-10.69-.62-19.88-.59-26.27-.52a9.26,9.26,0,0,0-5.94,2H544.27a9.26,9.26,0,0,0-5.94-2c-6.38-.07-15.58-.1-26.27.52-1,.06-1.65,2.25-1.13,4,.21.71,1.82,1,1.82,2.34s-2.77,11.47,17.59,11.47c4.39,0,11.08-.48,13.59-3.49,3-3.64,2.17-8.55,1.28-11.08h8.45c-.89,2.53-1.76,7.44,1.28,11.08,2.51,3,9.2,3.49,13.59,3.49,20.37,0,17.59-10.17,17.59-11.47s1.61-1.63,1.82-2.34C588.47,264.12,587.83,261.92,586.82,261.86Zm-56.39,16.46c-17.42,0-16.93-8.6-14.56-13.46,1-2,7.79-2.16,14.39-2.17,5.93,0,11.92-.36,13.09,2.51C545.34,270.12,546.29,278.32,530.43,278.32Zm38,0c-15.87,0-14.91-8.2-12.91-13.12,1.17-2.87,7.16-2.52,13.08-2.51,6.6,0,13.42.19,14.39,2.17C585.38,269.71,585.87,278.32,568.45,278.32Z" transform="translate(-510.74 -221.51)"/></svg>

app/assets/images/animals/cat4.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.93 106.14"><defs><style>.cls-1{fill:#58595b;}.cls-2{fill:#231f20;}.cls-3{fill:#414042;}.cls-4{fill:#a7a9ac;}.cls-5{fill:#f7574f;}.cls-6{fill:#fff;}</style></defs><path class="cls-1" d="M282.79,322.8c-1-39.1-17.27-70.21-37.23-70.21S209.3,283.7,208.33,322.8c0,0,11.57,10.77,37.55,10.77C272.08,333.57,282.79,322.8,282.79,322.8Z" transform="translate(-200.59 -227.42)"/><ellipse class="cls-1" cx="44.97" cy="73.7" rx="7.9" ry="4.29"/><path class="cls-2" d="M229.27,245.35s-20.7-22.07-27.12-17.24,9,30.74,9,30.74Z" transform="translate(-200.59 -227.42)"/><path class="cls-2" d="M261.85,245.35s20.7-22.07,27.12-17.24-9,30.74-9,30.74Z" transform="translate(-200.59 -227.42)"/><path class="cls-3" d="M225.54,247.2s-16.6-19.31-22.18-15.49,6.46,26.18,6.46,26.18Z" transform="translate(-200.59 -227.42)"/><path class="cls-3" d="M265.58,247.2s16.6-19.31,22.18-15.49-6.46,26.18-6.46,26.18Z" transform="translate(-200.59 -227.42)"/><path class="cls-1" d="M245.56,236c-22.13.13-40,15.09-40,33.52s17.9,33.39,40,33.52c22.13-.13,40-15.08,40-33.52S267.69,236.11,245.56,236Z" transform="translate(-200.59 -227.42)"/><path class="cls-2" d="M236.73,282c1.71-.49-.44-4.51-3.43-6.49-3.37-2.22-8.07-1.13-8.59,0a5.91,5.91,0,0,0,2.85,7.83C231.79,285.22,235.38,282.36,236.73,282Z" transform="translate(-200.59 -227.42)"/><ellipse class="cls-4" cx="230.31" cy="279.28" rx="3.66" ry="5.05" transform="translate(-300.9 199.3) rotate(-74.52)"/><ellipse class="cls-2" cx="29.8" cy="51.48" rx="1.68" ry="1.72"/><path class="cls-2" d="M254.39,282c-1.71-.49.44-4.51,3.44-6.49,3.37-2.22,8.07-1.13,8.59,0a5.9,5.9,0,0,1-2.85,7.83C259.33,285.22,255.74,282.36,254.39,282Z" transform="translate(-200.59 -227.42)"/><ellipse class="cls-4" cx="260.81" cy="279.28" rx="5.05" ry="3.66" transform="translate(-265.67 -147.69) rotate(-15.48)"/><ellipse class="cls-2" cx="60.14" cy="51.48" rx="1.68" ry="1.72"/><ellipse class="cls-5" cx="44.9" cy="73.93" rx="4.67" ry="5.65"/><ellipse class="cls-3" cx="36.73" cy="68.57" rx="8.56" ry="7.03"/><ellipse class="cls-3" cx="53.26" cy="68.57" rx="8.56" ry="7.03"/><path class="cls-2" d="M245.56,294.33c-1.89,0-6.26-3.69-5.36-5.36.64-1.18,3-.35,5.36-.35s4.72-.83,5.36.35C251.82,290.63,247.45,294.33,245.56,294.33Z" transform="translate(-200.59 -227.42)"/><path class="cls-2" d="M286.21,268.06c-10.79-.62-20.07-.6-26.52-.53-4.58.05-7.22,2.69-8.07,5.43H239.5c-.86-2.74-3.49-5.37-8.07-5.43-6.44-.07-15.73-.1-26.52.53-1,.06-1.66,2.27-1.14,4,.22.72,1.84,1,1.84,2.36s-2.8,18.29,17.76,18.29c10.68,0,14.94-5.44,15.89-12.35,0,0,.29-2.69,1.53-3.1a30.53,30.53,0,0,1,9.52,0c1.24.41,1.53,3.1,1.53,3.1,1,6.9,5.21,12.35,15.89,12.35,20.56,0,17.76-17,17.76-18.29s1.62-1.65,1.84-2.36C287.88,270.34,287.23,268.12,286.21,268.06Zm-62.78,22.76c-16.71,0-16.23-14.62-14-19.28.92-1.89,7.46-2.07,13.8-2.08,5.68,0,11-.14,12.55,2.41C238.64,276.61,238.64,290.82,223.43,290.82Zm44.27-.07c-15.12,0-15.12-14.12-12.31-18.83,1.52-2.54,6.82-2.4,12.47-2.4,6.29,0,12.79.18,13.71,2.06C283.83,276.22,284.3,290.75,267.7,290.75Z" transform="translate(-200.59 -227.42)"/><path class="cls-6" d="M258.59,312c-1.49-.81-5,1.39-6.52,2.12a33.67,33.67,0,0,0-3.12,2,3.65,3.65,0,0,0-6.77,0,33.88,33.88,0,0,0-3.12-2c-1.57-.73-5-2.93-6.52-2.12-2.84,1.54-2.89,9.7,0,11.18,1.45.74,5-1.63,6.49-2.29a36,36,0,0,0,3.2-1.87h0a3.64,3.64,0,0,0,6.61,0h0a35.82,35.82,0,0,0,3.2,1.87c1.52.66,5,3,6.49,2.29C261.48,321.7,261.42,313.53,258.59,312Z" transform="translate(-200.59 -227.42)"/></svg>

app/assets/images/animals/cock.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75.12 124.09"><defs><style>.cls-1{fill:#efefef;}.cls-2{fill:#9c090b;}.cls-3{fill:#231f20;}.cls-4{fill:#ffbd00;}</style></defs><path class="cls-1" d="M706.58,809.54c14.93,0,28.33-9.21,37.56-23.83-5.13-48-20-82.78-37.56-82.78S674.16,737.67,669,785.71C678.25,800.33,691.66,809.54,706.58,809.54Z" transform="translate(-669.02 -685.45)"/><path class="cls-2" d="M723.66,721c-2-2.4-8.61-2.71-12.66.7a14.25,14.25,0,0,0-4.32,7.56,15.88,15.88,0,0,0-4.62-7.62c-4.05-3.41-10.53-3-12.56-.64s-.37,7.11,3.68,10.52,11.18,5.74,13.2,3.33a2.74,2.74,0,0,0,.44-.8,3,3,0,0,0,.41.67c2,2.4,8.7.2,12.76-3.21S725.68,723.35,723.66,721Z" transform="translate(-669.02 -685.45)"/><path class="cls-3" d="M705.28,789.92s-5.38-4.49-7.59-4.49c-2.56,0-2.77,1.88-3.1,2.89-.67,2-1,6.65,0,8.55a3.72,3.72,0,0,0,3.42,1.71c2,0,7.27-3.63,7.27-3.63Z" transform="translate(-669.02 -685.45)"/><path class="cls-3" d="M707.88,789.92s5.38-4.49,7.59-4.49c2.56,0,2.77,1.88,3.1,2.89.67,2,1,6.65,0,8.55a3.72,3.72,0,0,1-3.42,1.71c-2,0-7.27-3.63-7.27-3.63Z" transform="translate(-669.02 -685.45)"/><rect class="cls-3" x="34.76" y="104.14" width="5.59" height="5.59" rx="1.55" ry="1.55"/><path class="cls-1" d="M719.54,722.39l-4.13,2.17c-.53,1.71,0,3.42,1.3,3.87s2.88-.59,3.51-2.36A3.37,3.37,0,0,0,719.54,722.39Z" transform="translate(-669.02 -685.45)"/><ellipse class="cls-3" cx="717.96" cy="725.76" rx="1.29" ry="0.87" transform="translate(-873.87 476.92) rotate(-70.63)"/><path class="cls-1" d="M693.94,722.39l4.14,2.17c.53,1.71,0,3.42-1.3,3.87s-2.89-.59-3.5-2.36A3.36,3.36,0,0,1,693.94,722.39Z" transform="translate(-669.02 -685.45)"/><ellipse class="cls-3" cx="695.52" cy="725.76" rx="0.87" ry="1.29" transform="translate(-870.29 -413.83) rotate(-19.36)"/><path class="cls-2" d="M711.42,737.17s11,14.71,12.7,24.87c1.48,8.87-5.6,16.19-10.48,13.87C700.83,769.79,711.42,737.17,711.42,737.17Z" transform="translate(-669.02 -685.45)"/><path class="cls-2" d="M701.74,737.17s-11,14.71-12.7,24.87c-1.48,8.87,5.6,16.19,10.48,13.87C712.34,769.79,701.74,737.17,701.74,737.17Z" transform="translate(-669.02 -685.45)"/><ellipse class="cls-2" cx="37.56" cy="31.16" rx="6.19" ry="31.16"/><path class="cls-4" d="M706.57,747.71c-3.36,0-12.39-7.78-9.51-9.51,6-3.62,6.15-9.51,9.51-9.51s2,5.44,9.51,9.51C719,739.8,709.93,747.71,706.57,747.71Z" transform="translate(-669.02 -685.45)"/><path class="cls-3" d="M731.68,720c-.56-.56-2.21,0-3-.25-.46-.15-.87-.6-1.33-.74-3-1-9.48-.79-12.51,0a19,19,0,0,0-5.05,1.85h-6.48a19,19,0,0,0-5.05-1.85c-3-.79-9.53-1-12.51,0-.46.15-.87.59-1.33.74-.75.24-2.4-.31-3,.25s-.26,1.85,0,2.4,1,.56,1.26.92c2,2.47-.78,8.77,5.22,11.12,2.39.94,9.38,1,11.53-.38,2.48-1.64,5.09-7.33,5.1-10.74h4c0,3.41,2.62,9.1,5.1,10.74,2.15,1.41,9.13,1.31,11.53.38,6-2.35,3.21-8.64,5.22-11.12.3-.36,1.05-.5,1.26-.92S732.1,720.42,731.68,720Zm-47.3,2.17-2.23-.29.13-1,2.23.29Zm13.47,11c-2.32,1.31-8.72,1.17-10.62-.69-2.11-2.07-2.9-8.64-1.07-11,1.33-1.69,6.33-2,8.45-1.66s7,.69,7.93,3.83C703.34,726.27,700.22,731.81,697.84,733.15Zm28.11-.69c-1.9,1.86-8.31,2-10.62.69s-5.5-6.88-4.69-9.49c1-3.14,5.68-3.48,7.93-3.83s7.13,0,8.45,1.66C728.84,723.82,728.06,730.39,726,732.46Zm2.84-10.29-.13-1,2.23-.29.13,1Z" transform="translate(-669.02 -685.45)"/></svg>

app/assets/images/animals/dog.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.27 105.09"><defs><style>.cls-1{fill:#231f20;}.cls-2{fill:#a7a9ac;}.cls-3{fill:#414042;}.cls-4{fill:#c3000a;}.cls-5{fill:#cb9e65;}.cls-6{fill:#98784a;}.cls-7{fill:#fff;}</style></defs><path class="cls-1" d="M383.56,470l-8.82-4.13,3.09-14.18a36.35,36.35,0,0,0-5.76,6.4,44,44,0,0,0-7.77,25.37h0a122.33,122.33,0,0,0,23.59,4.61l-6.92-12Z" transform="translate(-356.16 -383.47)"/><path class="cls-1" d="M430,483.48a44,44,0,0,0-7.77-25.37,36,36,0,0,0-6.74-7.22l3.27,15L410,470l2.59,6.11-7,12A129.25,129.25,0,0,0,430,483.49Z" transform="translate(-356.16 -383.47)"/><path class="cls-2" d="M389.36,460.56l6,28c.61,0,1.21,0,1.82,0l1,0,6-27.93Z" transform="translate(-356.16 -383.47)"/><path class="cls-3" d="M389.67,462l-3.33-15.6-.46-2.14-7.72,6.05-.31,1.44-3.09,14.18,8.82,4.13-2.6,6.11,6.92,12,.48,0c2.25.2,4.6.32,7,.37Z" transform="translate(-356.16 -383.47)"/><path class="cls-3" d="M418.78,465.89l-3.27-15-.13-.61-7.72-6.05-.4,1.86L403.87,462l-5.68,26.57c2.48,0,4.95-.15,7.34-.36h.08l7-12L410,470Z" transform="translate(-356.16 -383.47)"/><polygon class="cls-4" points="41 60.71 41 60.71 41 60.71 41 60.71"/><path class="cls-5" d="M421.66,388c-3.84-5-24.85-4.56-24.85-4.56s-21-.42-24.86,4.56c-4.15,5.39-4.11,22.36-3,29.08s5.83,19.72,8.45,26c8.62,20.8,12.72,18,19.45,18s10.82,2.77,19.45-18c2.62-6.32,7.38-19.28,8.45-26S425.81,393.43,421.66,388Z" transform="translate(-356.16 -383.47)"/><path class="cls-6" d="M377.55,383.86c-1-1.1-4.31.44-5.75.84s-3.13,2.38-4.57,2.71c-2.21.51-6.42-1-8.14.45-3.08,2.67-3.85,11.64-1.76,15.14,2.82,4.75,1.82,8.37,4.49,9.07,4.8,1.25,12.07-7.73,14.38-12.12C378.09,396.38,380.29,386.83,377.55,383.86Z" transform="translate(-356.16 -383.47)"/><path class="cls-7" d="M386,422.64c1.77,0-.74-5.43-3.5-6.21-2.43-.69-6.4-.11-5.77,1.47,1.21,3.05,2.4,4.25,3.84,4.74C381.9,423.08,384.57,422.64,386,422.64Z" transform="translate(-356.16 -383.47)"/><circle class="cls-1" cx="25.81" cy="35.75" r="2.16"/><circle class="cls-7" cx="25.81" cy="34.89" r="0.65"/><path class="cls-7" d="M407.58,422.64c-1.77,0,.74-5.43,3.5-6.21,2.43-.69,6.4-.11,5.77,1.47-1.21,3.05-2.4,4.25-3.84,4.74C411.72,423.08,409,422.64,407.58,422.64Z" transform="translate(-356.16 -383.47)"/><circle class="cls-1" cx="55.48" cy="35.75" r="2.16"/><circle class="cls-7" cx="55.48" cy="34.89" r="0.65"/><path class="cls-6" d="M416,383.86c1-1.1,4.31.44,5.75.84s3.13,2.38,4.57,2.71c2.21.51,6.42-1,8.14.45,3.08,2.67,3.85,11.64,1.76,15.14-2.82,4.75-1.82,8.37-4.49,9.07-4.8,1.25-12.07-7.73-14.38-12.12C415.51,396.38,413.31,386.83,416,383.86Z" transform="translate(-356.16 -383.47)"/><path class="cls-7" d="M407.79,438.59c-1.51-2.64-5.4-5.33-6.56-8.14-3-7.16-.29-23-.11-30.74.11-5-4.32-5-4.32-5s-4.43,0-4.32,5c.18,7.74,2.84,23.58-.11,30.74-1.16,2.81-5,5.5-6.56,8.14s-5.45,11.58-3.84,14.35c6.51,11.19,10.51,9,14.82,9s8.31,2.16,14.82-9C413.23,450.16,409.38,441.37,407.79,438.59Z" transform="translate(-356.16 -383.47)"/><path class="cls-1" d="M396.8,447.05c-2.26,0-7.69.4-7.69,4.78,0,1.22.59,3.71,2.24,3.71,1,0,.85-1,1.34-1.39a.82.82,0,0,1,1.25.4c.54,2.32,1.94,2.32,2.86,2.32s2.32,0,2.86-2.32a.82.82,0,0,1,1.25-.4c.49.39.36,1.39,1.34,1.39,1.64,0,2.23-2.49,2.23-3.71C404.49,447.46,399.07,447.05,396.8,447.05Z" transform="translate(-356.16 -383.47)"/><path class="cls-4" d="M428.62,414.14c-1.89-.14-3.09-.88-4.49-1-3.76-.29-11.36-.55-15.09,0-1.92.28-5.53,1.88-7.44,2.25a75.27,75.27,0,0,1-9.57,0c-1.91-.37-5.52-2-7.45-2.25-3.73-.55-11.33-.29-15.09,0-1.4.1-2.6.84-4.49,1-1,.07-1.59,2.87-1.19,3.75.26.58,1.2.62,1.55,1.14,1.81,2.74,1.4,10,4.91,12.38,4.1,2.79,12.06,2,15.23.21,4.92-2.81,5.91-8,8.26-12.4.3-.56,5.81-.56,6.11,0,2.35,4.45,3.35,9.59,8.26,12.4,3.17,1.81,11.13,2.58,15.23-.21,3.51-2.39,3.1-9.64,4.91-12.38.35-.53,1.29-.57,1.55-1.14C430.21,417,429.59,414.21,428.62,414.14Zm-60.61,3h-2.67v-.88H368Zm15.66,13.69c-3.13,1.09-10.87,1.51-13.13-.91-2.43-2.61-2.77-10.91-.49-13.65,1.7-2.06,8-2.65,10.61-2.28s9.06,1.19,9.89,4.77S388.47,429.17,383.66,430.85Zm39.41-.91c-2.26,2.43-10,2-13.13.91-4.81-1.67-7.69-8.61-6.88-12.07s7.17-4.4,9.89-4.77,8.91.22,10.61,2.28C425.83,419,425.5,427.33,423.07,429.93Zm5.2-12.78H425.6v-.88h2.67Z" transform="translate(-356.16 -383.47)"/><circle class="cls-1" cx="40.6" cy="89.84" r="0.89"/><circle class="cls-1" cx="40.6" cy="96.14" r="0.89"/></svg>

app/assets/images/animals/fox-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.72 103.06"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#ab5922;}.cls-3{fill:#f0822b;}.cls-4{fill:#231f20;}</style></defs><path class="cls-1" d="M297.85,422.12c-17.16,0-31.07,20.63-31.07,42.51a94.12,94.12,0,0,0,62.14,0C328.92,442.75,315,422.12,297.85,422.12Z" transform="translate(-243.39 -369.17)"/><path class="cls-1" d="M351.37,423a61.57,61.57,0,0,0-10.35-.87c-15.57,0-29,5.69-35.58,14,.23.44.37.69.37.69H289.68l.17-.31c-6.42-8.49-20.08-14.35-35.89-14.35a61.62,61.62,0,0,0-9.87.79c4.54,14.86,27,14,43.16,17.65a8.36,8.36,0,0,0-.26,2c0,2.46,1.2,10.24,10.85,10.24,9.45,0,10.64-7.78,10.64-10.24a8.31,8.31,0,0,0-.26-2C324.38,436.9,346.77,437.76,351.37,423Z" transform="translate(-243.39 -369.17)"/><path class="cls-2" d="M259.24,370.51s-2.07,4.4.45,23.58c1.19,9.1,4.93,10,4.93,10l11.64-10.59Z" transform="translate(-243.39 -369.17)"/><path class="cls-2" d="M336.25,370.51s2.07,4.4-.45,23.58c-1.19,9.1-4.93,10-4.93,10L319.24,393.5Z" transform="translate(-243.39 -369.17)"/><path class="cls-1" d="M342.08,405.59c-9.7-1.64-13.83-7.76-14.63-12.68-1.49-9.25,12.09-23.73,12.09-23.73s-12.54,0-24.18,10.9c-.38.35-8.68-2.21-17.14-2.2-8.77,0-17.7,2.56-18.09,2.2-11.64-10.9-24.18-10.9-24.18-10.9S269.53,383.65,268,392.9c-.79,4.93-4.93,11-14.63,12.68-1.84.31,5.11,3.2,5.65,5.16,0,0,10.41-11.27,23.16-6.65,10.3,3.73,12.1,10.57,12.39,15.52.45,7.76-4.93,17.17-4.93,17.17h16.12s-5.37-9.41-4.93-17.17c.29-5,2.09-11.79,12.39-15.52,12.75-4.62,23.15,6.65,23.16,6.65C337,408.78,343.91,405.9,342.08,405.59Z" transform="translate(-243.39 -369.17)"/><path class="cls-3" d="M289.85,436.47c.9-1.67,5.16-9.92,4.76-16.86-.29-5-2.09-11.79-12.39-15.52-12.75-4.62-23.16,6.65-23.16,6.65a.82.82,0,0,1,0,.36c-.39,2.12-8.06,1.79-10.75,2.24-1.09.18,7.31,4.78,4.33,5.52-7.38,1.85-9.55-1.87-9.25.75a18.32,18.32,0,0,0,.68,3.29,61.62,61.62,0,0,1,9.87-.79C269.78,422.12,283.44,428,289.85,436.47Z" transform="translate(-243.39 -369.17)"/><path class="cls-3" d="M341,422.12a61.57,61.57,0,0,1,10.35.87,18.44,18.44,0,0,0,.71-3.37c.3-2.62-1.87,1.1-9.25-.75-3-.75,5.42-5.34,4.33-5.52-2.68-.45-10.36-.12-10.75-2.24a.79.79,0,0,1,0-.36s-10.41-11.27-23.16-6.65c-10.3,3.73-12.1,10.57-12.39,15.52-.37,6.51,3.35,14.18,4.55,16.48C312,427.81,325.44,422.12,341,422.12Z" transform="translate(-243.39 -369.17)"/><path class="cls-1" d="M286.37,416.27a3.22,3.22,0,1,1-4.86-4.11A18.56,18.56,0,0,0,277,412s1.64,4.68,3.66,6.26c2.44,1.92,7.54,1.5,7.54,1.5S287.4,418,286.37,416.27Z" transform="translate(-243.39 -369.17)"/><path class="cls-4" d="M280.39,414.6a3.22,3.22,0,0,0,6,1.68,11.71,11.71,0,0,0-2.5-3.23,5.9,5.9,0,0,0-2.36-.88A3.21,3.21,0,0,0,280.39,414.6Z" transform="translate(-243.39 -369.17)"/><circle class="cls-1" cx="39.76" cy="45.89" r="0.81"/><polygon class="cls-4" points="62.42 67.61 46.3 67.61 54.46 74.54 62.42 67.61"/><path class="cls-1" d="M309.12,416.27a3.22,3.22,0,1,0,4.86-4.11,18.56,18.56,0,0,1,4.51-.16s-1.64,4.68-3.66,6.26c-2.44,1.92-7.54,1.5-7.54,1.5S308.09,418,309.12,416.27Z" transform="translate(-243.39 -369.17)"/><path class="cls-4" d="M315.1,414.6a3.22,3.22,0,0,1-6,1.68,11.66,11.66,0,0,1,2.51-3.23,5.91,5.91,0,0,1,2.36-.88A3.22,3.22,0,0,1,315.1,414.6Z" transform="translate(-243.39 -369.17)"/><circle class="cls-1" cx="68.95" cy="45.89" r="0.81"/><path class="cls-4" d="M280.24,402.73a13.82,13.82,0,1,0,13.82,13.82A13.82,13.82,0,0,0,280.24,402.73Zm0,26.08a12.26,12.26,0,1,1,12.26-12.26A12.27,12.27,0,0,1,280.24,428.81Z" transform="translate(-243.39 -369.17)"/><rect class="cls-4" x="18.07" y="45.42" width="5.89" height="2.69"/><rect class="cls-4" x="19.1" y="45.42" width="1.31" height="57.63"/><path class="cls-4" d="M310.51,442.37S312,445,308.86,445c-1.89,0-4.1-2.19-6.92-3-2.21-.6-3.63.13-4.14,1-.51-.88-1.93-1.61-4.14-1-2.81.76-5,3-6.92,3-3.16,0-1.66-2.62-1.66-2.62a2.18,2.18,0,0,0-1.46,2.85c1.64,5.69,13,2.81,14.18.15,1.17,2.66,12.54,5.54,14.18-.15A2.18,2.18,0,0,0,310.51,442.37Z" transform="translate(-243.39 -369.17)"/><rect class="cls-4" x="53.09" y="90.46" width="2.89" height="2.8"/><path class="cls-4" d="M299.95,459.63v2.8s3.82,2.76,5,2c1.53-.93,1.5-5.52,0-6.55C303.94,457.11,299.95,459.63,299.95,459.63Z" transform="translate(-243.39 -369.17)"/><path class="cls-4" d="M295.89,459.63v2.8s-3.82,2.76-5,2c-1.53-.93-1.5-5.52,0-6.55C291.9,457.11,295.89,459.63,295.89,459.63Z" transform="translate(-243.39 -369.17)"/></svg>

app/assets/images/animals/fox.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.72 103.06"><defs><style>.cls-1{fill:#f0812a;}.cls-2{fill:#fff;}.cls-3{fill:#4d2a06;}.cls-4{fill:#ac5f29;}.cls-5{fill:#231f20;}</style></defs><path class="cls-1" d="M90.85,595.12c-17.16,0-31.07,20.63-31.07,42.51a94.12,94.12,0,0,0,62.14,0C121.92,615.75,108,595.12,90.85,595.12Z" transform="translate(-36.39 -542.17)"/><path class="cls-2" d="M144.37,596a61.57,61.57,0,0,0-10.35-.87c-15.57,0-29,5.69-35.58,14,.23.44.37.69.37.69H82.68l.17-.31C76.44,601,62.78,595.12,47,595.12a61.62,61.62,0,0,0-9.87.79c4.54,14.86,27,14,43.16,17.65a8.36,8.36,0,0,0-.26,2c0,2.46,1.2,10.24,10.85,10.24,9.45,0,10.64-7.78,10.64-10.24a8.31,8.31,0,0,0-.26-2C117.38,609.9,139.77,610.76,144.37,596Z" transform="translate(-36.39 -542.17)"/><path class="cls-3" d="M52.24,543.51s-2.07,4.4.45,23.58c1.19,9.1,4.93,10,4.93,10L69.25,566.5Z" transform="translate(-36.39 -542.17)"/><path class="cls-3" d="M129.25,543.51s2.07,4.4-.45,23.58c-1.19,9.1-4.93,10-4.93,10L112.24,566.5Z" transform="translate(-36.39 -542.17)"/><path class="cls-1" d="M135.08,578.59c-9.7-1.64-13.83-7.76-14.63-12.68-1.49-9.25,12.09-23.73,12.09-23.73s-12.54,0-24.18,10.9c-.38.35-8.68-2.21-17.14-2.2-8.77,0-17.7,2.56-18.09,2.2C61.49,542.17,49,542.17,49,542.17S62.53,556.65,61,565.9c-.79,4.93-4.93,11-14.63,12.68-1.84.31,5.11,3.2,5.65,5.16,0,0,10.41-11.27,23.16-6.65,10.3,3.73,12.1,10.57,12.39,15.52.45,7.76-4.93,17.17-4.93,17.17H98.81s-5.37-9.41-4.93-17.17c.29-5,2.09-11.79,12.39-15.52,12.75-4.62,23.15,6.65,23.16,6.65C130,581.78,136.91,578.9,135.08,578.59Z" transform="translate(-36.39 -542.17)"/><path class="cls-4" d="M82.85,609.47c.9-1.67,5.16-9.92,4.76-16.86-.29-5-2.09-11.79-12.39-15.52-12.75-4.62-23.16,6.65-23.16,6.65a.82.82,0,0,1,0,.36c-.39,2.12-8.06,1.79-10.75,2.24-1.09.18,7.31,4.78,4.33,5.52-7.38,1.85-9.55-1.87-9.25.75a18.32,18.32,0,0,0,.68,3.29,61.62,61.62,0,0,1,9.87-.79C62.78,595.12,76.44,601,82.85,609.47Z" transform="translate(-36.39 -542.17)"/><path class="cls-4" d="M134,595.12a61.57,61.57,0,0,1,10.35.87,18.44,18.44,0,0,0,.71-3.37c.3-2.62-1.87,1.1-9.25-.75-3-.75,5.42-5.34,4.33-5.52-2.68-.45-10.36-.12-10.75-2.24a.79.79,0,0,1,0-.36s-10.41-11.27-23.16-6.65c-10.3,3.73-12.1,10.57-12.39,15.52-.37,6.51,3.35,14.18,4.55,16.48C105,600.81,118.44,595.12,134,595.12Z" transform="translate(-36.39 -542.17)"/><path class="cls-2" d="M79.37,589.27a3.22,3.22,0,1,1-4.86-4.11A18.56,18.56,0,0,0,70,585s1.64,4.68,3.66,6.26c2.44,1.92,7.54,1.5,7.54,1.5S80.4,591,79.37,589.27Z" transform="translate(-36.39 -542.17)"/><path class="cls-5" d="M73.39,587.6a3.22,3.22,0,0,0,6,1.68,11.71,11.71,0,0,0-2.5-3.23,5.9,5.9,0,0,0-2.36-.88A3.21,3.21,0,0,0,73.39,587.6Z" transform="translate(-36.39 -542.17)"/><circle class="cls-2" cx="39.76" cy="45.89" r="0.81"/><polygon class="cls-5" points="62.42 67.61 46.3 67.61 54.46 74.54 62.42 67.61"/><path class="cls-2" d="M102.12,589.27a3.22,3.22,0,1,0,4.86-4.11,18.56,18.56,0,0,1,4.51-.16s-1.64,4.68-3.66,6.26c-2.44,1.92-7.54,1.5-7.54,1.5S101.09,591,102.12,589.27Z" transform="translate(-36.39 -542.17)"/><path class="cls-5" d="M108.1,587.6a3.22,3.22,0,0,1-6,1.68,11.66,11.66,0,0,1,2.51-3.23,5.91,5.91,0,0,1,2.36-.88A3.22,3.22,0,0,1,108.1,587.6Z" transform="translate(-36.39 -542.17)"/><circle class="cls-2" cx="68.95" cy="45.89" r="0.81"/><path class="cls-5" d="M73.24,575.73a13.82,13.82,0,1,0,13.82,13.82A13.82,13.82,0,0,0,73.24,575.73Zm0,26.08A12.26,12.26,0,1,1,85.5,589.55,12.27,12.27,0,0,1,73.24,601.81Z" transform="translate(-36.39 -542.17)"/><rect class="cls-5" x="18.07" y="45.42" width="5.89" height="2.69"/><rect class="cls-5" x="19.1" y="45.42" width="1.31" height="57.63"/><path class="cls-5" d="M103.51,615.37S105,618,101.86,618c-1.89,0-4.1-2.19-6.92-3-2.21-.6-3.63.13-4.14,1-.51-.88-1.93-1.61-4.14-1-2.81.76-5,3-6.92,3-3.16,0-1.66-2.62-1.66-2.62a2.18,2.18,0,0,0-1.46,2.85c1.64,5.69,13,2.81,14.18.15,1.17,2.66,12.54,5.54,14.18-.15A2.18,2.18,0,0,0,103.51,615.37Z" transform="translate(-36.39 -542.17)"/><rect class="cls-5" x="53.09" y="90.46" width="2.89" height="2.8"/><path class="cls-5" d="M92.95,632.63v2.8s3.82,2.76,5,2c1.53-.93,1.5-5.52,0-6.55C96.94,630.11,92.95,632.63,92.95,632.63Z" transform="translate(-36.39 -542.17)"/><path class="cls-5" d="M88.89,632.63v2.8s-3.82,2.76-5,2c-1.53-.93-1.5-5.52,0-6.55C84.9,630.11,88.89,632.63,88.89,632.63Z" transform="translate(-36.39 -542.17)"/></svg>

app/assets/images/animals/lion.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.73 135.22"><defs><style>.cls-1{fill:#231f20;}.cls-2{fill:#c3000a;}.cls-3{fill:#f15a29;}.cls-4{fill:#93250c;}.cls-5{fill:#fff;}</style></defs><path class="cls-1" d="M250.76,539.47c-9.88-1.37-15,.69-17.21,2.15l-.5-10s3.52-6.87,18.29-5.25c16.52,1.82,18.45,9.76,18.45,9.76l-3.15,9.67C264.74,543.67,260.43,540.81,250.76,539.47Z" transform="translate(-198.2 -526.08)"/><path class="cls-2" d="M233.84,547.56l-.3-5.95c2.25-1.46,7.33-3.52,17.21-2.15,9.67,1.34,14,4.2,15.88,6.29l-2.09,6.41Z" transform="translate(-198.2 -526.08)"/><ellipse class="cls-1" cx="246.51" cy="558.62" rx="14.4" ry="27.77" transform="translate(-544.75 177.8) rotate(-79.95)"/><circle class="cls-3" cx="76.5" cy="35.75" r="7.47"/><circle class="cls-4" cx="76.39" cy="35.92" r="4.11"/><circle class="cls-3" cx="18.05" cy="35.75" r="7.46"/><circle class="cls-4" cx="18.16" cy="35.92" r="4.11"/><ellipse class="cls-3" cx="47.36" cy="79.49" rx="47.36" ry="55.73"/><circle class="cls-4" cx="47.17" cy="58.9" r="23.15"/><ellipse class="cls-3" cx="35.08" cy="52.08" rx="6.1" ry="5.22"/><ellipse class="cls-3" cx="58.97" cy="52.08" rx="6.1" ry="5.22"/><polygon class="cls-5" points="58.08 72.36 36.27 72.36 47.06 39.28 58.08 72.36"/><circle class="cls-5" cx="47.17" cy="82.29" r="15.08"/><path class="cls-1" d="M234.58,599.14s7.51,8.14,10.9,8.12,10.67-8.12,10.67-8.12Z" transform="translate(-198.2 -526.08)"/><path class="cls-1" d="M253.53,579.54c-.18-.42.59-2.78,3-3.56,2.14-.69,4.12.24,4.28,1.29.11.73,0,1.6-2.32,2.45C257,580.26,253.83,580.23,253.53,579.54Z" transform="translate(-198.2 -526.08)"/><circle class="cls-5" cx="60.08" cy="51.57" r="0.74"/><path class="cls-1" d="M236.72,579.54c.18-.42-.59-2.78-3-3.56-2.14-.69-4.12.24-4.28,1.29-.11.73,0,1.6,2.32,2.45C233.25,580.26,236.42,580.23,236.72,579.54Z" transform="translate(-198.2 -526.08)"/><circle class="cls-5" cx="33.77" cy="51.57" r="0.74"/><path class="cls-1" d="M262,606.26s2,3.42-2.19,3.46c-2.5,0-5.43-2.89-9.15-3.9-2.66-.72-4.45,0-5.26,1-.81-1-2.61-1.75-5.26-1-3.72,1-6.65,3.92-9.15,3.9-4.18,0-2.19-3.46-2.19-3.46a3.13,3.13,0,0,0-1.93,3.77c.21,1.09,2.44,5.11,7.92,3.71.37-.09-1.46,1.2-1.08,1.26,4.6.69,10-1.11,11.69-4.3,1.69,3.19,7.09,5,11.69,4.3.38-.06-1.45-1.35-1.08-1.26,5.48,1.4,7.71-2.62,7.92-3.71A3.13,3.13,0,0,0,262,606.26Z" transform="translate(-198.2 -526.08)"/><path class="cls-1" d="M243.84,635a44,44,0,0,0-3.66-3.09c-1.62-1-5.19-2.74-6.73-1.64-2.93,2.09-3,10.69,0,12.7,1.5,1,5.14-1,6.71-1.87a43.73,43.73,0,0,0,3.69-2.86Z" transform="translate(-198.2 -526.08)"/><path class="cls-1" d="M246.91,635a44,44,0,0,1,3.66-3.09c1.62-1,5.19-2.74,6.73-1.64,2.93,2.09,3,10.69,0,12.7-1.5,1-5.14-1-6.7-1.87a43.73,43.73,0,0,1-3.69-2.86Z" transform="translate(-198.2 -526.08)"/><rect class="cls-1" x="45.21" y="108.92" width="3.92" height="3.24"/></svg>

app/assets/images/animals/monkey.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.64 116.56"><defs><style>.cls-1{fill:#752b13;}.cls-2{fill:#f25a29;}.cls-3{fill:#c49a6c;}.cls-4{fill:#fff;}.cls-5{fill:#231f20;}</style></defs><path class="cls-1" d="M282.7,798.89q-1-2.45-2.14-4.74-1-2-2.22-3.92c-.58-.93-1.18-1.84-1.81-2.71-9.15-10.68-18.74-15.46-31.49-15.46s-19.19,2.39-30.28,15.47c-.69,1-1.35,2-2,3s-1.39,2.37-2,3.61q-1.17,2.29-2.15,4.74t-1.79,5.27c10.63,4.75,24.16,7.6,38.88,7.6s28.15-2.83,38.77-7.55C284,802.36,283.37,800.6,282.7,798.89Z" transform="translate(-203.24 -695.16)"/><ellipse class="cls-2" cx="253.61" cy="718.56" rx="10.38" ry="30.33" transform="translate(-700.46 153.45) rotate(-80.39)"/><path class="cls-2" d="M272.61,710.23c-1.38-5.59-3.75-11.94-7.44-12.57-1.78-.3-5.33,1.53-7.11,1.26-2-.3-5.33-3.37-7.36-3.71-3.65-.62-8.25,4.42-11.69,9.15a61.25,61.25,0,0,1,16.9.67A60.31,60.31,0,0,1,272.61,710.23Z" transform="translate(-203.24 -695.16)"/><ellipse class="cls-1" cx="278.45" cy="746.17" rx="13.7" ry="9.24" transform="translate(-710.06 183.87) rotate(-79.14)"/><ellipse class="cls-3" cx="277.66" cy="746.17" rx="8.36" ry="5.64" transform="translate(-710.71 183.08) rotate(-79.14)"/><ellipse class="cls-1" cx="212.67" cy="746.17" rx="9.23" ry="13.7" transform="translate(-340.04 -641.71) rotate(-10.86)"/><ellipse class="cls-3" cx="213.47" cy="746.17" rx="5.64" ry="8.36" transform="translate(-340.02 -641.56) rotate(-10.86)"/><path class="cls-1" d="M278.3,736.77c0-19.9-16.61-23.82-32.52-23.82-14.09,0-32.52,3.91-32.52,23.82,0,14.56,2.43,36.28,17.77,48.55,4.61,3.69,10.8,4.25,13.81,4.38h0s.34,0,.94,0,.94,0,.94,0h0c3-.13,9.14-.76,13.81-4.38C276.34,773,278.3,748.8,278.3,736.77Z" transform="translate(-203.24 -695.16)"/><circle class="cls-3" cx="30.49" cy="45.32" r="17.15"/><circle class="cls-3" cx="54.1" cy="45.32" r="17.15"/><circle class="cls-4" cx="29.36" cy="43.17" r="7.02"/><ellipse class="cls-3" cx="42.41" cy="72.39" rx="19.8" ry="18.46"/><path class="cls-5" d="M245,785.69s-7.15-7.32-9.29-4.73c-1.56,1.89.15,4-.07,5.29-.17,1-1.39,2-1.19,3.78.13,1.13,1.15,2.7,4.21,2.07,3.28-.67,6.28-4.25,6.28-4.25Z" transform="translate(-203.24 -695.16)"/><path class="cls-5" d="M246.53,785.69s7.15-7.32,9.29-4.73c1.56,1.89-.15,4,.07,5.29.17,1,1.39,2,1.18,3.78-.13,1.13-1.15,2.7-4.21,2.07-3.28-.67-6.28-4.25-6.28-4.25Z" transform="translate(-203.24 -695.16)"/><path class="cls-5" d="M247.56,787a1.56,1.56,0,0,1-1.56,1.56h-.51a1.56,1.56,0,0,1-1.56-1.56h0a1.56,1.56,0,0,1,1.56-1.56H246a1.56,1.56,0,0,1,1.56,1.56Z" transform="translate(-203.24 -695.16)"/><path class="cls-5" d="M255.9,705a61.25,61.25,0,0,0-16.9-.67c-.79,1.09-1.52,2.16-2.17,3.14a66.31,66.31,0,0,1,18.51.83,65.44,65.44,0,0,1,18.05,5.47c-.21-1.1-.48-2.31-.78-3.57A60.31,60.31,0,0,0,255.9,705Z" transform="translate(-203.24 -695.16)"/><circle class="cls-5" cx="29.63" cy="43.41" r="3.13"/><path class="cls-1" d="M246.67,743.77a12.76,12.76,0,0,0-2,0c-3.07.32-8.23,2.26-7.26,5.84.73,2.72,4,1.21,4.83,2.22,1.14,1.35,1.48,4.35,2,6,.11.35.32,1.65,1.43,1.65s1.32-1.3,1.43-1.65c.54-1.68.88-4.68,2-6,.86-1,4.1.49,4.83-2.22C254.9,746,249.74,744.08,246.67,743.77Z" transform="translate(-203.24 -695.16)"/><ellipse class="cls-5" cx="240.65" cy="752.46" rx="2.1" ry="3.27" transform="translate(-617.24 -384.9) rotate(-38.23)"/><ellipse class="cls-5" cx="250.75" cy="752.46" rx="3.27" ry="2.1" transform="translate(-698.76 -211.31) rotate(-51.77)"/><circle class="cls-4" cx="30.23" cy="42.85" r="0.98"/><circle class="cls-4" cx="55.61" cy="43.17" r="7.02"/><circle class="cls-5" cx="55.87" cy="43.41" r="3.13"/><circle class="cls-4" cx="56.47" cy="42.85" r="0.98"/><path class="cls-5" d="M279.46,731c-9-.52-16.7-.5-22.06-.44-3.81,0-6,2.23-6.72,4.51H240.61c-.71-2.28-2.91-4.47-6.72-4.51-5.36-.06-13.09-.08-22.06.44-.84,0-1.38,1.89-.95,3.35.18.59,1.53.87,1.53,2s-2.33,15.21,14.78,15.21c8.88,0,12.43-4.52,13.22-10.27,0,0,.24-2.23,1.27-2.58a25.19,25.19,0,0,1,7.92,0c1,.34,1.28,2.58,1.28,2.58.79,5.74,4.34,10.27,13.22,10.27,17.11,0,14.78-14.12,14.78-15.21s1.35-1.37,1.53-2C280.85,732.86,280.31,731,279.46,731ZM227.23,749.9c-13.9,0-13.5-12.16-11.62-16,.77-1.58,6.21-1.72,11.48-1.73,4.73,0,9.17-.12,10.44,2C239.89,738.08,239.89,749.9,227.23,749.9Zm36.83-.05c-12.58,0-12.58-11.75-10.24-15.67,1.26-2.11,5.67-2,10.38-2,5.23,0,10.64.15,11.41,1.72C277.48,737.76,277.87,749.85,264.06,749.85Z" transform="translate(-203.24 -695.16)"/><path class="cls-5" d="M261.88,758.7c-.84-1.26-2.89,0-2.89,0a1,1,0,0,1,1.35.53,1.1,1.1,0,0,1-.53,1.43c-1.82.59-3.91-4.25-6.38-4.25-1.87,0-2.9,1.89-3.93,2.39s-3.16-.26-3.71-.39h0c-.56.13-2.8.83-3.71.39s-2.06-2.39-3.93-2.39c-2.47,0-4.55,4.84-6.38,4.25a1.1,1.1,0,0,1-.53-1.43,1,1,0,0,1,1.35-.53s-2-1.26-2.89,0c-1.24,1.85.08,3.93,2.89,3.93,2.13,0,4-2.71,5.73-2.71,1.91,0,2.91,1.7,4.29,1.7a4.6,4.6,0,0,0,3.18-1.71,4.59,4.59,0,0,0,3.18,1.71c1.38,0,2.38-1.7,4.29-1.7,1.69,0,3.6,2.71,5.73,2.71C261.8,762.63,263.11,760.54,261.88,758.7Z" transform="translate(-203.24 -695.16)"/></svg>

app/assets/images/animals/panda.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.17 100.66"><defs><style>.cls-1{fill:#231f20;}.cls-2{fill:#fff;}.cls-3{fill:#414042;}.cls-4{fill:#024942;}.cls-5{fill:#00a79d;}</style></defs><path class="cls-1" d="M436,608.63V606.9c0-11.94-2-20.81-5.15-27.41l-3.78-7.4,1.35-.73h-2.85c-11.6-13.21-28.76-10.27-29-10.27s-17.38-2.94-29,10.27h-1L363,578.26c-3.47,6.71-5.76,15.94-5.76,28.64v4l-2.5,28.48A210.47,210.47,0,0,0,396.61,644a193.63,193.63,0,0,0,42.28-4.69Z" transform="translate(-354.72 -543.37)"/><path class="cls-2" d="M396.62,555.52h0c-.61,0-34.74,1.18-33.52,40.62,1,31,33.22,30.13,33.53,30.12s32.57.84,33.52-30.12C431.34,556.7,397.23,555.54,396.62,555.52Z" transform="translate(-354.72 -543.37)"/><path class="cls-1" d="M402.57,586.91c.87-2.9,3.08-6,5.93-4.78,4.23,1.81,7.69,8.76,9.14,12.35,1.79,4.41-.67,7.35-5,8-3.45.53-7.53-1.71-9.59-6.77A13.36,13.36,0,0,1,402.57,586.91Z" transform="translate(-354.72 -543.37)"/><path class="cls-2" d="M410.88,588.4c-.16-1-1.21-1.8-3.2-1.78-2.32,0-3.35,1.55-3.21,2.63s2.79,2.56,3.91,2.35A3,3,0,0,0,410.88,588.4Z" transform="translate(-354.72 -543.37)"/><ellipse class="cls-1" cx="53.24" cy="45.56" rx="1.42" ry="1.39"/><circle class="cls-2" cx="53.2" cy="45.42" r="0.33"/><path class="cls-1" d="M404.61,612.2c-2,0-3.14-2.31-5.32-2.31a3.78,3.78,0,0,0-2.68.82,3.78,3.78,0,0,0-2.68-.82c-2.18,0-3.34,2.31-5.32,2.31-3.27,0-4.36-2-4.36-2s.61,6,7.36,6a6,6,0,0,0,5-2.38,6,6,0,0,0,5,2.38c6.75,0,7.36-6,7.36-6S407.88,612.2,404.61,612.2Z" transform="translate(-354.72 -543.37)"/><path class="cls-1" d="M382.07,560.72c1.6-4.3-2.44-14.89-12.31-11.93s-13,17.33-9.13,22.59c2.42,3.27,8.24,3,10.63,1.31s4-3.92,5.45-5.59S381.07,563.41,382.07,560.72Z" transform="translate(-354.72 -543.37)"/><path class="cls-1" d="M411.14,560.72c-1.6-4.3,2.44-14.89,12.31-11.93s13,17.33,9.13,22.59c-2.42,3.27-8.24,3-10.63,1.31s-4-3.92-5.45-5.59S412.14,563.41,411.14,560.72Z" transform="translate(-354.72 -543.37)"/><path class="cls-3" d="M417.56,560.79c-.77-2.07,1.17-7.16,5.92-5.74s6.27,8.34,4.39,10.87c-1.17,1.57-4,1.44-5.11.63a15.84,15.84,0,0,1-2.62-2.69C419.36,563,418,562.08,417.56,560.79Z" transform="translate(-354.72 -543.37)"/><path class="cls-3" d="M375.65,560.79c.77-2.07-1.17-7.16-5.92-5.74s-6.27,8.34-4.39,10.87c1.16,1.57,4,1.44,5.11.63a15.82,15.82,0,0,0,2.62-2.69C373.85,563,375.17,562.08,375.65,560.79Z" transform="translate(-354.72 -543.37)"/><path class="cls-1" d="M404.18,605.56c.06-2.65-7.42-1.45-7.58-1.45s-7.65-1.2-7.58,1.45c.11,4.56,7.27,5.28,7.57,5.31h0C396.92,610.84,404.07,610.12,404.18,605.56Z" transform="translate(-354.72 -543.37)"/><path class="cls-1" d="M390.54,586.91c-.87-2.9-3.08-6-5.93-4.78-4.23,1.81-7.69,8.76-9.14,12.35-1.79,4.41.67,7.35,5,8,3.45.53,7.53-1.71,9.6-6.77A13.36,13.36,0,0,0,390.54,586.91Z" transform="translate(-354.72 -543.37)"/><path class="cls-2" d="M382.23,588.4c.16-1,1.21-1.8,3.2-1.78,2.32,0,3.35,1.55,3.21,2.63s-2.79,2.56-3.92,2.35A3,3,0,0,1,382.23,588.4Z" transform="translate(-354.72 -543.37)"/><ellipse class="cls-1" cx="30.43" cy="45.56" rx="1.42" ry="1.39"/><circle class="cls-2" cx="30.47" cy="45.42" r="0.33"/><path class="cls-4" d="M383,560.37c1.18,3.15,10.12,2.3,13.44,1.77,3-.47,11.07-2.32,10.45-6a2.81,2.81,0,0,0-1.7-2.37c.29,1.56.44,2.66.44,2.66a25.88,25.88,0,0,1-9.36,3.44,41.84,41.84,0,0,1-12.28,0s-.14-.74-.3-1.88A2.37,2.37,0,0,0,383,560.37Z" transform="translate(-354.72 -543.37)"/><path class="cls-5" d="M413.32,557.16c-.38-2.3-2.87-3.16-5.2-3.46a19.66,19.66,0,0,0-3-.13c-.05-.27-.11-.55-.17-.84-.68-3.33-1.88-7.84-3.55-9a3.77,3.77,0,0,0-1.73-.3c-1.31,0-2.74.16-2.14.3,1.46.34,2,1.92,1.46,1.72-2.75-1-4.51-1.74-6.1-1.72-.45,0-1,0-1.6.12-2.58.3-6.21,1.18-7.33,2.72-.83,1.13-1,3.66-.84,6.22.08,1.77.29,3.55.48,4.9a8.29,8.29,0,0,0-1.51.7,3.44,3.44,0,0,0-1.91,2.86c0,6.61,12.37,6.87,17,6.27C402.05,566.83,414.51,564.28,413.32,557.16Zm-16.88,5c-3.32.53-12.26,1.38-13.44-1.77a2.37,2.37,0,0,1,.68-2.35c.17,1.14.3,1.88.3,1.88a41.84,41.84,0,0,0,12.28,0,25.88,25.88,0,0,0,9.36-3.44s-.15-1.1-.44-2.66a2.81,2.81,0,0,1,1.7,2.37C407.51,559.82,399.4,561.66,396.44,562.14Z" transform="translate(-354.72 -543.37)"/><path class="cls-5" d="M406.22,629.73c-1.44-1.11-7,1.85-7,1.85a3.3,3.3,0,0,0-5.15,0s-5.6-3-7-1.85-1.56,6.69,0,7.9,7-1.85,7-1.85a3.3,3.3,0,0,0,5.15,0s5.59,3,7,1.85S407.78,630.93,406.22,629.73Z" transform="translate(-354.72 -543.37)"/><path class="cls-4" d="M404.94,633.68c0-1.37-5.32-1.24-5.32-1.24a3.26,3.26,0,0,1,.07,2.46S404.94,635,404.94,633.68Z" transform="translate(-354.72 -543.37)"/><path class="cls-4" d="M388.37,633.68c0-1.37,5.33-1.24,5.33-1.24a3.25,3.25,0,0,0-.07,2.46S388.37,635,388.37,633.68Z" transform="translate(-354.72 -543.37)"/></svg>

app/assets/images/animals/penguin.svg

@@ -0,0 +1 @@
+<svg id="_ÎÓÈ_1" data-name="—ÎÓÈ 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.51 128.44"><defs><style>.cls-1{fill:#f15a2b;}.cls-2{fill:#174f5b;}.cls-3{fill:#fff;}.cls-4{fill:#231f20;}</style></defs><circle class="cls-1" cx="48.66" cy="7.4" r="7.4"/><path class="cls-2" d="M570.35,725.13c.06-.78.09-1.57.09-2.36,0-14.41-9.46-26.09-21.12-26.09s-21.12,11.68-21.12,26.09c0,.8,0,1.58.09,2.36Z" transform="translate(-500.66 -689.22)"/><rect class="cls-3" x="545.05" y="700.49" width="8.54" height="8.54" transform="translate(-838.08 -94.58) rotate(-44.99)"/><rect class="cls-3" x="553.47" y="703.28" width="4.54" height="4.54" transform="translate(-836.82 -89.32) rotate(-45.02)"/><rect class="cls-3" x="540.63" y="703.28" width="4.54" height="4.54" transform="translate(-840.58 -98.4) rotate(-45.02)"/><ellipse class="cls-1" cx="48.66" cy="46.46" rx="27.61" ry="22.93"/><path class="cls-4" d="M549.41,721.75c-26.93,0-48.75,33.57-48.75,75,0,.24,0,.47,0,.71l48.69,20.13,48.81-20.13c0-.24,0-.47,0-.71C598.17,755.32,576.34,721.75,549.41,721.75Z" transform="translate(-500.66 -689.22)"/><path class="cls-3" d="M568.55,765.92a26.89,26.89,0,0,0,.86-6.83c0-10-5.24-18.12-11.7-18.12-3.24,0-6.18,2-8.3,5.34-2.12-3.3-5.05-5.34-8.3-5.34-6.46,0-11.7,8.11-11.7,18.12a26.89,26.89,0,0,0,.86,6.83c-5.62,7.29-9.14,17.74-9.14,29.36,0,.72,0,9.95,0,10.66l28.18,11.72,28.29-11.75c0-.72,0-9.91,0-10.63C577.69,783.66,574.17,773.21,568.55,765.92Z" transform="translate(-500.66 -689.22)"/><path class="cls-1" d="M542.45,760.91a8.52,8.52,0,0,0,7.14-4.23,6.94,6.94,0,0,0,6.79,4.23c2.36,0-6.79,7.16-6.79,7.16S540,760.91,542.45,760.91Z" transform="translate(-500.66 -689.22)"/><path class="cls-4" d="M557.24,753.95l1.53-2.44a3.19,3.19,0,1,0,1,1.49Z" transform="translate(-500.66 -689.22)"/><path class="cls-4" d="M541.43,753.95l1.64-2.62a3.16,3.16,0,1,0,1.25,1.55Z" transform="translate(-500.66 -689.22)"/><polygon class="cls-2" points="48.9 85.66 39.2 113.19 48.9 123.83 58.31 113.19 48.9 85.66"/><polygon class="cls-2" points="48.9 93.19 39.2 83.47 58.31 83.47 48.9 93.19"/></svg>

app/assets/images/icons/bats-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="u26"><path id="Fill-132" class="cls-1" d="M107,92a13,13,0,1,0,13,13,13,13,0,0,0-13-13" transform="translate(0 0)"/><path id="Fill-133" class="cls-1" d="M26,112.59A7.42,7.42,0,0,0,33.41,120h7.18A7.42,7.42,0,0,0,48,112.59V102H26v10.59" transform="translate(0 0)"/><path id="Fill-134" class="cls-1" d="M64,112.59A7.42,7.42,0,0,0,71.41,120h7.18A7.42,7.42,0,0,0,86,112.59V102H64v10.59" transform="translate(0 0)"/><path id="Fill-135" class="cls-1" d="M36,44a47.84,47.84,0,0,0,6.34,24h65.32A47.84,47.84,0,0,0,114,44C114,19.74,96.5,0,75,0S36,19.74,36,44" transform="translate(0 0)"/><path id="Fill-136" class="cls-1" d="M105.06,72H44.94A39.14,39.14,0,0,0,64,86.21V98H86V86.21A39.14,39.14,0,0,0,105.06,72" transform="translate(0 0)"/><path id="Fill-137" class="cls-1" d="M31,44c0-17.71,8.8-33.15,21.75-41.16A34.64,34.64,0,0,0,39,0C17.5,0,0,19.74,0,44A47.84,47.84,0,0,0,6.34,68H36.91A51,51,0,0,1,31,44" transform="translate(0 0)"/><path id="Fill-138" class="cls-1" d="M39.32,72H8.94A39.55,39.55,0,0,0,26,85.48V98H48V86.77a35.19,35.19,0,0,0,4.75-1.61A44.18,44.18,0,0,1,39.32,72" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/box-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 112"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="e6"><path id="Fill-116" class="cls-1" d="M105.46,58H2.54A2.54,2.54,0,0,0,0,60.54v45.71A5.76,5.76,0,0,0,5.75,112h96.5a5.76,5.76,0,0,0,5.75-5.75V60.54A2.54,2.54,0,0,0,105.46,58ZM76,90H32a10,10,0,0,1,0-20H76a10,10,0,0,1,0,20Z" transform="translate(0 0)"/><path id="Fill-117" class="cls-1" d="M2.4,54H105.6a2.28,2.28,0,0,0,2.12-3.12L88.7,3.37a5.34,5.34,0,0,0-5-3.37H24.28a5.34,5.34,0,0,0-5,3.37L.28,50.9A2.28,2.28,0,0,0,2.4,54ZM28,10H80a2,2,0,1,1,0,4H28a2,2,0,1,1,0-4ZM24,20H84a2,2,0,0,1,0,4H24a2,2,0,0,1,0-4ZM20,30H88a2,2,0,0,1,0,4H20a2,2,0,1,1,0-4ZM16,40H92a2,2,0,0,1,0,4H16a2,2,0,0,1,0-4Z" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/conveyor.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="120px" height="76px" viewBox="0 0 120 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.2 (29753) - http://www.bohemiancoding.com/sketch -->
+    <title>zf6</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="zf6" transform="translate(0.000000, -2.000000)" fill="#000000">
+            <path d="M72,32 L104.476,32 L96.718,38.464 C95.872,39.17 95.756,40.432 96.462,41.28 C96.86,41.754 97.428,42 98.002,42 C98.454,42 98.906,41.848 99.282,41.536 L111.282,31.536 C111.304,31.518 111.312,31.488 111.332,31.47 C111.478,31.338 111.588,31.176 111.69,31.006 C111.73,30.94 111.786,30.886 111.818,30.814 C111.932,30.564 112,30.292 112,30 C112,29.708 111.932,29.436 111.818,29.186 C111.786,29.114 111.73,29.06 111.69,28.994 C111.588,28.824 111.478,28.662 111.332,28.53 C111.312,28.512 111.304,28.482 111.282,28.464 L99.282,18.464 C98.43,17.754 97.172,17.874 96.462,18.72 C95.756,19.568 95.872,20.83 96.718,21.536 L104.476,28 L72,28 C70.894,28 70,28.896 70,30 C70,31.104 70.894,32 72,32" id="Fill-106"></path>
+            <polygon id="Fill-107" points="40 19.166 40 2.012 28.012 2 28 19.166 34 13.166"></polygon>
+            <polygon id="Fill-108" points="20 50 32 50 32 42 20 42"></polygon>
+            <path d="M108,70 C106.896,70 106,69.104 106,68 C106,66.896 106.896,66 108,66 C109.104,66 110,66.896 110,68 C110,69.104 109.104,70 108,70 L108,70 Z M100,70 C98.896,70 98,69.104 98,68 C98,66.896 98.896,66 100,66 C101.104,66 102,66.896 102,68 C102,69.104 101.104,70 100,70 L100,70 Z M92,70 C90.896,70 90,69.104 90,68 C90,66.896 90.896,66 92,66 C93.104,66 94,66.896 94,68 C94,69.104 93.104,70 92,70 L92,70 Z M84,70 C82.896,70 82,69.104 82,68 C82,66.896 82.896,66 84,66 C85.104,66 86,66.896 86,68 C86,69.104 85.104,70 84,70 L84,70 Z M76,70 C74.896,70 74,69.104 74,68 C74,66.896 74.896,66 76,66 C77.104,66 78,66.896 78,68 C78,69.104 77.104,70 76,70 L76,70 Z M68,70 C66.896,70 66,69.104 66,68 C66,66.896 66.896,66 68,66 C69.104,66 70,66.896 70,68 C70,69.104 69.104,70 68,70 L68,70 Z M60,70 C58.896,70 58,69.104 58,68 C58,66.896 58.896,66 60,66 C61.104,66 62,66.896 62,68 C62,69.104 61.104,70 60,70 L60,70 Z M52,70 C50.896,70 50,69.104 50,68 C50,66.896 50.896,66 52,66 C53.104,66 54,66.896 54,68 C54,69.104 53.104,70 52,70 L52,70 Z M44,70 C42.896,70 42,69.104 42,68 C42,66.896 42.896,66 44,66 C45.104,66 46,66.896 46,68 C46,69.104 45.104,70 44,70 L44,70 Z M36,70 C34.896,70 34,69.104 34,68 C34,66.896 34.896,66 36,66 C37.104,66 38,66.896 38,68 C38,69.104 37.104,70 36,70 L36,70 Z M28,70 C26.896,70 26,69.104 26,68 C26,66.896 26.896,66 28,66 C29.104,66 30,66.896 30,68 C30,69.104 29.104,70 28,70 L28,70 Z M20,70 C18.896,70 18,69.104 18,68 C18,66.896 18.896,66 20,66 C21.104,66 22,66.896 22,68 C22,69.104 21.104,70 20,70 L20,70 Z M12,70 C10.896,70 10,69.104 10,68 C10,66.896 10.896,66 12,66 C13.104,66 14,66.896 14,68 C14,69.104 13.104,70 12,70 L12,70 Z M16,40 C16,38.896 16.894,38 18,38 L34,38 C35.106,38 36,38.896 36,40 L36,52 C36,53.104 35.106,54 34,54 L18,54 C16.894,54 16,53.104 16,52 L16,40 Z M110,58 L60,58 L60,8 C60,4.692 57.308,2 54,2 L44,2 C44,1.828 43.97,1.664 43.948,1.496 C43.97,1.668 44,1.836 44,2.012 L44,20.584 C44,21.97 43.174,23.208 41.892,23.738 C41.468,23.914 41.024,24 40.584,24 C39.698,24 38.83,23.652 38.176,22.998 L34,18.822 L29.824,22.998 C28.846,23.978 27.388,24.268 26.108,23.738 C24.826,23.208 24,21.97 24,20.584 L24,2.012 C24,1.836 24.03,1.668 24.052,1.496 C24.03,1.664 24,1.828 24,2 L14,2 C10.692,2 8,4.692 8,8 L8,58.202 C3.442,59.132 0,63.172 0,68 C0,73.514 4.486,78 10,78 L110,78 C115.514,78 120,73.514 120,68 C120,62.486 115.514,58 110,58 L110,58 Z" id="Fill-109"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/cross-grey.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#aaa;}</style></defs><path class="cls-1" d="M24,20.19,15.69,12l8.2-8.28L20.19,0,12,8.32,3.67.11,0,3.78,8.32,12,.11,20.33,3.78,24,12,15.68l8.28,8.2Z" transform="translate(0 0)"/></svg>

app/assets/images/icons/cross-orange.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#e8581f;}</style></defs><path class="cls-1" d="M24,20.19,15.69,12l8.2-8.28L20.19,0,12,8.32,3.67.11,0,3.78,8.32,12,.11,20.33,3.78,24,12,15.68l8.28,8.2Z" transform="translate(0 0)"/></svg>

app/assets/images/icons/drop-arrow-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.75 24.88"><defs><style>.cls-1{fill:#fff;}</style></defs><polyline class="cls-1" points="0 0 49.75 0 24.88 24.88"/></svg>

app/assets/images/icons/email.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="120px" height="92px" viewBox="0 0 120 92" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.2 (29753) - http://www.bohemiancoding.com/sketch -->
+    <title>zf47</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="zf47" fill="#999999">
+            <path d="M120,10.3886 C120,7.9226 119.102,5.6866 117.662,3.9026 L71.89,47.5886 L118.146,87.5106 C119.308,85.8326 120,83.8026 120,81.6106 L120,10.3886 Z" id="Fill-8"></path>
+            <path d="M52.416,46.2106 C52.418,46.2126 52.422,46.2146 52.426,46.2166 L54.02,47.6986 C57.376,50.8226 62.628,50.8206 65.978,47.7006 L114.574,1.3186 C113.094,0.5046 111.418,0.0006 109.612,0.0006 L10.388,0.0006 C8.232,0.0006 6.228,0.6626 4.566,1.7906 L52.416,46.2106 Z" id="Fill-9"></path>
+            <path d="M1.75,4.633 C0.648,6.283 0,8.261 0,10.389 L0,81.611 C0,83.679 0.624,85.597 1.668,87.217 L48.056,47.619 L1.75,4.633 Z" id="Fill-10"></path>
+            <path d="M68.9864,50.3672 L68.7384,50.5972 L68.7224,50.6112 L68.7204,50.6132 L68.7024,50.6292 C65.6524,53.4692 61.5204,54.5352 57.6564,53.8212 C57.4024,53.7752 57.1604,53.6732 56.9084,53.6112 C56.3984,53.4852 55.8824,53.3732 55.3884,53.1832 C54.6544,52.9012 53.9424,52.5492 53.2624,52.1272 C53.2564,52.1232 53.2504,52.1212 53.2444,52.1192 C52.5584,51.6932 51.9064,51.1952 51.2944,50.6272 L51.0064,50.3592 L4.4444,90.1072 C6.1304,91.2912 8.1744,91.9992 10.3884,91.9992 L109.6104,91.9992 C111.6984,91.9992 113.6344,91.3692 115.2644,90.3052 L68.9864,50.3672 Z" id="Fill-11"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/eye.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="120px" height="68px" viewBox="0 0 120 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>g11</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g11" sketch:type="MSLayerGroup" fill="#000000">
+            <path d="M102.98,17.982 C91.462,6.462 76.148,0.12 59.858,0.12 C43.57,0.12 28.254,6.462 16.738,17.982 L0.856,33.864 L17.13,50.138 C28.648,61.658 43.962,68 60.252,68 C76.542,68 91.856,61.658 103.374,50.138 L119.254,34.256 L102.98,17.982 L102.98,17.982 Z M100.546,47.31 C89.782,58.074 75.472,64 60.252,64 C45.032,64 30.722,58.074 19.96,47.31 L6.512,33.864 L19.566,20.81 C30.328,10.046 44.638,4.12 59.858,4.12 C75.08,4.12 89.388,10.046 100.152,20.81 L113.598,34.256 L100.546,47.31 L100.546,47.31 Z" id="Fill-679" sketch:type="MSShapeGroup"></path>
+            <path d="M60,8 C45.664,8 34,19.664 34,34 C34,48.338 45.664,60 60,60 C74.338,60 86,48.338 86,34 C86,19.664 74.338,8 60,8 L60,8 Z M60,24 C54.486,24 50,28.486 50,34 C50,35.104 49.104,36 48,36 C46.896,36 46,35.104 46,34 C46,26.28 52.28,20 60,20 C61.104,20 62,20.896 62,22 C62,23.104 61.104,24 60,24 L60,24 Z" id="Fill-680" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/help.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#0e69d5;}.cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px;}</style></defs><g id="Page-1"><g id="Icons"><g id="Help"><path id="Fill-724" class="cls-1" d="M50,25A25,25,0,1,1,25,0,25,25,0,0,1,50,25" transform="translate(0 0)"/><path id="Stroke-727" class="cls-2" d="M25,37v2M18,16a7,7,0,0,1,7.1-7A7.09,7.09,0,0,1,32,15.9a7,7,0,0,1-3.21,6A8.61,8.61,0,0,0,25,29.16V32" transform="translate(0 0)"/></g></g></g></svg>

app/assets/images/icons/incoming-mail-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116 108"><defs><style>.cls-1{fill:#ffffff;}</style></defs><g id="Page-1"><g id="e8"><path id="Fill-261" class="cls-1" d="M43.41,44.59a2,2,0,0,0-2.83,2.83l16,16h0L58,64.83l1.41-1.41h0l16-16a2,2,0,1,0-2.83-2.83L60,57.17V2a2,2,0,1,0-4,0V57.17L43.41,44.59" transform="translate(0 0)"/><path id="Fill-262" class="cls-1" d="M116,61.35l-.9-1.35h0l-7.16-10.76L103,42h0l-8-12H72v4H92.93l17.36,26H78V74H38V60H5.71L23.07,34H44V30H20.93L.86,60.06h0L0,61.31v39.92A6.78,6.78,0,0,0,6.77,108H109.23a6.78,6.78,0,0,0,6.77-6.77V61.62l0-.07v-.2" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/incoming-mail.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116 108"><defs><style>.cls-1{fill:#4bc8c5;}</style></defs><g id="Page-1"><g id="e8"><path id="Fill-261" class="cls-1" d="M43.41,44.59a2,2,0,0,0-2.83,2.83l16,16h0L58,64.83l1.41-1.41h0l16-16a2,2,0,1,0-2.83-2.83L60,57.17V2a2,2,0,1,0-4,0V57.17L43.41,44.59" transform="translate(0 0)"/><path id="Fill-262" class="cls-1" d="M116,61.35l-.9-1.35h0l-7.16-10.76L103,42h0l-8-12H72v4H92.93l17.36,26H78V74H38V60H5.71L23.07,34H44V30H20.93L.86,60.06h0L0,61.31v39.92A6.78,6.78,0,0,0,6.77,108H109.23a6.78,6.78,0,0,0,6.77-6.77V61.62l0-.07v-.2" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/lock.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="88px" height="108px" viewBox="0 0 88 108" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>g95</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g95" sketch:type="MSLayerGroup" fill="#000000">
+            <path d="M76,40.226 L76,29 C76,13.01 61.644,0 44,0 C26.356,0 12,13.01 12,29 L12,40.226 C5.198,41.398 0,47.326 0,54.458 L0,93.542 C0,101.514 6.486,108 14.458,108 L73.542,108 C81.514,108 88,101.514 88,93.542 L88,54.458 C88,47.326 82.802,41.398 76,40.226 L76,40.226 Z M16,29 C16,15.214 28.56,4 44,4 C59.44,4 72,15.214 72,29 L72,40 L16,40 L16,29 L16,29 Z M52,76 C52,80.412 48.412,84 44,84 C39.588,84 36,80.412 36,76 L36,64 C36,59.588 39.588,56 44,56 C48.412,56 52,59.588 52,64 L52,76 L52,76 Z" id="Fill-813" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/mouse.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="76px" height="120px" viewBox="0 0 76 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>w50</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="w50" sketch:type="MSLayerGroup" fill="#000000">
+            <path d="M38,38 C38,39.104 38.896,40 40,40 C41.104,40 42,39.104 42,38 L42,22 C42,20.896 41.104,20 40,20 C38.896,20 38,20.896 38,22 L38,38" id="Fill-333" sketch:type="MSShapeGroup"></path>
+            <path d="M38,82 C34.692,82 32,84.692 32,88 C32,91.308 34.692,94 38,94 C41.308,94 44,91.308 44,88 C44,84.692 41.308,82 38,82" id="Fill-334" sketch:type="MSShapeGroup"></path>
+            <path d="M74.626,52.176 C74.672,51.942 74.708,51.71 74.742,51.474 L74.81,51.036 C74.812,51.03 74.81,51.024 74.81,51.018 C76.808,39.472 76.356,27.418 73.458,16.064 C72.416,9.126 66.882,3.634 59.94,2.64 C54.172,1.012 48.168,0.172 42,0.056 L42,16.368 C44.322,17.196 46,19.396 46,22 L46,38 C46,40.604 44.322,42.804 42,43.632 L42,54 C42,55.106 41.106,56 40,56 C38.894,56 38,55.106 38,54 L38,43.632 C35.676,42.804 34,40.604 34,38 L34,22 C34,19.396 35.676,17.196 38,16.368 L38,0.094 C32.152,0.29 26.174,1.11 20.092,2.638 C13.13,3.618 7.584,9.118 6.542,16.066 C5.21,21.372 6.04,27.712 6.914,34.426 C7.374,37.954 7.85,41.6 7.964,44.992 C8.172,51.17 7.48,57.152 5.906,62.774 C5.374,64.678 4.516,66.712 3.608,68.868 C1.834,73.074 0,77.426 0,82 C0,105.44 14.178,120 37,120 C53.054,120 66.872,108.746 72.844,92.716 C72.848,92.71 72.854,92.704 72.858,92.698 C72.866,92.674 72.872,92.652 72.88,92.628 C73.382,91.274 73.828,89.888 74.214,88.47 C74.22,88.448 74.226,88.426 74.232,88.404 C74.616,86.988 74.942,85.542 75.204,84.07 C75.21,84.036 75.214,84 75.22,83.966 C75.474,82.528 75.668,81.068 75.798,79.584 C75.802,79.55 75.802,79.516 75.806,79.482 C75.932,78.008 76,76.512 76,75 C76,69.468 75.12,64.034 73.378,58.83 L74.626,52.176 L74.626,52.176 Z M11.804,79.882 C10.452,81.668 7.92,81.63 4.176,80.052 C4.606,76.87 5.982,73.58 7.318,70.386 C8.266,68.126 9.16,65.988 9.758,63.852 C10.136,62.504 10.448,61.13 10.73,59.748 C10.804,59.384 10.872,59.02 10.938,58.656 C11.02,58.218 11.118,57.786 11.19,57.346 C13.138,66.098 14.586,76.212 11.804,79.882 L11.804,79.882 Z M38,98 C32.486,98 28,93.514 28,88 C28,82.486 32.486,78 38,78 C43.514,78 48,82.486 48,88 C48,93.514 43.514,98 38,98 L38,98 Z M71.824,79.08 C71.784,79.554 71.702,80.02 71.648,80.492 C71.55,81.35 71.458,82.21 71.314,83.05 C71.208,83.674 71.056,84.288 70.924,84.908 C70.782,85.568 70.656,86.236 70.488,86.884 C70.3,87.612 70.064,88.328 69.84,89.046 C69.698,89.498 69.57,89.956 69.416,90.402 C67.89,90.856 66.574,91.088 65.492,91.088 C63.62,91.088 62.964,90.402 62.634,89.886 C59.834,85.506 65.702,71.29 70.04,61.68 C70.134,61.998 70.238,62.312 70.326,62.63 C70.454,63.102 70.578,63.572 70.69,64.048 C70.866,64.782 71.018,65.524 71.158,66.268 C71.246,66.732 71.34,67.196 71.412,67.664 C71.54,68.474 71.634,69.292 71.718,70.11 C71.76,70.512 71.816,70.912 71.848,71.316 C71.942,72.538 72,73.766 72,75 C72,76.376 71.938,77.736 71.824,79.08 L71.824,79.08 Z" id="Fill-335" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/organization-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 114"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="c37"><path id="Fill-80" class="cls-1" d="M118,102V94h-4V90a4,4,0,0,0-4-4V54a4,4,0,0,0,4-4V46h5.24l-6-12H99.48l-4-12H92.86C91.46,9.7,77.27,0,60,0S28.31,9.7,26.89,22H24.56l-4,12H6.76l-6,12H6v4a4,4,0,0,0,4,4V86a4,4,0,0,0-4,4v4H2v8H0v12H120V102ZM98,54V86a4,4,0,0,0-4,4v4H92V90a4,4,0,0,0-4-4V54a4,4,0,0,0,4-4V46h2v4a4,4,0,0,0,4,4ZM44,86V54a4,4,0,0,0,4-4V46h2v4a4,4,0,0,0,4,4V86a4,4,0,0,0-4,4v4H48V90a4,4,0,0,0-4-4Zm22,0V54a4,4,0,0,0,4-4V46h2v4a4,4,0,0,0,4,4V86a4,4,0,0,0-4,4v4H70V90a4,4,0,0,0-4-4ZM31.35,28.28l-5.81,3.37L27.44,26h7.85l-3.93,2.28ZM60,16.31,90.55,34H29.45L60,16.31ZM94.47,31.64,84.72,26h7.85l1.9,5.64ZM9.24,38H110.76l2,4H7.24l2-4ZM22,86V54a4,4,0,0,0,4-4V46h2v4a4,4,0,0,0,4,4V86a4,4,0,0,0-4,4v4H26V90a4,4,0,0,0-4-4ZM6,98H114v4H6Z" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/outgoing-mail-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116 108"><defs><style>.cls-1{fill:#ffffff;}</style></defs><g id="Page-1"><g id="e9"><path id="Fill-263" class="cls-1" d="M72.59,20.24a2,2,0,0,0,2.83-2.83l-16-16h0L58,0,56.59,1.41h0l-16,16a2,2,0,0,0,2.83,2.83L56,7.66V62.83a2,2,0,1,0,4,0V7.66L72.59,20.24" transform="translate(0 0)"/><path id="Fill-264" class="cls-1" d="M116,61.35l-.9-1.35h0l-7.16-10.76L103,42h0l-8-12H72v4H92.93l17.36,26H78V74H38V60H5.71L23.07,34H44V30H20.93L.86,60.06h0L0,61.31v39.92A6.78,6.78,0,0,0,6.77,108H109.23a6.78,6.78,0,0,0,6.77-6.77V61.62l0-.07v-.2" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/outgoing-mail.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116 108"><defs><style>.cls-1{fill:#0e69d5;}</style></defs><g id="Page-1"><g id="e9"><path id="Fill-263" class="cls-1" d="M72.59,20.24a2,2,0,0,0,2.83-2.83l-16-16h0L58,0,56.59,1.41h0l-16,16a2,2,0,0,0,2.83,2.83L56,7.66V62.83a2,2,0,1,0,4,0V7.66L72.59,20.24" transform="translate(0 0)"/><path id="Fill-264" class="cls-1" d="M116,61.35l-.9-1.35h0l-7.16-10.76L103,42h0l-8-12H72v4H92.93l17.36,26H78V74H38V60H5.71L23.07,34H44V30H20.93L.86,60.06h0L0,61.31v39.92A6.78,6.78,0,0,0,6.77,108H109.23a6.78,6.78,0,0,0,6.77-6.77V61.62l0-.07v-.2" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/pause-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="g135"><path id="Fill-112" class="cls-1" d="M60,0a60,60,0,1,0,60,60A60.07,60.07,0,0,0,60,0ZM38,28H54V92H38Zm28,0H82V92H66Z" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/premium.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ffffff" d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.326 18.266l-4.326-2.314-4.326 2.313.863-4.829-3.537-3.399 4.86-.671 2.14-4.415 2.14 4.415 4.86.671-3.537 3.4.863 4.829z"/></svg>

app/assets/images/icons/return-path.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="121px" height="88px" viewBox="0 0 121 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.2 (29753) - http://www.bohemiancoding.com/sketch -->
+    <title>a195</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="a195" transform="translate(-1.000000, -2.000000)" fill="#000000">
+            <path d="M53.4144,89.4394 C52.8844,89.4394 52.3744,89.2294 52.0004,88.8534 L2.5024,39.3554 C1.7224,38.5734 1.7224,37.3094 2.5024,36.5274 L16.6444,22.3854 C17.3944,21.6354 18.7224,21.6354 19.4724,22.3854 L53.3484,56.2594 L79.0504,28.1034 L64.8464,13.8974 C64.3144,13.3674 64.1244,12.5814 64.3584,11.8654 C64.5904,11.1494 65.2064,10.6274 65.9484,10.5094 L119.6884,2.0254 C120.3244,1.9194 120.9624,2.1334 121.4144,2.5854 C121.8684,3.0394 122.0764,3.6794 121.9744,4.3134 L113.4904,58.0534 C113.3724,58.7954 112.8504,59.4094 112.1344,59.6434 C111.4204,59.8794 110.6324,59.6874 110.1024,59.1534 L96.0244,45.0774 L69.0344,74.6454 L54.8284,88.8534 C54.4544,89.2294 53.9444,89.4394 53.4144,89.4394" id="Fill-108"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/search.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 97.28"><defs><style>.cls-1{fill:#98a5c0;}</style></defs><g id="Page-1"><g id="g185"><g id="Stroke-722"><path class="cls-1" d="M24,98A24,24,0,1,1,48,74,24,24,0,0,1,24,98Zm0-44A20,20,0,1,0,44,74,20,20,0,0,0,24,54Z" transform="translate(0 -0.72)"/></g><g id="Stroke-724"><path class="cls-1" d="M46,76.88h0a2,2,0,0,1-2-2.08c0-.13,0-.26,0-.4s0-.27,0-.4a2,2,0,0,1,4,0v.88A2,2,0,0,1,46,76.88Z" transform="translate(0 -0.72)"/></g><g id="Stroke-726"><path class="cls-1" d="M46,76a2,2,0,0,1-2-2A20,20,0,0,0,6.59,64.18a2,2,0,0,1-3.68-1.46L14.77,14.09A17.26,17.26,0,0,1,30.44.74h0A16.79,16.79,0,0,1,48,17.51V74A2,2,0,0,1,46,76ZM24,50A24,24,0,0,1,44,60.75V17.51A12.79,12.79,0,0,0,30.62,4.73h0A13.25,13.25,0,0,0,18.65,15L8.8,55.45A24,24,0,0,1,24,50Z" transform="translate(0 -0.72)"/></g><g id="Stroke-728"><path class="cls-1" d="M62,56H46a2,2,0,0,1-2-2V28a2,2,0,0,1,2-2H62a2,2,0,0,1,2,2V54A2,2,0,0,1,62,56ZM48,52H60V30H48Z" transform="translate(0 -0.72)"/></g><g id="Stroke-730"><path class="cls-1" d="M84,98a24,24,0,1,1,24-24A24,24,0,0,1,84,98Zm0-44a20,20,0,1,0,20,20A20,20,0,0,0,84,54Z" transform="translate(0 -0.72)"/></g><g id="Stroke-732"><path class="cls-1" d="M62,76.88a2,2,0,0,1-2-2V74a2,2,0,0,1,4,0c0,.14,0,.27,0,.4s0,.26,0,.4a2,2,0,0,1-2,2.08Z" transform="translate(0 -0.72)"/></g><g id="Stroke-734"><path class="cls-1" d="M62,76a2,2,0,0,1-2-2V17.51A16.79,16.79,0,0,1,77.56.74h0A17.27,17.27,0,0,1,93.23,14.09l11.86,48.63a2,2,0,0,1-3.68,1.46A20,20,0,0,0,64,74,2,2,0,0,1,62,76ZM76.78,4.72A12.79,12.79,0,0,0,64,17.51V60.75a24,24,0,0,1,35.2-5.3L89.35,15a13.25,13.25,0,0,0-12-10.31Z" transform="translate(0 -0.72)"/></g></g></g></svg>

app/assets/images/icons/select-arrow.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+   viewBox="0 0 85.3 50.5" enable-background="new 0 0 85.3 50.5" xml:space="preserve">
+<g>
+  <path fill="#3c4249" d="M81.5,9.5L44,47c-0.5,0.5-1.2,0.8-1.8,0.8s-1.4-0.3-1.8-0.8L2.9,9.5C2.4,9,2.1,8.3,2.1,7.7s0.3-1.4,0.8-1.8
+    l4-4C7.4,1.3,8,1,8.7,1c0.6,0,1.4,0.3,1.8,0.8l31.6,31.6L73.8,1.8C74.2,1.3,75,1,75.6,1s1.4,0.3,1.8,0.8l4,4
+    c0.5,0.5,0.8,1.2,0.8,1.8S81.9,9,81.5,9.5z"/>
+</g>
+</svg>

app/assets/images/icons/size-white.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="96px" height="98px" viewBox="0 0 96 98" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>g120</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g120" sketch:type="MSLayerGroup" fill="#ffffff">
+            <path d="M54,10 L66,10 L66,30 L54,30 L54,10 Z" id="Fill-852" sketch:type="MSShapeGroup"></path>
+            <path d="M78.828,0 L0,0 L0,98 L96,98 L96,17.172 L78.828,0 L78.828,0 Z M20,4 L72,4 L72,36 L20,36 L20,4 Z M16,52 L78,52 L78,94 L16,94 L16,52 Z" id="Fill-853" sketch:type="MSShapeGroup"></path>
+            <path d="M26,64 L40,64 C41.106,64 42,63.106 42,62 C42,60.894 41.106,60 40,60 L26,60 C24.894,60 24,60.894 24,62 C24,63.106 24.894,64 26,64" id="Fill-854" sketch:type="MSShapeGroup"></path>
+            <path d="M26,72 L46,72 C47.106,72 48,71.106 48,70 C48,68.894 47.106,68 46,68 L26,68 C24.894,68 24,68.894 24,70 C24,71.106 24.894,72 26,72" id="Fill-855" sketch:type="MSShapeGroup"></path>
+            <path d="M52,72 C52.54,72 53.04,71.78 53.42,71.42 C53.78,71.04 54,70.52 54,70 C54,69.48 53.78,68.958 53.42,68.58 C52.68,67.84 51.34,67.84 50.6,68.58 C50.218,68.958 50,69.458 50,70 C50,70.54 50.218,71.04 50.58,71.42 C50.958,71.78 51.458,72 52,72" id="Fill-856" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/icons/tick-green.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 19"><defs><style>.cls-1{fill:#76c83b;}</style></defs><path class="cls-1" d="M20.28,2,9,13.57l-5.29-5L0,12.27,9,21,24,5.71Z" transform="translate(0 -2)"/></svg>

app/assets/images/icons/tick-grey.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 19"><defs><style>.cls-1{fill:#aaa;}</style></defs><path class="cls-1" d="M20.28,2,9,13.57l-5.29-5L0,12.27,9,21,24,5.71Z" transform="translate(0 -2)"/></svg>

app/assets/images/icons/trash-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 118"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="g33"><path id="Fill-702" class="cls-1" d="M94,12H65.91c-.22-2.5-1-6.72-3.63-9.42A8.46,8.46,0,0,0,56,0H36a8.46,8.46,0,0,0-6.29,2.58C27.08,5.28,26.31,9.5,26.09,12H2a2,2,0,0,0,0,4H6.08l3.83,92c.07,3.44,2.22,10,9.82,10H76.27c7.6,0,9.74-6.51,9.81-9.92L89.92,16H94a2,2,0,0,0,0-4ZM30,100a2,2,0,1,1-4,0V34a2,2,0,1,1,4,0v66Zm20,0a2,2,0,1,1-4,0V34a2,2,0,1,1,4,0v66Zm20,0a2,2,0,1,1-4,0V34a2,2,0,1,1,4,0v66ZM32.59,5.36A4.53,4.53,0,0,1,36,4H56a4.53,4.53,0,0,1,3.42,1.36C61,7,61.67,9.9,61.89,12H30.11c.22-2.1.87-5,2.48-6.64Z" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/user-white.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92 120"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Page-1"><g id="g83"><path id="Fill-83" class="cls-1" d="M82,85.78,62.92,76.22A5.26,5.26,0,0,1,60,71.5V64.73c.46-.56.94-1.2,1.44-1.9a45.71,45.71,0,0,0,5.91-11.6A7.94,7.94,0,0,0,72,44V36a8,8,0,0,0-2-5.25V20.11A17.93,17.93,0,0,0,65.82,7.06C61.71,2.37,55,0,46,0S30.29,2.37,26.18,7.06A17.93,17.93,0,0,0,22,20.11V30.75A8,8,0,0,0,20,36v8a8,8,0,0,0,3,6.22,42,42,0,0,0,7,14.48v6.62A5.29,5.29,0,0,1,27.25,76L9.4,85.68A18,18,0,0,0,0,101.52V108c0,9.49,30.09,12,46,12s46-2.51,46-12v-6.09A18,18,0,0,0,82,85.78" transform="translate(0 0)"/></g></g></svg>

app/assets/images/icons/web.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="116px" height="116px" viewBox="0 0 116 116" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>g227</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="g227" sketch:type="MSLayerGroup" fill="#999999">
+            <path d="M60,56 L83.944,56 C83.698,47.304 81.88,38.866 78.616,31.046 C72.596,32.794 66.354,33.756 60,33.926 L60,56" id="Fill-956" sketch:type="MSShapeGroup"></path>
+            <path d="M80.818,26.144 C86.674,24.124 92.28,21.36 97.474,17.806 L98.782,16.806 C89.228,7.346 76.41,1.19 62.192,0.168 L61.156,1.01 C69.586,7.988 76.248,16.566 80.818,26.144" id="Fill-957" sketch:type="MSShapeGroup"></path>
+            <path d="M60,5.286 L60,29.926 C65.782,29.762 71.462,28.898 76.946,27.358 C72.892,19.042 67.166,11.536 60,5.286" id="Fill-958" sketch:type="MSShapeGroup"></path>
+            <path d="M83.114,84.434 C89.374,86.698 95.354,89.77 100.882,93.71 L102.618,95.01 C110.572,85.44 115.496,73.278 115.95,60 L87.944,60 C87.718,68.478 86.064,76.716 83.114,84.434" id="Fill-959" sketch:type="MSShapeGroup"></path>
+            <path d="M18.526,17.806 C23.72,21.362 29.326,24.124 35.182,26.144 C39.752,16.568 46.416,7.99 54.846,1.01 L53.808,0.168 C39.558,1.192 26.714,7.374 17.152,16.868 L18.526,17.806" id="Fill-960" sketch:type="MSShapeGroup"></path>
+            <path d="M56,5.286 C48.834,11.538 43.108,19.042 39.054,27.358 C44.538,28.898 50.218,29.762 56,29.926 L56,5.286" id="Fill-961" sketch:type="MSShapeGroup"></path>
+            <path d="M28.056,60 L0.05,60 C0.504,73.278 5.428,85.438 13.38,95.01 L15.08,93.738 C20.63,89.784 26.622,86.704 32.892,84.434 C29.936,76.712 28.282,68.476 28.056,60" id="Fill-962" sketch:type="MSShapeGroup"></path>
+            <path d="M33.556,29.81 C27.482,27.682 21.664,24.8 16.268,21.108 L14.39,19.824 C5.854,29.566 0.522,42.174 0.05,56 L28.056,56 C28.298,46.88 30.172,38.024 33.556,29.81" id="Fill-963" sketch:type="MSShapeGroup"></path>
+            <path d="M32.056,56 L56,56 L56,33.926 C49.642,33.756 43.398,32.794 37.382,31.05 C34.12,38.87 32.302,47.304 32.056,56" id="Fill-964" sketch:type="MSShapeGroup"></path>
+            <path d="M54.644,114.812 C45.808,107.422 38.962,98.294 34.422,88.13 C28.438,90.276 22.72,93.204 17.438,96.968 L16.06,98 C25.608,108.006 38.68,114.606 53.27,115.792 L54.644,114.812" id="Fill-965" sketch:type="MSShapeGroup"></path>
+            <path d="M56,80.076 L56,60 L32.056,60 C32.282,68.038 33.866,75.848 36.682,83.16 C42.91,81.284 49.388,80.252 56,80.076" id="Fill-966" sketch:type="MSShapeGroup"></path>
+            <path d="M98.524,96.942 C93.262,93.192 87.56,90.272 81.584,88.13 C77.04,98.316 70.188,107.452 61.358,114.816 L62.728,115.792 C77.316,114.608 90.39,108.006 99.938,98 L98.524,96.942" id="Fill-967" sketch:type="MSShapeGroup"></path>
+            <path d="M99.82,21.044 C94.38,24.768 88.534,27.668 82.442,29.804 C85.828,38.022 87.702,46.878 87.944,56 L115.95,56 C115.476,42.13 110.114,29.488 101.532,19.734 L99.82,21.044" id="Fill-968" sketch:type="MSShapeGroup"></path>
+            <path d="M56,110.714 L56,84.076 C49.922,84.248 43.968,85.188 38.236,86.876 C42.322,95.894 48.332,104.026 56,110.714" id="Fill-969" sketch:type="MSShapeGroup"></path>
+            <path d="M83.944,60 L60,60 L60,80.076 C66.614,80.252 73.096,81.284 79.324,83.16 C82.134,75.85 83.718,68.04 83.944,60" id="Fill-970" sketch:type="MSShapeGroup"></path>
+            <path d="M77.77,86.876 C72.038,85.188 66.08,84.248 60,84.076 L60,110.724 C67.662,104.056 73.678,95.916 77.77,86.876" id="Fill-971" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

app/assets/images/logo-grey.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 378.23 122.76"><defs><style>.cls-1{fill:#cccccc;}</style></defs><path class="cls-1" d="M145.72,211.16H114.4L105,238.28H99.52l27.84-79.08h5.52l27.84,79.08H155Zm-1.56-4.68-5-14.76q-2.4-7.08-4.56-13.56t-4.2-13.8h-.48q-2,7.32-4.2,13.8t-4.56,13.56l-5,14.76Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M172,243.32v21h-5.28V180.68h4.56l.48,7.2h.36a58.65,58.65,0,0,1,9.18-6,21.89,21.89,0,0,1,10.38-2.64q11.52,0,17.28,8t5.76,21.42a39.06,39.06,0,0,1-2,13.08,29.54,29.54,0,0,1-5.58,9.78,24.06,24.06,0,0,1-8.16,6.12,23.11,23.11,0,0,1-9.66,2.1,21.18,21.18,0,0,1-8.4-1.86,45.26,45.26,0,0,1-8.88-5.22Zm0-15.72a36.14,36.14,0,0,0,9.36,5.76A21.52,21.52,0,0,0,189,235a17.26,17.26,0,0,0,8-1.92,18.64,18.64,0,0,0,6.36-5.4,26.72,26.72,0,0,0,4.14-8.34,36.31,36.31,0,0,0,1.5-10.74,45.14,45.14,0,0,0-1-9.84,23.68,23.68,0,0,0-3.18-7.86,15.23,15.23,0,0,0-5.64-5.16,17.62,17.62,0,0,0-8.4-1.86,19,19,0,0,0-8.94,2.46,55.23,55.23,0,0,0-9.9,7Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M231.28,243.32v21H226V180.68h4.56l.48,7.2h.36a58.65,58.65,0,0,1,9.18-6A21.89,21.89,0,0,1,251,179.24q11.52,0,17.28,8T274,208.64a39.06,39.06,0,0,1-2,13.08,29.54,29.54,0,0,1-5.58,9.78,24.06,24.06,0,0,1-8.16,6.12,23.11,23.11,0,0,1-9.66,2.1,21.18,21.18,0,0,1-8.4-1.86,45.26,45.26,0,0,1-8.88-5.22Zm0-15.72a36.14,36.14,0,0,0,9.36,5.76,21.52,21.52,0,0,0,7.68,1.68,17.26,17.26,0,0,0,8-1.92,18.64,18.64,0,0,0,6.36-5.4,26.72,26.72,0,0,0,4.14-8.34,36.31,36.31,0,0,0,1.5-10.74,45.14,45.14,0,0,0-1-9.84,23.68,23.68,0,0,0-3.18-7.86,15.23,15.23,0,0,0-5.64-5.16,17.62,17.62,0,0,0-8.4-1.86,19,19,0,0,0-8.94,2.46,55.23,55.23,0,0,0-9.9,7Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M283.48,160H302.2l13.08,35.16L320,208.88h.48l4.68-13.68L337.84,160h18.6v78.24H340V209.6q0-2.88.24-6.36t.6-7q.36-3.54.72-7t.72-6.3h-.48l-6.48,18.12-12,30.36h-7.08l-12-30.36L298,183h-.48q.36,2.88.72,6.3t.66,7q.3,3.54.54,7t.24,6.36v28.68h-16.2Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M365.32,221.72a16.67,16.67,0,0,1,7.92-14.64q7.92-5.28,25.56-7.08a9.85,9.85,0,0,0-2.4-6.3q-2.16-2.34-7-2.34a21.73,21.73,0,0,0-7.68,1.44,53.9,53.9,0,0,0-8.16,4l-6.24-11.64a62.4,62.4,0,0,1,12.06-5.64,41,41,0,0,1,13.38-2.16q11.52,0,17.58,6.54t6.06,20.34v34.08H402l-1.32-6.12h-.36a37.37,37.37,0,0,1-8.1,5.46,20.77,20.77,0,0,1-9.3,2.1,18.53,18.53,0,0,1-7.32-1.38,15.88,15.88,0,0,1-5.52-3.84,17.73,17.73,0,0,1-3.54-5.7A19.34,19.34,0,0,1,365.32,221.72Zm16.8-1.32a5,5,0,0,0,1.86,4.26,8.16,8.16,0,0,0,5,1.38,9.94,9.94,0,0,0,5.28-1.32A25.2,25.2,0,0,0,398.8,221V210.56q-9.48,1.32-13.08,3.84T382.12,220.4Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M425.56,178.76H443.2v59.52H425.56Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M452.68,164.16h17.64v56.36q0,2.76,1,3.84a2.92,2.92,0,0,0,2.1,1.08h1a3.82,3.82,0,0,0,1.14-.24l2.16,13.08a18.89,18.89,0,0,1-3.66,1,28.4,28.4,0,0,1-5.22.42,18.27,18.27,0,0,1-7.68-1.44,12.38,12.38,0,0,1-5-4,17,17,0,0,1-2.7-6.24,36.81,36.81,0,0,1-.84-8.22Z" transform="translate(-99.52 -141.57)"/><polygon class="cls-1" points="315.26 15.93 325.72 16.12 325.82 31.17 344.74 31.27 344.84 15.27 354.45 15.44 335.29 0 315.26 15.93"/></svg>

app/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 378.23 122.76"><defs><style>.cls-1{fill:#ffffff;}</style></defs><path class="cls-1" d="M145.72,211.16H114.4L105,238.28H99.52l27.84-79.08h5.52l27.84,79.08H155Zm-1.56-4.68-5-14.76q-2.4-7.08-4.56-13.56t-4.2-13.8h-.48q-2,7.32-4.2,13.8t-4.56,13.56l-5,14.76Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M172,243.32v21h-5.28V180.68h4.56l.48,7.2h.36a58.65,58.65,0,0,1,9.18-6,21.89,21.89,0,0,1,10.38-2.64q11.52,0,17.28,8t5.76,21.42a39.06,39.06,0,0,1-2,13.08,29.54,29.54,0,0,1-5.58,9.78,24.06,24.06,0,0,1-8.16,6.12,23.11,23.11,0,0,1-9.66,2.1,21.18,21.18,0,0,1-8.4-1.86,45.26,45.26,0,0,1-8.88-5.22Zm0-15.72a36.14,36.14,0,0,0,9.36,5.76A21.52,21.52,0,0,0,189,235a17.26,17.26,0,0,0,8-1.92,18.64,18.64,0,0,0,6.36-5.4,26.72,26.72,0,0,0,4.14-8.34,36.31,36.31,0,0,0,1.5-10.74,45.14,45.14,0,0,0-1-9.84,23.68,23.68,0,0,0-3.18-7.86,15.23,15.23,0,0,0-5.64-5.16,17.62,17.62,0,0,0-8.4-1.86,19,19,0,0,0-8.94,2.46,55.23,55.23,0,0,0-9.9,7Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M231.28,243.32v21H226V180.68h4.56l.48,7.2h.36a58.65,58.65,0,0,1,9.18-6A21.89,21.89,0,0,1,251,179.24q11.52,0,17.28,8T274,208.64a39.06,39.06,0,0,1-2,13.08,29.54,29.54,0,0,1-5.58,9.78,24.06,24.06,0,0,1-8.16,6.12,23.11,23.11,0,0,1-9.66,2.1,21.18,21.18,0,0,1-8.4-1.86,45.26,45.26,0,0,1-8.88-5.22Zm0-15.72a36.14,36.14,0,0,0,9.36,5.76,21.52,21.52,0,0,0,7.68,1.68,17.26,17.26,0,0,0,8-1.92,18.64,18.64,0,0,0,6.36-5.4,26.72,26.72,0,0,0,4.14-8.34,36.31,36.31,0,0,0,1.5-10.74,45.14,45.14,0,0,0-1-9.84,23.68,23.68,0,0,0-3.18-7.86,15.23,15.23,0,0,0-5.64-5.16,17.62,17.62,0,0,0-8.4-1.86,19,19,0,0,0-8.94,2.46,55.23,55.23,0,0,0-9.9,7Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M283.48,160H302.2l13.08,35.16L320,208.88h.48l4.68-13.68L337.84,160h18.6v78.24H340V209.6q0-2.88.24-6.36t.6-7q.36-3.54.72-7t.72-6.3h-.48l-6.48,18.12-12,30.36h-7.08l-12-30.36L298,183h-.48q.36,2.88.72,6.3t.66,7q.3,3.54.54,7t.24,6.36v28.68h-16.2Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M365.32,221.72a16.67,16.67,0,0,1,7.92-14.64q7.92-5.28,25.56-7.08a9.85,9.85,0,0,0-2.4-6.3q-2.16-2.34-7-2.34a21.73,21.73,0,0,0-7.68,1.44,53.9,53.9,0,0,0-8.16,4l-6.24-11.64a62.4,62.4,0,0,1,12.06-5.64,41,41,0,0,1,13.38-2.16q11.52,0,17.58,6.54t6.06,20.34v34.08H402l-1.32-6.12h-.36a37.37,37.37,0,0,1-8.1,5.46,20.77,20.77,0,0,1-9.3,2.1,18.53,18.53,0,0,1-7.32-1.38,15.88,15.88,0,0,1-5.52-3.84,17.73,17.73,0,0,1-3.54-5.7A19.34,19.34,0,0,1,365.32,221.72Zm16.8-1.32a5,5,0,0,0,1.86,4.26,8.16,8.16,0,0,0,5,1.38,9.94,9.94,0,0,0,5.28-1.32A25.2,25.2,0,0,0,398.8,221V210.56q-9.48,1.32-13.08,3.84T382.12,220.4Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M425.56,178.76H443.2v59.52H425.56Z" transform="translate(-99.52 -141.57)"/><path class="cls-1" d="M452.68,164.16h17.64v56.36q0,2.76,1,3.84a2.92,2.92,0,0,0,2.1,1.08h1a3.82,3.82,0,0,0,1.14-.24l2.16,13.08a18.89,18.89,0,0,1-3.66,1,28.4,28.4,0,0,1-5.22.42,18.27,18.27,0,0,1-7.68-1.44,12.38,12.38,0,0,1-5-4,17,17,0,0,1-2.7-6.24,36.81,36.81,0,0,1-.84-8.22Z" transform="translate(-99.52 -141.57)"/><polygon class="cls-1" points="315.26 15.93 325.72 16.12 325.82 31.17 344.74 31.27 344.84 15.27 354.45 15.44 335.29 0 315.26 15.93"/></svg>

app/assets/javascripts/application/application.coffee

@@ -0,0 +1,55 @@
+#= require jquery
+#= require jquery_ujs
+#= require turbolinks
+#= require_tree ./vendor/.
+#= require_self
+#= require_tree .
+
+$ ->
+
+  isFirefox = -> !!navigator.userAgent.match(/firefox/i)
+
+  $('html').addClass('browser-firefox') if isFirefox()
+
+  $(document).on 'turbolinks:load', ->
+    $('.js-multibox').multibox({inputCount: 6, classNames: {container: "multibox", input: 'input input--text multibox__input'}})
+
+  $(document).on 'keyup', (event)->
+    return if $(event.target).is('input, select, textarea')
+    if event.keyCode == 83
+      $('.js-focus-on-s').focus()
+      event.preventDefault()
+    if event.keyCode == 70
+      $('.js-focus-on-f').focus()
+      event.preventDefault()
+
+  $(document).on 'click', 'html.main .flashMessage', ->
+    $(this).hide 'fast', ->
+      $(this).remove()
+
+  $(document).on 'click', '.js-toggle-helpbox', ->
+    helpBox = $('.js-helpbox')
+    if helpBox.hasClass('is-hidden')
+      helpBox.removeClass('is-hidden')
+    else
+      helpBox.addClass('is-hidden')
+    return false
+
+  $(document).on 'input', 'input[type=range]', ->
+    value = $(this).val()
+    updateAttr = $(this).attr('data-update')
+    if updateAttr && updateAttr.length
+      $("." + $(this).attr('data-update')).text(parseFloat(value, 10).toFixed(1))
+
+  $(document).on 'change', '.js-checkbox-list-toggle', ->
+    $this = $(this)
+    value = $this.val()
+    $list = $this.parent().find('.checkboxList')
+    if value == 'false' then $list.show() else $list.hide()
+
+  $(document).on 'click', '.js-toggle', ->
+    $link = $(this)
+    element = $link.attr('data-element')
+    $(element, $link.parent()).toggle()
+    false
+

app/assets/javascripts/application/elements/ajax.coffee

@@ -0,0 +1,61 @@
+onStart = (event) ->
+  $('.flashMessage').remove()
+  $('input, select, textarea').blur()
+  $target = $(event.target)
+  if $target.is('form')
+    $('.js-form-submit', $target).addClass('is-spinning')
+  if $target.hasClass('button')
+    $($target).addClass('is-spinning')
+
+onComplete = (event, xhr)->
+  $target = $(event.target)
+  if xhr.responseJSON
+    data = xhr.responseJSON
+    if data.redirect_to
+      Turbolinks.clearCache()
+      Turbolinks.visit(data.redirect_to, {"action":"replace"})
+      console.log "Redirected to #{data.redirect_to}"
+
+    if data.alert
+      unSpin($target)
+      alert(data.alert)
+
+    if data.form_errors
+      if $target.is('form')
+        unSpin($target)
+        handleErrors($target, data.form_errors)
+
+    if data.flash
+      unSpin($target)
+      $('body .flashMessage').remove()
+      for key, value of data.flash
+        $message = $("<div class='flashMessage flashMessage--#{key}'>#{value}</div>")
+        $('body').prepend($message)
+
+    if data.region_html
+      unSpin($target)
+      $('.js-ajax-region').replaceWith(data.region_html)
+      $('[autofocus]', '.js-ajax-region').focus()
+
+  else
+    console.log "Unsupported return."
+
+unSpin = ($target)->
+  $target.removeClass('is-spinning')
+  $('.js-form-submit', $target).removeClass('is-spinning')
+
+
+handleErrors = (form, errors)->
+  html = $("<div class='formErrors errorExplanation'><ul></ul</div>")
+  list = $('ul', html)
+  $.each errors, ->
+    list.append("<li>#{this}</li>")
+  $('.formErrors', form).remove()
+  form.prepend($(html))
+  console.log errors
+
+$ ->
+  $.ajaxSettings.dataType = 'json'
+  $(document)
+    .on 'ajax:before', onStart
+    .on 'ajax:complete', onComplete

app/assets/javascripts/application/elements/mail_graph.coffee

@@ -0,0 +1,32 @@
+$(document).on 'turbolinks:load', ->
+
+  mailGraph = $('.mailGraph')
+
+  if mailGraph.length
+    data = JSON.parse(mailGraph.attr('data-data'))
+    incomingMail = []
+    outgoingMail = []
+    for d in data
+      incomingMail.push(d.incoming)
+      outgoingMail.push(d.outgoing)
+
+    data =
+      series: [outgoingMail, incomingMail]
+    options =
+      fullWidth: true
+      axisY:
+        offset:40
+      axisX:
+        showGrid: false
+        offset: 0
+        showLabel: true
+      height: '230px'
+      showArea: true
+      high: if incomingMail? && incomingMail.length then undefined else 1000
+      chartPadding:
+        top:0
+        right:0
+        bottom:0
+        left:0
+
+    new Chartist.Line '.mailGraph__graph', data, options

app/assets/javascripts/application/elements/remembering.coffee

@@ -0,0 +1,8 @@
+$ ->
+  $(document).on 'click', '.js-remember a', ->
+    $parent = $(this).parents('.js-remember')
+    value = $(this).attr('data-remember')
+    $parent.remove()
+    if value == 'yes'
+      $.post('/persist')
+    false

app/assets/javascripts/application/elements/searchable.coffee

@@ -0,0 +1,113 @@
+ENTER = 13
+DOWN_ARROW = 40
+UP_ARROW = 38
+
+filterList = ($container, query) ->
+  $items = getItems($container)
+  index = $container.data('searchifyIndex')
+  re = new RegExp(query, 'g')
+  $matches = $items.filter (i, item) ->
+    value = $(item).data('value')
+    re.test(value)
+  $items.addClass('is-hidden').filter($matches).removeClass('is-hidden')
+  toggleState($container, $matches.length > 0)
+  if index?
+    index = 0
+    $container.data('searchifyIndex', index)
+  highlightItem($container, $matches, index)
+
+getContainer = ($el) ->
+  $el.closest('.js-searchable')
+
+getEmpty = ($container) ->
+  $('.js-searchable__empty', $container)
+
+getList = ($container) ->
+  $('.js-searchable__list', $container)
+
+getItems = ($container) ->
+  $('.js-searchable__item', $container)
+
+highlightItem = ($container, $scope, index) ->
+  $items = getItems($container)
+  $items.removeClass('is-highlighted')
+  $scope.eq(index).addClass('is-highlighted') if index? && $scope.length
+
+highlightNext = ($container) ->
+  $matches = getMatches($container)
+  index = $container.data('searchifyIndex')
+  return unless $matches.length
+  if index?
+    return if index == $matches.length - 1
+    newIndex = index + 1
+  else
+    newIndex = 0
+  $container.data('searchifyIndex', newIndex)
+  highlightItem($container, $matches, newIndex)
+
+highlightPrev = ($container) ->
+  $matches = getMatches($container)
+  index = $container.data('searchifyIndex')
+  return unless $matches.length
+  if index?
+    return if index == 0
+    newIndex = index - 1
+  else
+    newIndex = 0
+  $container.data('searchifyIndex', newIndex)
+  highlightItem($container, $matches, newIndex)
+
+getMatches = ($container) ->
+  $items = getItems($container)
+  $items.filter(':not(.is-hidden)')
+
+searchify = (str) ->
+  str.toLowerCase().replace(/\W/g, '')
+
+selectHighlighted = ($container) ->
+  index = $container.data('searchifyIndex')
+  $matches = getMatches($container)
+  return unless index? && $matches.length
+  url = $matches.eq(index).data('url')
+  Turbolinks.visit(url)
+
+showAll = ($container) ->
+  $items = getItems($container)
+  index = $container.data('searchifyIndex')
+  $items.removeClass('is-hidden')
+  toggleState($container, true)
+  if index?
+    index = 0
+    $container.data('searchifyIndex', index)
+    highlightItem($container, $items, index)
+
+toggleState = ($container, predicate) ->
+  $empty = getEmpty($container)
+  $list = getList($container)
+  $empty.toggleClass('is-hidden', predicate)
+  $list.toggleClass('is-hidden', !predicate)
+
+# Event Handlers
+
+handleInput = (event) ->
+  $input = $(event.target)
+  $container = getContainer($input)
+  query = searchify($input.val())
+  if query.length then filterList($container, query) else showAll($container)
+
+handleKeydown = (event) ->
+  $container = getContainer($(event.target))
+  keyCode = event.keyCode
+  if keyCode == DOWN_ARROW
+    event.preventDefault()
+    highlightNext($container)
+  else if keyCode == ENTER
+    event.preventDefault()
+    selectHighlighted($container)
+  else if keyCode == UP_ARROW
+    event.preventDefault()
+    highlightPrev($container)
+$ ->
+  $(document)
+    .on('input', '.js-searchable__input', handleInput)
+    .on('keydown', '.js-searchable__input', handleKeydown)

app/assets/javascripts/application/modules/helpers.coffee

@@ -0,0 +1,29 @@
+Postal.Helpers =
+  numberWithDelimiters: (number)->
+    number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+
+  pluralize: (number, word)->
+    if number == 1
+      "1 #{word}"
+    else
+      "#{number} #{word}s"
+
+  numberToHumanSize: (sizeInBytes)->
+    wholes = Math.floor(Math.log(sizeInBytes) / Math.log(1024))
+    unit = ['bytes', 'KB', 'MB', 'GB', 'TB'][wholes]
+    i = (sizeInBytes / Math.pow(1024, wholes))
+    if unit
+      i = if unit == 'bytes' then i.toFixed(0) else i.toFixed(2)
+      "#{i} #{unit}"
+    else
+      "0 bytes"
+
+  styleWidth: (width)->
+    width = 100 if width > 100.0
+    width = 0 if width < 0
+    string = "width:#{width}%;"
+    if width >= 100
+      string = string + "background-color:#e2383a;"
+    else if width >= 90
+      string = string + "background-color:#e8581f;"
+    string

app/assets/javascripts/application/vendor/jquery.multibox.js

@@ -0,0 +1,197 @@
+(function ($) {
+
+  'use strict';
+
+  function Multibox($el, options) {
+    this.$el = $el;
+    this.options = options;
+    this.draw();
+    this.listen();
+  }
+
+  Multibox.prototype.destroy = function destroy() {
+    this.$inputs.off();
+    this.$el.detach();
+    this.$container.replaceWith(this.$el);
+
+    if (this.previousType) {
+      this.$el.attr('type', this.previousType);
+    }
+  };
+
+  Multibox.prototype.draw = function draw() {
+    var classNames = this.options.classNames;
+    var inputAutofocus = this.$el.attr('autofocus');
+    var inputType = this.$el.attr('type');
+    var inputValue = this.$el.val();
+
+    var focusIndex;
+    var inputIndex;
+    var text;
+
+    if (inputType !== 'hidden') {
+      this.previousType = inputType;
+      this.$el.attr('type', 'hidden');
+    }
+
+    this.$container = $('<div />', {
+      'class': classNames.container
+    });
+
+    var size = Array.apply(null, Array(this.options.inputCount));
+
+    this.$inputs = $();
+
+    $.each(size, function () {
+      this.$inputs = this.$inputs.add($('<input />', {
+        'class': classNames.input,
+        maxlength: 1,
+        size: 1,
+        type: 'text'
+      }));
+    }.bind(this));
+
+    this.$container .append(this.$inputs);
+    this.$el.replaceWith(this.$container);
+    this.$container.append(this.$el);
+
+    text = this.filterString(inputValue);
+
+    if (text.length) {
+      inputIndex = this.setFromString(0, text);
+    }
+
+    if (inputAutofocus) {
+      if (inputIndex === undefined) {
+        focusIndex = 0;
+      } else {
+        focusIndex = (inputIndex == this.$inputs.length ? inputIndex - 1 : inputIndex);
+      }
+      this.$inputs.eq(focusIndex).focus();
+    }
+  };
+
+  Multibox.prototype.handleKeydown = function handleKeydown(event) {
+    var $input = $(event.target);
+    var $prev;
+
+    if (event.keyCode === 8) {
+      event.preventDefault();
+
+      $prev = $input.prev();
+
+      if ($prev.length) {
+        $prev.focus();
+      }
+
+      if (event.target.value) {
+        $input.val('');
+      } else {
+        $prev.val('');
+      }
+    }
+
+    this.update();
+  };
+
+  Multibox.prototype.handleInput = function handleInput(event) {
+    var $input = $(event.target);
+    var $next = $input.next();
+    var value = $input.val();
+    var filtered = this.filterString(value);
+
+    $input.val(filtered);
+
+    if (filtered && $next.length) {
+      $next.focus();
+    }
+
+    this.update();
+  };
+
+  Multibox.prototype.handlePaste = function handlePaste(event) {
+    event.preventDefault();
+
+    var $input = $(event.target);
+    var clipboardData = event.originalEvent.clipboardData;
+    var text = clipboardData.getData('text');
+
+    var filtered = this.filterString(text);
+
+    if (!filtered.length) return;
+
+    var inputIndex = this.setFromString(this.$inputs.index($input), filtered);
+    var focusIndex = (inputIndex == this.$inputs.length ? inputIndex - 1 : inputIndex);
+
+    this.$inputs.eq(focusIndex).focus();
+
+    this.update();
+  };
+
+  Multibox.prototype.listen = function listen() {
+    this.$inputs.on('input', this.handleInput.bind(this));
+    this.$inputs.on('keydown', this.handleKeydown.bind(this));
+    this.$inputs.on('paste', this.handlePaste.bind(this));
+  };
+
+  Multibox.prototype.filterString = function filterString(str) {
+    return str.replace(this.options.regex, '');
+  };
+
+  Multibox.prototype.setFromString = function setFromString(index, str) {
+    var inputIndex = index;
+    var strIndex = 0;
+
+    while (this.$inputs.eq(inputIndex).length && str[strIndex]) {
+      this.$inputs.eq(inputIndex).val(str[strIndex]);
+      inputIndex++;
+      strIndex++;
+    }
+
+    return inputIndex;
+  };
+
+  Multibox.prototype.update = function update() {
+    var values = [];
+    var value;
+
+    this.$inputs.each(function(i, input) {
+      values.push(input.value);
+    });
+
+    value = values.join('');
+
+    this.$el
+      .val(value)
+      .trigger('change');
+  };
+
+  $.fn.multibox = function multibox(options) {
+    var instance;
+
+    if (typeof options === 'object' || options == undefined) {
+      options = (options || {});
+
+      options = $.extend({}, {
+        classNames: {
+          container: 'multibox',
+          input: 'multibox-input'
+        },
+        inputCount: 4,
+        regex: /\D/g
+      }, options);
+
+      if (this.length) {
+        instance = new Multibox(this, options);
+        this.data('multibox', instance);
+      }
+    } else if (options === 'destroy') {
+      if (this.data('multibox')) {
+        instance = this.data('multibox');
+        instance.destroy();
+        this.data('multibox', null);
+      }
+    }
+  };
+
+}(jQuery));

app/assets/stylesheets/application/application.scss

@@ -0,0 +1,42 @@
+@import 'global/reset';
+@import 'global/variables';
+@import 'global/mixins';
+@import 'global/fonts';
+
+@import 'vendor/*';
+@import 'elements/*';
+@import 'components/*';
+@import 'global/utility';
+
+html.main {
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size:14px;
+  height: 100%;
+  max-height: 100%;
+  background:$backgroundGrey;
+  body {
+    display:flex;
+    flex-direction: column;
+    height: 100%;
+    max-height: 100%;
+    overflow-x:hidden;
+  }
+}
+
+html.subPage {
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size:14px;
+  background:$backgroundGrey;
+  body {
+    padding-top:100px;
+    padding-bottom:100px;
+  }
+  .subPage__logo {
+    margin-bottom:40px;
+    text-align:center;
+  }
+}
+
+.turbolinks-progress-bar {
+  background-color: $darkBlue;
+}