cd2_catton_cms 1.1.10

data/app/views/c/main_application/_header.html.haml

@@ -0,0 +1,55 @@
+%header#header
+  .header__top_bar
+    .shop__info
+      %span
+        = link_to 'Home', '/'
+
+    .account_link__wrapper
+      - if current_front_customer_account
+        %span
+          Logged in as
+          %strong= link_to current_front_customer_account.customer.name, front_customer_root_path
+        = link_to c.destroy_front_customer_account_session_path, method: :delete do
+          = fa_icon("sign-out")
+          Log Out
+      - else
+        = link_to c.new_front_customer_account_session_path do
+          = fa_icon("sign-in")
+          Log In
+      .mobile__basket_link
+        %span.separator= "|"
+        = link_to cart_path do
+          = fa_icon('shopping-basket')
+          %span= "View basket (#{cart.cart_items.count})"
+  .header__inner
+    = link_to '/' do
+      .logo
+    .header__menu
+      = menu 'sub_header'
+    .search__wrapper
+      = render 'c/main_application/site_search', search_object: @q
+    .basket_link__wrapper
+      = link_to cart_path do
+        = fa_icon('shopping-basket')
+        %span= "(#{cart.cart_items.count})"
+        %p= link_to "View basket", cart_path
+    .mobile__menu_toggle
+      = fa_icon('bars')
+
+  %nav.category_menu__wrapper
+    .category_menu
+      - C::Category.hash_tree.each do |category|
+        %li
+          .dropdown_top
+            = link_to category.first.name, front_end_category_path(category.first)
+            .dropdown_box
+              .hover_menu
+                %ul
+                  - category.second.each do |category_2|
+                    %li
+                      = link_to category_2.first.name, front_end_category_path(category_2.first)
+                      %ul
+                        - category_2.second.each do |category_3|
+                          %li= link_to category_3.first.name, front_end_category_path(category_3.first)
+      .mobile__menu_toggle
+        = fa_icon ('sort-asc')

data/app/views/c/main_application/_site_search.html.haml

@@ -0,0 +1,3 @@
+- if search_object.present?
+  = search_form_for search_object, url: search_front_end_pages_path do |f|
+    = f.search_field :sku_or_name_cont_any, placeholder: "Search the shop.."

data/app/views/c/main_application/_yield.html.haml

@@ -0,0 +1,5 @@
+-# This is the main content of the application
+-# For any custom layout, overwrite the file in the child application
+= render 'c/main_application/header'
+= yield
+= render 'c/main_application/footer'

data/app/views/devise/confirmations/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+  <%= devise_error_messages! %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend confirmation instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/app/views/devise/mailer/confirmation_instructions.html.erb

@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>

data/app/views/devise/mailer/password_change.html.erb

@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>We're contacting you to notify you that your password has been changed.</p>

data/app/views/devise/mailer/reset_password_instructions.html.erb

@@ -0,0 +1,8 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>

data/app/views/devise/mailer/unlock_instructions.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+
+<p>Click the link below to unlock your account:</p>
+
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>

data/app/views/devise/passwords/edit.html.haml

@@ -0,0 +1,26 @@
+#page_wrapper
+  #page
+    .main_column_inner.centered
+      .container_top_bar
+        %h2 Change your password
+      = form_for(resource,
+                as: resource_name,
+                url: password_path(resource_name),
+                html: { method: :put }) do |f|
+        = devise_error_messages!
+        = f.hidden_field :reset_password_token
+        .field
+          = f.label :password, 'New password'
+          %br/
+          - if @minimum_password_length
+            %em
+              (#{@minimum_password_length} characters minimum)
+            %br/
+          = f.password_field :password, autofocus: true, autocomplete: 'off'
+        .field
+          = f.label :password_confirmation, 'Confirm new password'
+          %br/
+          = f.password_field :password_confirmation, autocomplete: 'off'
+        .actions
+          = f.submit 'Change my password'
+      = render 'devise/shared/links'

data/app/views/devise/passwords/new.html.haml

@@ -0,0 +1,14 @@
+.devise-form-page.wrap
+  .wrap.wrap__narrow-ultra
+    %h2 Forgot your password?
+    = form_for(resource,
+              as: resource_name,
+              url: password_path(resource_name),
+              html: { method: :post }) do |f|
+      = devise_error_messages!
+      .field
+        = f.label :email
+        = f.email_field :email, autofocus: true
+      .actions
+        = f.submit 'Send me reset password instructions', class: 'btn'
+    = render 'devise/shared/links'

data/app/views/devise/registrations/edit.html.haml

@@ -0,0 +1,40 @@
+.wrap.wrap--padded.account
+  .wrap.wrap__narrow
+    .gs--m
+      .g-3--m.g-gutter--right
+        = render 'c/main_application/account_menu'
+      .g-9--m
+        .account__content
+          %h2 Edit your details
+          = form_for(resource,
+                    as: resource_name,
+                    url: registration_path(resource_name),
+                    html: { method: :put }) do |f|
+            = devise_error_messages!
+            .field
+              = f.label :email
+              = f.email_field :email, autofocus: true
+            - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+              %div
+                Currently waiting confirmation for:
+                = resource.unconfirmed_email
+            .field
+              = f.label :password
+              %i (leave blank if you don't want to change it)
+              = f.password_field :password, autocomplete: 'off'
+
+            .field
+              = f.label :password_confirmation
+              = f.password_field :password_confirmation, autocomplete: 'off'
+            .field
+              = f.label :current_password
+              = f.password_field :current_password, autocomplete: 'off'
+            .actions
+              = f.submit 'Update', class: 'btn'
+          %h3 Cancel my account
+          %p
+            = button_to 'Cancel my account',
+                        registration_path(resource_name),
+                        data: { confirm: 'Are you sure?' },
+                        method: :delete,
+                        class: 'btn btn--secondary'

data/app/views/devise/registrations/new.html.haml

@@ -0,0 +1,24 @@
+.devise-form-page.wrap
+  .wrap.wrap__narrow-ultra
+    %h2 Sign up
+    = form_for(resource,
+              as: resource_name,
+              url: registration_path(resource_name)) do |f|
+
+      = devise_error_messages!
+      = f.fields_for(:customer, resource.build_customer) do |ff|
+        .field
+          = ff.label :name
+          = ff.text_field :name
+      .field
+        = f.label :email
+        = f.email_field :email, autofocus: true
+      .field
+        = f.label :password
+        = f.password_field :password, autocomplete: 'off'
+      .field
+        = f.label :password_confirmation
+        = f.password_field :password_confirmation, autocomplete: 'off'
+      .actions
+        = f.submit 'Sign up', class: 'btn'
+    = render 'devise/shared/links'

data/app/views/devise/sessions/new.html.haml

@@ -0,0 +1,20 @@
+.devise-form-page.wrap
+  .wrap.wrap__narrow-ultra
+    %h1 Sign in
+    = form_for(resource,
+              as: resource_name,
+              url: session_path(resource_name)) do |f|
+      .field
+        = f.email_field :email, autofocus: true, placeholder: 'me@email.com'
+      .field
+        = f.password_field :password,
+                            autocomplete: 'off',
+                            placeholder: 'password'
+      - if devise_mapping.rememberable?
+        .field
+          = f.label :remember_me do
+            = f.check_box :remember_me
+            %span Remember me on this device
+      .actions
+        = f.submit 'Log in', class: 'btn'
+    = render 'devise/shared/links'

data/app/views/devise/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <%= link_to "Log in", new_session_path(resource_name) %><br />
+<% end -%>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+<% end -%>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
+<% end -%>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
+<% end -%>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+<% end -%>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <%= link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider) %><br />
+  <% end -%>
+<% end -%>

data/app/views/devise/unlocks/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+  <%= devise_error_messages! %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend unlock instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/app/views/layouts/c/application.html.haml

@@ -0,0 +1,18 @@
+!!!
+%html
+  %head
+    %title= store_page_title(yield(:title))
+    = stylesheet_link_tag    'c/application', media: 'all'
+    = javascript_include_tag 'c/application'
+    = csrf_meta_tags
+  %body
+
+    .gs.gs--nowrap
+      = render 'c/admin/side_menu'
+
+      .g-1.main-app
+        = render 'c/admin/header_bar'
+        = render 'navigation_bar'
+        .main-app__content
+          = render 'c/admin/flash_messages'
+          = yield

data/app/views/layouts/c/cms_login_layout.html.haml

@@ -0,0 +1,18 @@
+!!!
+%html
+  %head
+    %title Login
+    = stylesheet_link_tag    'c/application', media: 'all'
+    = javascript_include_tag 'c/application'
+    = csrf_meta_tags
+  %body
+    .cms-signin.gs--m
+      .g-1--m.cms-signin__decor
+        .cms-signin__decor-overlay
+      .g-1--m.cms-signin__form-panel
+        .cms-signin__form
+          .cms-signin__header.wrap.wrap__narrow-ultra
+            .logo.logo--dark.logo--no-container
+            = render 'c/admin/flash_messages'
+          = yield
+          .cms-signin__powered-by

data/app/views/layouts/c/mailer.html.erb

@@ -0,0 +1,245 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
+  <!--[if gte mso 9]><xml>
+    <o:OfficeDocumentSettings>
+      <o:AllowPNG/>
+      <o:PixelsPerInch>96</o:PixelsPerInch>
+    </o:OfficeDocumentSettings>
+  </xml><![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta name="viewport" content="width=device-width">
+  <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
+  <title>Template Base</title>
+
+
+  <style id="media-query">
+    /* Client-specific Styles & Reset */
+    #outlook a {
+      padding: 0;
+    }
+
+    /* .ExternalClass applies to Outlook.com (the artist formerly known as Hotmail) */
+    .ExternalClass {
+      width: 100%;
+    }
+
+    .ExternalClass,
+    .ExternalClass p,
+    .ExternalClass span,
+    .ExternalClass font,
+    .ExternalClass td,
+    .ExternalClass div {
+      line-height: 100%;
+    }
+
+    #backgroundTable {
+      margin: 0;
+      padding: 0;
+      width: 100% !important;
+      line-height: 100% !important;
+    }
+
+    /* Buttons */
+    .button a {
+      display: inline-block;
+      text-decoration: none;
+      -webkit-text-size-adjust: none;
+      text-align: center;
+    }
+
+    .button a div {
+      text-align: center !important;
+    }
+
+    /* Outlook First */
+    body.outlook p {
+      display: inline !important;
+    }
+
+    a[x-apple-data-detectors] {
+      color: inherit !important;
+      text-decoration: none !important;
+      font-size: inherit !important;
+      font-family: inherit !important;
+      font-weight: inherit !important;
+      line-height: inherit !important; }
+
+    /*  Media Queries */
+    @media only screen and (max-width: 500px) {
+      table[class="body"] img {
+        height: auto !important;
+        width: 100% !important; }
+      table[class="body"] img.fullwidth {
+        max-width: 100% !important; }
+      table[class="body"] center {
+        min-width: 0 !important; }
+      table[class="body"] .container {
+        width: 95% !important; }
+      table[class="body"] .row {
+        width: 100% !important;
+        display: block !important; }
+      table[class="body"] .wrapper {
+        display: block !important;
+        padding-right: 0 !important; }
+      table[class="body"] .columns, table[class="body"] .column {
+        table-layout: fixed !important;
+        float: none !important;
+        width: 100% !important;
+        padding-right: 0px !important;
+        padding-left: 0px !important;
+        display: block !important; }
+      table[class="body"] .wrapper.first .columns, table[class="body"] .wrapper.first .column {
+        display: table !important; }
+      table[class="body"] table.columns td, table[class="body"] table.column td, .col {
+        width: 100% !important; }
+      table[class="body"] table.columns td.expander {
+        width: 1px !important; }
+      table[class="body"] .right-text-pad, table[class="body"] .text-pad-right {
+        padding-left: 10px !important; }
+      table[class="body"] .left-text-pad, table[class="body"] .text-pad-left {
+        padding-right: 10px !important; }
+      table[class="body"] .hide-for-small, table[class="body"] .show-for-desktop {
+        display: none !important; }
+      table[class="body"] .show-for-small, table[class="body"] .hide-for-desktop {
+        display: inherit !important; }
+      .mixed-two-up .col {
+        width: 100% !important; } }
+    @media screen and (max-width: 500px) {
+      div[class="col"] {
+        width: 100% !important;
+      }
+    }
+
+    @media screen and (min-width: 501px) {
+      table[class="container"] {
+        width: 500px !important;
+      }
+    }
+  </style>
+</head>
+<body style="width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100% !important;margin: 0;padding: 0;background-color: #FFFFFF">
+<table cellpadding="0" cellspacing="0" width="100%" class="body" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;height: 100%;width: 100%;table-layout: fixed">
+  <tbody><tr style="vertical-align: top">
+    <td class="center" align="center" valign="top" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;background-color: #FFFFFF">
+
+      <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+        <tbody><tr style="vertical-align: top">
+          <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: #292929">
+            <!--[if gte mso 9]>
+            <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
+            <![endif]-->
+            <!--[if (IE)]>
+            <table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
+              <tr>
+                <td>
+            <![endif]-->
+            <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"><tbody><tr style="vertical-align: top"><td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"><table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #000000;background-color: transparent"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"><!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"><tr><![endif]--><!--[if (gte mso 9)|(IE)]><td valign="top" width="500" style="width:500px;"><![endif]--><div class="col num12" style="display: inline-block;vertical-align: top;width: 100%"><table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent"><table cellpadding="0" cellspacing="0" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+              <tbody><tr style="vertical-align: top">
+                <td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px">
+                  <div align="center" style="font-size:12px">
+                    <a href="https://beefree.io" target="_blank">
+                      <img class="center" align="center" border="0" src="<%= C.external_logo_url %>" alt="Image" title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 43px" width="43">
+                    </a>
+
+                  </div>
+                </td>
+              </tr>
+              </tbody></table>
+            </td></tr></tbody></table></div><!--[if (gte mso 9)|(IE)]></td><![endif]--><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td></tr></tbody></table></td></tr></tbody></table>
+            <!--[if mso]>
+            </td></tr></table>
+            <![endif]-->
+            <!--[if (IE)]>
+            </td></tr></table>
+            <![endif]-->
+          </td>
+        </tr>
+        </tbody></table>
+      <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+        <tbody><tr style="vertical-align: top">
+          <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: #EDEDED">
+            <!--[if gte mso 9]>
+            <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
+            <![endif]-->
+            <!--[if (IE)]>
+            <table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
+              <tr>
+                <td>
+            <![endif]-->
+            <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"><tbody><tr style="vertical-align: top"><td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"><table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #000000;background-color: transparent"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"><!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"><tr><![endif]--><!--[if (gte mso 9)|(IE)]><td valign="top" width="500" style="width:500px;"><![endif]--><div class="col num12" style="display: inline-block;vertical-align: top;width: 100%"><table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent"><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+              <tbody><tr style="vertical-align: top">
+                <td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px">
+                  <div style="height: 10px;">
+                    <table align="center" border="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;border-top: 10px solid transparent;width: 100%"><tbody><tr style="vertical-align: top"><td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"></td></tr></tbody></table>
+                  </div>
+                </td>
+              </tr>
+              </tbody></table>
+              <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+                <tbody><tr style="vertical-align: top">
+                  <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 30px;padding-right: 0px;padding-bottom: 30px;padding-left: 0px">
+                    <div style="color:#3D3D3D;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;">
+                      <div style="font-size:14px;line-height:14px;color:#3D3D3D;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"><p style="margin: 0;font-size: 12px;line-height: 14px;text-align: left"><strong><span style="font-size: 18px; line-height: 21px;">
+                        <%= @title %>
+                      </span></strong></p><p style="margin: 0;font-size: 12px;line-height: 14px;text-align: center">&nbsp;<br></p><p style="margin: 0;font-size: 12px;line-height: 14px">&nbsp;<br></p>
+                        <p style="margin: 0;font-size: 14px;line-height: 16px">
+                          <%= yield %>
+                        </p>
+                      </div>
+                  </td>
+                </tr>
+                </tbody></table>
+              <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+                <tbody><tr style="vertical-align: top">
+                  <td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px">
+                    <div style="height: 10px;">
+                      <table align="center" border="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;border-top: 10px solid transparent;width: 100%"><tbody><tr style="vertical-align: top"><td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"></td></tr></tbody></table>
+                    </div>
+                  </td>
+                </tr>
+                </tbody></table>
+            </td></tr></tbody></table></div><!--[if (gte mso 9)|(IE)]></td><![endif]--><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td></tr></tbody></table></td></tr></tbody></table>
+            <!--[if mso]>
+            </td></tr></table>
+            <![endif]-->
+            <!--[if (IE)]>
+            </td></tr></table>
+            <![endif]-->
+          </td>
+        </tr>
+        </tbody></table>
+      <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+        <tbody><tr style="vertical-align: top">
+          <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: <%= C.primary_color %>">
+            <!--[if gte mso 9]>
+            <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
+            <![endif]-->
+            <!--[if (IE)]>
+            <table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
+              <tr>
+                <td>
+            <![endif]-->
+            <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"><tbody><tr style="vertical-align: top"><td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"><table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #333;background-color: transparent"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"><!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"><tr><![endif]--><!--[if (gte mso 9)|(IE)]><td valign="top" width="500" style="width:500px;"><![endif]--><div class="col num12" style="display: inline-block;vertical-align: top;width: 100%"><table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"><tbody><tr style="vertical-align: top"><td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 30px;padding-right: 0px;padding-bottom: 30px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent"><table cellpadding="0" cellspacing="0" width="100%" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
+              <tbody><tr style="vertical-align: top">
+                <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px">
+                  <div style="color:#B8B8C0;line-height:150%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;">
+                    <div style="font-size:12px;line-height:18px;color:rgba(255,255,255,0.7);font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"><p style="margin: 0;font-size: 14px;line-height: 21px;text-align: center"><span style="font-size: 14px; line-height: 21px;">© <%= C.store_name %> <%= Time.zone.now.year %></span></p></div>
+                  </div>
+                </td>
+              </tr>
+              </tbody></table>
+            </td></tr></tbody></table></div><!--[if (gte mso 9)|(IE)]></td><![endif]--><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td></tr></tbody></table></td></tr></tbody></table>
+            <!--[if mso]>
+            </td></tr></table>
+            <![endif]-->
+            <!--[if (IE)]>
+            </td></tr></table>
+            <![endif]-->
+          </td>
+        </tr>
+        </tbody></table>
+    </td>
+  </tr>
+  </tbody></table>
+
+
+</body></html>

data/app/views/layouts/c/mailer.text.erb

@@ -0,0 +1,3 @@
+<%= @title %>
+
+<%= yield %>

data/app/views/layouts/c/main_application.html.haml

@@ -0,0 +1,13 @@
+!!!
+%html
+  %head
+    = meta_tags
+    = stylesheet_link_tag    'application', media: 'all'
+    = javascript_include_tag 'application'
+    = csrf_meta_tags
+    %meta{ content: 'width=device-width, initial-scale=1', name: 'viewport' }
+    %link{ href: '/fav.png', rel: 'shortcut icon', type: 'image/png' }
+    = render 'c/main_application/front_head_tags'
+  %body{ class: "#{controller_name} #{action_name}" }
+    = render 'c/main_application/application_bar'
+    = render 'c/main_application/yield'

data/config/initializers/carrierwave.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+CarrierWave.configure do |config|
+  if Rails.env.production?
+    config.fog_provider = 'fog/aws'
+    config.fog_credentials = {
+      provider: 'AWS',
+      aws_access_key_id: ENV['S3_ACCESS_KEY'],
+      aws_secret_access_key: ENV['S3_SECRET_KEY'],
+      region: 'eu-west-1'
+    }
+    config.fog_directory = ENV['S3_BUCKET']
+    config.cache_dir = Rails.root.join('tmp', 'uploads')
+    config.fog_attributes = { 'Cache-Control': 'max-age=315576000' } # optional, defaults to {}
+    config.storage :fog
+  else
+    config.storage :file
+  end
+end