forever_style_guide 3.2.18 → 3.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/forever_style_guide/forever-logo-small.svg +1 -0
- data/app/assets/images/forever_style_guide/forever-logo.svg +1 -0
- data/app/assets/stylesheets/forever_style_guide/base/_typography.scss +6 -0
- data/app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss +3 -1
- data/app/assets/stylesheets/forever_style_guide/globals/_variables.scss +2 -1
- data/app/assets/stylesheets/forever_style_guide/modules/_all.scss +4 -8
- data/app/assets/stylesheets/forever_style_guide/modules/_ambassador_banner.scss +173 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_footer.scss +104 -36
- data/app/assets/stylesheets/forever_style_guide/modules/_impersonation_banner.scss +22 -13
- data/app/assets/stylesheets/forever_style_guide/modules/_mars_manifest.scss +4 -8
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-account_dropdown.scss +193 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss +39 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-fixed.scss +0 -1
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-icons.scss +0 -8
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-mobile-menu.scss +111 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_nav.scss +266 -118
- data/app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss +16 -0
- data/app/helpers/forever_style_guide/application_helper.rb +2 -28
- data/lib/forever_style_guide/version.rb +1 -1
- metadata +8 -22
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-account.scss +0 -60
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-ambassador.scss +0 -107
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-help.scss +0 -21
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns.scss +0 -208
- data/app/assets/stylesheets/forever_style_guide/modules/_shame.scss +0 -32
- data/app/views/forever_style_guide/sections/components/footer/_footer.erb +0 -78
- data/app/views/forever_style_guide/sections/components/navigation/_impersonation_banner.erb +0 -10
- data/app/views/forever_style_guide/sections/components/navigation/_nav.erb +0 -73
- data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown.erb +0 -24
- data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown_menu.erb +0 -86
- data/app/views/forever_style_guide/sections/components/navigation/_nav_account_signed_out_mobile.erb +0 -6
- data/app/views/forever_style_guide/sections/components/navigation/_nav_ambassador_dropdown.erb +0 -112
- data/app/views/forever_style_guide/sections/components/navigation/_nav_cart_icon.erb +0 -4
- data/app/views/forever_style_guide/sections/components/navigation/_nav_community_dropdown.erb +0 -99
- data/app/views/forever_style_guide/sections/components/navigation/_nav_deals.erb +0 -3
- data/app/views/forever_style_guide/sections/components/navigation/_nav_help.erb +0 -10
- data/app/views/forever_style_guide/sections/components/navigation/_nav_help_dropdown_menu.erb +0 -33
- data/app/views/forever_style_guide/sections/components/navigation/_nav_inspiration.erb +0 -3
- data/app/views/forever_style_guide/sections/components/navigation/_nav_my_forever_dropdown.erb +0 -130
- data/app/views/forever_style_guide/sections/components/navigation/_nav_products_dropdown.erb +0 -143
data/app/views/forever_style_guide/sections/components/navigation/_nav_ambassador_dropdown.erb
DELETED
@@ -1,112 +0,0 @@
|
|
1
|
-
<li class='dropdown dropdown-full_width dropdown-ambassador'>
|
2
|
-
<%= link_to nil, class: 'dropdown-toggle dropdown-toggle-ambassador', :data => { :toggle => 'dropdown' } do %>
|
3
|
-
<div class="dropdown-ambassador-text_container">
|
4
|
-
<p class="dropdown-ambassador-intro_text">
|
5
|
-
<%= has_ambassador? ? 'Your Ambassador' : 'Discover' %>
|
6
|
-
</p>
|
7
|
-
<div class="dropdown-ambassador-primary_text">
|
8
|
-
<%= has_ambassador? ? current_ambassador.name : 'Ambassadors' %>
|
9
|
-
</div>
|
10
|
-
</div>
|
11
|
-
<i class='fa fa-chevron-down'></i>
|
12
|
-
<% end %>
|
13
|
-
|
14
|
-
<div class='dropdown-menu dropdown-menu-nav color_block-gray-700'>
|
15
|
-
<div class='container dropdown-menu-nav-container dropdown-ambassador-container'>
|
16
|
-
<div class='row'>
|
17
|
-
|
18
|
-
<div class='col-grid-float-6 col-grid-float-push-6 l-padded-thin'>
|
19
|
-
<h3 class='dropdown-menu-nav-title page-title color-ambassador-light'>Your Ambassador</h3>
|
20
|
-
|
21
|
-
<% if has_ambassador? %>
|
22
|
-
|
23
|
-
<%= link_to 'Manage Ambassador', current_user ? ambassador_settings_url : find_ambassador_url, title: 'Manage Your Forever Ambassador', class: 'pull-right-grid-float-breakpoint dropdown-ambassador-edit_btn' %>
|
24
|
-
<div class='dropdown-menu-account-divider'></div>
|
25
|
-
|
26
|
-
<div>
|
27
|
-
<% if current_ambassador.avatar_url_small %>
|
28
|
-
<%= image_tag current_ambassador.avatar_url_small, class: "dropdown-menu-account-avatar avatar avatar-sm pull-left", alt: current_ambassador.name, title: current_ambassador.name %>
|
29
|
-
<% else %>
|
30
|
-
<%= image_tag "forever_style_guide/default_avatar.jpg", class: "dropdown-menu-account-avatar avatar avatar-sm pull-left", alt: current_ambassador.name, title: current_ambassador.name %>
|
31
|
-
<% end %>
|
32
|
-
</div>
|
33
|
-
|
34
|
-
<div class="dropdown-ambassador-basic_info">
|
35
|
-
<h4 class="color-ambassador-light dropdown-ambassador-name"><%= current_ambassador.name %></h4>
|
36
|
-
<p class="color-gray-300 page-title dropdown-ambassador-rank"><%= current_ambassador.achieved_rank %></p>
|
37
|
-
<p class="color-gray-300 page-title dropdown-ambassador-city"><%= current_ambassador.ambassador_address.city %>, <%= current_ambassador.ambassador_address.region %></p>
|
38
|
-
</div>
|
39
|
-
|
40
|
-
<div class='dropdown-menu-account-divider'></div>
|
41
|
-
|
42
|
-
<div class="row">
|
43
|
-
<% if current_ambassador.email %>
|
44
|
-
<div class="col-grid-float-6">
|
45
|
-
<%= mail_to current_ambassador.email, title: current_ambassador.email, class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn' do %>
|
46
|
-
<i class="fa fa-fw fa-envelope btn-action-icon"></i><span class="btn-action-label"><%= current_ambassador.email %></span>
|
47
|
-
<% end %>
|
48
|
-
</div>
|
49
|
-
<% end %>
|
50
|
-
|
51
|
-
<% if current_ambassador.phone.present? %>
|
52
|
-
<div class="col-grid-float-6">
|
53
|
-
<%= link_to ('tel:+' + number_to_phone(current_ambassador.phone)), title: 'Call ' + current_ambassador.name, class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn' do %>
|
54
|
-
<i class="fa fa-fw fa-phone btn-action-icon"></i><span class="btn-action-label"><%= number_to_phone(current_ambassador.phone) %></span>
|
55
|
-
<% end %>
|
56
|
-
</div>
|
57
|
-
<% end %>
|
58
|
-
|
59
|
-
<% if current_ambassador.website.present? %>
|
60
|
-
<div class="col-grid-float-6">
|
61
|
-
<%= link_to absolute_url(current_ambassador.website), title: absolute_url(current_ambassador.website), class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn', target: '_blank' do %>
|
62
|
-
<i class="fa fa-fw fa-link btn-action-icon"></i><span class="btn-action-label">My Website</span>
|
63
|
-
<% end %>
|
64
|
-
</div>
|
65
|
-
<% end %>
|
66
|
-
|
67
|
-
<% if current_ambassador.facebook_url.present? %>
|
68
|
-
<div class="col-grid-float-6">
|
69
|
-
<%= link_to absolute_url(current_ambassador.facebook_url), title: absolute_url(current_ambassador.facebook_url), class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn', target: '_blank' do %>
|
70
|
-
<i class="fa fa-fw fa-facebook btn-action-icon"></i><span class="btn-action-label">My Facebook Page</span>
|
71
|
-
<% end %>
|
72
|
-
</div>
|
73
|
-
<% end %>
|
74
|
-
|
75
|
-
<% if current_ambassador.twitter_handle.present? %>
|
76
|
-
<div class="col-grid-float-6">
|
77
|
-
<%= link_to absolute_url(current_ambassador.twitter_handle), title: absolute_url(current_ambassador.twitter_handle), class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn', target: '_blank' do %>
|
78
|
-
<i class="fa fa-fw fa-twitter btn-action-icon"></i><span class="btn-action-label">Follow me on Twitter</span>
|
79
|
-
<% end %>
|
80
|
-
</div>
|
81
|
-
<% end %>
|
82
|
-
|
83
|
-
<% if current_ambassador.instagram_url.present? %>
|
84
|
-
<div class="col-grid-float-6">
|
85
|
-
<%= link_to absolute_url(current_ambassador.instagram_url), title: absolute_url(current_ambassador.instagram_url), class: 'btn btn-default btn-link btn-action dropdown-ambassador-contact_btn', target: '_blank' do %>
|
86
|
-
<i class="fa fa-fw fa-instagram btn-action-icon"></i><span class="btn-action-label">Follow me on Instagram</span>
|
87
|
-
<% end %>
|
88
|
-
</div>
|
89
|
-
<% end %>
|
90
|
-
</div>
|
91
|
-
|
92
|
-
<% else %>
|
93
|
-
|
94
|
-
<div class='dropdown-menu-account-divider'></div>
|
95
|
-
<p class="dropdown-menu-nav-description">Ambassadors provide <strong><u>free</u></strong> training, product consultations, and advance knowledge of sales and new products!</p>
|
96
|
-
<%= link_to find_ambassador_url, class: 'btn btn-ambassador btn-inverse btn-lg l-section-close', title: 'Get Free Training and Support from Certified Ambassadors' do %>
|
97
|
-
Find <span class="hidden-xs">a Local</span><span class="hidden-sm hidden-md hidden-lg">an</span> Ambassador
|
98
|
-
<% end %>
|
99
|
-
|
100
|
-
<% end %>
|
101
|
-
</div>
|
102
|
-
|
103
|
-
<div class='col-grid-float-6 l-padded-thin'>
|
104
|
-
<h3 class='dropdown-menu-nav-title page-title color-ambassador-light'>Join our team!</h3>
|
105
|
-
<div class='dropdown-menu-account-divider'></div>
|
106
|
-
<p class="dropdown-menu-nav-description">To reach the Forever vision, we need brand ambassadors who love helping people capture and share their life's stories.</p>
|
107
|
-
<%= link_to 'Learn More', opportunity_url, class: 'btn btn-ambassador btn-inverse btn-lg l-section-close', title: 'Make Money Helping People Save & Print their Photos' %>
|
108
|
-
</div>
|
109
|
-
</div>
|
110
|
-
</div>
|
111
|
-
</div>
|
112
|
-
</li>
|
@@ -1,4 +0,0 @@
|
|
1
|
-
<%= link_to cart_url, class: "cart-icon #{'with-count' if has_item_in_cart?}", title:'View Your Shopping Cart', id: 'mini-cart' do %>
|
2
|
-
<span class="color-white color_block-primary cart-icon-count <%= 'hidden' unless has_item_in_cart? %>"><%= defined?(current_order) ? current_order.product_count : 0 %></span>
|
3
|
-
<i class='fa fa-2x fa-shopping-cart'></i>
|
4
|
-
<% end %>
|
data/app/views/forever_style_guide/sections/components/navigation/_nav_community_dropdown.erb
DELETED
@@ -1,99 +0,0 @@
|
|
1
|
-
<%= link_to nil, class: "dropdown-toggle dropdown-toggle-community #{'active' if is_in_community_dropdown?}", :data => { :toggle => 'dropdown' } do %>
|
2
|
-
Community
|
3
|
-
<i class='fa fa-chevron-down'></i>
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<div class='dropdown-menu dropdown-menu-nav color_block-gray-700'>
|
7
|
-
<div class='container dropdown-menu-nav-container'>
|
8
|
-
<div class='row'>
|
9
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
10
|
-
<h3 class='dropdown-menu-nav-title page-title color-primary'>Customer Support</h3>
|
11
|
-
|
12
|
-
<ul class="list-unstyled">
|
13
|
-
<li>
|
14
|
-
<%= link_to 'Help Center', help_center_url, class: 'dropdown-menu-nav-link', title: 'Forever Help Center', target: '_blank' %>
|
15
|
-
</li>
|
16
|
-
|
17
|
-
<li>
|
18
|
-
<%= link_to 'Web & Mobile App FAQ', web_faq_url, class: 'dropdown-menu-nav-link', title: 'Forever Artisan Frequently Asked Questions', target: '_blank' %>
|
19
|
-
</li>
|
20
|
-
|
21
|
-
<li>
|
22
|
-
<%= link_to "#{trademark('Artisan')} FAQ", artisan_faq_url, class: 'dropdown-menu-nav-link', title: 'Forever Artisan Frequently Asked Questions', target: '_blank' %>
|
23
|
-
</li>
|
24
|
-
|
25
|
-
<li>
|
26
|
-
<%= link_to "#{trademark('Historian')} FAQ", historian_faq_url, class: 'dropdown-menu-nav-link', title: 'Forever Historian Frequently Asked Questions', target: '_blank' %>
|
27
|
-
</li>
|
28
|
-
|
29
|
-
<li>
|
30
|
-
<%= link_to 'Customer Commitments', customer_commitments_url, class: 'dropdown-menu-nav-link', title: 'Forever Customer Commitments' %>
|
31
|
-
</li>
|
32
|
-
|
33
|
-
<li>
|
34
|
-
<%= link_to 'Contact Us', contact_us_url, class: 'dropdown-menu-nav-link', title: 'Contact Us', target: '_blank' %>
|
35
|
-
</li>
|
36
|
-
</ul>
|
37
|
-
</div>
|
38
|
-
|
39
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
40
|
-
<h3 class='dropdown-menu-nav-title page-title color-ambassador-light'>Ambassadors</h3>
|
41
|
-
|
42
|
-
<ul class="list-unstyled">
|
43
|
-
<li>
|
44
|
-
<%= link_to 'Become an Ambassador', opportunity_url, class: 'dropdown-menu-nav-link', title: 'Make Money Helping People Save & Print their Photos' %>
|
45
|
-
</li>
|
46
|
-
|
47
|
-
<li>
|
48
|
-
<%= link_to 'Find an Ambassador', find_ambassador_url, class: 'dropdown-menu-nav-link', title: 'Get Free Training and Support from Certified Ambassadors' %>
|
49
|
-
</li>
|
50
|
-
|
51
|
-
<li class="hide">
|
52
|
-
<%= link_to 'Ambassador Direct', ambassador_direct_url, class: 'dropdown-menu-nav-link', title: 'Make Money as a Forever Business Partner' %>
|
53
|
-
</li>
|
54
|
-
</ul>
|
55
|
-
</div>
|
56
|
-
|
57
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
58
|
-
<h3 class='dropdown-menu-nav-title page-title color-secondary'>Events</h3>
|
59
|
-
|
60
|
-
<ul class="list-unstyled">
|
61
|
-
<li>
|
62
|
-
<%= link_to trademark('Forever Live!'), forever_live_url, class: 'dropdown-menu-nav-link', title: 'Scrapbooking and Memory Keeping Conference', target: '_blank' %>
|
63
|
-
</li>
|
64
|
-
|
65
|
-
<li>
|
66
|
-
<%= link_to trademark('Forever Retreats'), retreats_url, class: 'dropdown-menu-nav-link', title: 'Creative Weekend Events for Scrapbooking and Memory Keeping' %>
|
67
|
-
</li>
|
68
|
-
</ul>
|
69
|
-
</div>
|
70
|
-
|
71
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
72
|
-
<h3 class='dropdown-menu-nav-title page-title color-services'>Connect</h3>
|
73
|
-
|
74
|
-
<ul class="list-unstyled">
|
75
|
-
<li>
|
76
|
-
<%= link_to 'Facebook', facebook_url, target: '_blank', class: 'dropdown-menu-nav-link', title: 'Follow us on Facebook' %>
|
77
|
-
</li>
|
78
|
-
|
79
|
-
<li>
|
80
|
-
<%= link_to 'Twitter', twitter_url, target: '_blank', class: 'dropdown-menu-nav-link', title: 'Follow us on Twitter' %>
|
81
|
-
</li>
|
82
|
-
|
83
|
-
<li>
|
84
|
-
<%= link_to 'Instagram', instagram_url, target: '_blank', class: 'dropdown-menu-nav-link', title: 'Follow us on Instagram' %>
|
85
|
-
</li>
|
86
|
-
|
87
|
-
<li>
|
88
|
-
<%= link_to 'Blog', blog_url, class: 'dropdown-menu-nav-link', title: 'Learn more at the Forever Blog' %>
|
89
|
-
</li>
|
90
|
-
|
91
|
-
<li>
|
92
|
-
<%= link_to 'Press', press_url, class: 'dropdown-menu-nav-link', title: 'View Press Releases and News Stories' %>
|
93
|
-
</li>
|
94
|
-
</ul>
|
95
|
-
</div>
|
96
|
-
|
97
|
-
</div>
|
98
|
-
</div>
|
99
|
-
</div>
|
@@ -1,10 +0,0 @@
|
|
1
|
-
<li class='dropdown'>
|
2
|
-
<%= link_to nil, class: 'dropdown-toggle dropdown-toggle-help', :data => { :toggle => 'dropdown' } do %>
|
3
|
-
Help
|
4
|
-
<i class='fa fa-chevron-down'></i>
|
5
|
-
<% end %>
|
6
|
-
|
7
|
-
<div class='dropdown-menu dropdown-menu-nav dropdown-menu-help color_block-gray-700'>
|
8
|
-
<%= render partial: "forever_style_guide/sections/components/navigation/nav_help_dropdown_menu" %>
|
9
|
-
</div>
|
10
|
-
</li>
|
data/app/views/forever_style_guide/sections/components/navigation/_nav_help_dropdown_menu.erb
DELETED
@@ -1,33 +0,0 @@
|
|
1
|
-
<div class='container-fluid nav-dropdown-help'>
|
2
|
-
<div class='row'>
|
3
|
-
<div class='col-xs-12'>
|
4
|
-
|
5
|
-
<h3 class="dropdown-menu-nav-title page-title color-primary">Contact Support</h3>
|
6
|
-
<ul class="list-unstyled">
|
7
|
-
|
8
|
-
<li class="dropdown-menu-account-item l-section-close">
|
9
|
-
<%= link_to "tel:1-888-367-3837", class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'Call Customer Support' do %>
|
10
|
-
<i class='fa fa-phone fa-fw'></i><span class="nav-help-section-title">Call 1-888-FOREVER</span> <span class="icon-offset">(1-888-367-3837)</span>
|
11
|
-
<% end %>
|
12
|
-
</li>
|
13
|
-
|
14
|
-
<li class="dropdown-menu-account-divider dropdown-menu-account-divider-thin hidden-grid-float-breakpoint"></li>
|
15
|
-
|
16
|
-
<li class="dropdown-menu-account-item l-section-close">
|
17
|
-
<%= link_to "mailto:support@forever.com", class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'Email Customer Support' do %>
|
18
|
-
<i class='fa fa-envelope fa-fw'></i><span class="nav-help-section-title">Email</span> <span class="icon-offset">support@forever.com</span>
|
19
|
-
<% end %>
|
20
|
-
</li>
|
21
|
-
|
22
|
-
<li class="dropdown-menu-account-divider dropdown-menu-account-divider-thin hidden-grid-float-breakpoint"></li>
|
23
|
-
|
24
|
-
<li class="dropdown-menu-account-item l-section-close">
|
25
|
-
<%= link_to help_center_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'Search the Forever Help Center', target: '_blank' do %>
|
26
|
-
<i class='fa fa-search fa-fw'></i><span class="nav-help-section-title">Search</span> <span class="icon-offset"><%= trademark('Forever') %> Help Center</span>
|
27
|
-
<% end %>
|
28
|
-
</li>
|
29
|
-
|
30
|
-
</ul>
|
31
|
-
</div>
|
32
|
-
</div>
|
33
|
-
</div>
|
data/app/views/forever_style_guide/sections/components/navigation/_nav_my_forever_dropdown.erb
DELETED
@@ -1,130 +0,0 @@
|
|
1
|
-
<%= link_to nil, class: "dropdown-toggle dropdown-toggle-my_forever products #{'active' if is_in_my_forever_dropdown?}", :data => { :toggle => 'dropdown' } do %>
|
2
|
-
My Forever
|
3
|
-
<i class='fa fa-chevron-down'></i>
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<div class='dropdown-menu dropdown-menu-nav color_block-gray-700'>
|
7
|
-
<div class='container dropdown-menu-nav-container'>
|
8
|
-
<div class='row'>
|
9
|
-
|
10
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
11
|
-
<h3 class='dropdown-menu-nav-title page-title color-primary'>My Forever App</h3>
|
12
|
-
|
13
|
-
<ul class="list-unstyled">
|
14
|
-
<% if defined?(current_user) && current_user.present? %>
|
15
|
-
|
16
|
-
<li>
|
17
|
-
<%= link_to 'Library', library_url, class: 'dropdown-menu-nav-link', title: 'Organize Photos in Your Forever Library' %>
|
18
|
-
</li>
|
19
|
-
|
20
|
-
<li>
|
21
|
-
<%= link_to 'Albums', albums_url, class: 'dropdown-menu-nav-link', title: 'Share Albums with Friends' %>
|
22
|
-
</li>
|
23
|
-
|
24
|
-
<li>
|
25
|
-
<%= link_to 'Tags', tags_url, class: 'dropdown-menu-nav-link', title: 'Tag Photos of Friends and Places' %>
|
26
|
-
</li>
|
27
|
-
|
28
|
-
<li>
|
29
|
-
<%= link_to 'Print Projects', projects_url, class: 'dropdown-menu-nav-link', title: 'Create Print Projects' %>
|
30
|
-
</li>
|
31
|
-
|
32
|
-
<li>
|
33
|
-
<%= link_to 'Friends & Family', people_url, class: 'dropdown-menu-nav-link', title: 'Share Photos with Friends and Family' %>
|
34
|
-
</li>
|
35
|
-
|
36
|
-
<li>
|
37
|
-
<%= link_to 'Profile', profile_url, class: 'dropdown-menu-nav-link', title: 'View Your Profile' %>
|
38
|
-
</li>
|
39
|
-
|
40
|
-
<% else %>
|
41
|
-
|
42
|
-
<li>
|
43
|
-
<%= link_to login_url, class: 'dropdown-menu-nav-link', title: 'Log in to your Forever account' do %>
|
44
|
-
<i class='fa fa-user'></i>Log In
|
45
|
-
<% end %>
|
46
|
-
</li>
|
47
|
-
|
48
|
-
<li>
|
49
|
-
<%= link_to sign_up_url, class: 'dropdown-menu-nav-link', title: 'Sign up for Forever' do %>
|
50
|
-
<i class='fa fa-user-plus'></i>Sign Up Free!
|
51
|
-
<% end %>
|
52
|
-
</li>
|
53
|
-
|
54
|
-
<% end %>
|
55
|
-
</ul>
|
56
|
-
</div>
|
57
|
-
|
58
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
59
|
-
<h3 class='dropdown-menu-nav-title page-title color-secondary'>About</h3>
|
60
|
-
|
61
|
-
<ul class="list-unstyled">
|
62
|
-
<li>
|
63
|
-
<%= link_to "The #{trademark('Forever Guarantee')}", guarantee_url, class: 'dropdown-menu-nav-link', title: 'Forever Guarantee' %>
|
64
|
-
</li>
|
65
|
-
|
66
|
-
<li>
|
67
|
-
<%= link_to 'About Us', about_url, class: 'dropdown-menu-nav-link', title: 'About Forever' %>
|
68
|
-
</li>
|
69
|
-
|
70
|
-
<li>
|
71
|
-
<%= link_to 'Our Team', team_url, class: 'dropdown-menu-nav-link', title: 'Meet the Forever Team' %>
|
72
|
-
</li>
|
73
|
-
|
74
|
-
<li>
|
75
|
-
<%= link_to 'Our Beliefs', beliefs_url, class: 'dropdown-menu-nav-link', title: 'Forever Beliefs and Values' %>
|
76
|
-
</li>
|
77
|
-
</ul>
|
78
|
-
</div>
|
79
|
-
|
80
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
81
|
-
<h3 class='dropdown-menu-nav-title page-title color-services'>Get Started</h3>
|
82
|
-
|
83
|
-
<ul class="list-unstyled">
|
84
|
-
<li>
|
85
|
-
<%= link_to zendesk_overview_video_url, class: 'dropdown-menu-nav-link', title: 'View the Forever Overview Video', target: '_blank' do %>
|
86
|
-
<i class='fa fa-video-camera'></i>Forever Overview
|
87
|
-
<% end %>
|
88
|
-
</li>
|
89
|
-
|
90
|
-
<li>
|
91
|
-
<%= link_to zendesk_uploading_video_url, class: 'dropdown-menu-nav-link', title: 'View the Uploading Photos Tutorial Video', target: '_blank' do %>
|
92
|
-
<i class='fa fa-video-camera'></i>Uploading Photos
|
93
|
-
<% end %>
|
94
|
-
</li>
|
95
|
-
|
96
|
-
<li>
|
97
|
-
<%= link_to zendesk_sharing_video_url, class: 'dropdown-menu-nav-link', title: 'View the Sharing Photos Tutorial Video', target: '_blank' do %>
|
98
|
-
<i class='fa fa-video-camera'></i>Sharing
|
99
|
-
<% end %>
|
100
|
-
</li>
|
101
|
-
|
102
|
-
</ul>
|
103
|
-
</div>
|
104
|
-
|
105
|
-
<div class='col-grid-float-3 l-padded-thin dropdown-menu-nav-extra_column'>
|
106
|
-
<div class="hidden-grid-float-breakpoint dropdown-menu-nav-spacer"></div>
|
107
|
-
<ul class="list-unstyled">
|
108
|
-
<li>
|
109
|
-
<%= link_to zendesk_albums_video_url, class: 'dropdown-menu-nav-link', title: 'Organizing Photos with Albums in Forever - Video Tutorial', target: '_blank' do %>
|
110
|
-
<i class='fa fa-video-camera'></i>Albums
|
111
|
-
<% end %>
|
112
|
-
</li>
|
113
|
-
|
114
|
-
<li>
|
115
|
-
<%= link_to zendesk_tags_video_url, class: 'dropdown-menu-nav-link', title: 'Organizing Photos with Tags in Forever - Video Tutorial', target: '_blank' do %>
|
116
|
-
<i class='fa fa-video-camera'></i>Tags
|
117
|
-
<% end %>
|
118
|
-
</li>
|
119
|
-
|
120
|
-
<li>
|
121
|
-
<%= link_to zendesk_projects_video_url, class: 'dropdown-menu-nav-link', title: "Creating Photo Books with #{trademark('Forever Print')} - Video Tutorial", target: '_blank' do %>
|
122
|
-
<i class='fa fa-video-camera'></i>Print Projects
|
123
|
-
<% end %>
|
124
|
-
</li>
|
125
|
-
</ul>
|
126
|
-
</div>
|
127
|
-
|
128
|
-
</div>
|
129
|
-
</div>
|
130
|
-
</div>
|
data/app/views/forever_style_guide/sections/components/navigation/_nav_products_dropdown.erb
DELETED
@@ -1,143 +0,0 @@
|
|
1
|
-
<%= link_to nil, class: "dropdown-toggle dropdown-toggle-products #{'active' if is_in_product_dropdown?}", :data => { :toggle => 'dropdown' } do %>
|
2
|
-
Products
|
3
|
-
<i class='fa fa-chevron-down'></i>
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<div class='dropdown-menu dropdown-menu-nav color_block-gray-700'>
|
7
|
-
<div class='container dropdown-menu-nav-container'>
|
8
|
-
<div class='row'>
|
9
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
10
|
-
<h3 class='dropdown-menu-nav-title page-title color-primary'>Media Management</h3>
|
11
|
-
|
12
|
-
<ul class="list-unstyled">
|
13
|
-
<li>
|
14
|
-
<%= link_to storage_url, class: 'dropdown-menu-nav-link', title: 'Guaranteed Permanent Storage for Photos & Documents' do %>
|
15
|
-
<%= trademark("Forever Storage") %>
|
16
|
-
<% end %>
|
17
|
-
<small class="dropdown-menu-nav-link-subhead">View Pricing, Benefits and Features</small>
|
18
|
-
</li>
|
19
|
-
|
20
|
-
<li>
|
21
|
-
<%= link_to services_url, class: 'dropdown-menu-nav-link', title: 'Digitization and Scanning Services' do %>
|
22
|
-
<span class='hidden-md'>Media </span>Conversion Services
|
23
|
-
<% end %>
|
24
|
-
<small class="dropdown-menu-nav-link-subhead">Scanning and Digitization</small>
|
25
|
-
</li>
|
26
|
-
|
27
|
-
<li>
|
28
|
-
<%= link_to trademark('Forever Historian'), historian_url, class: 'dropdown-menu-nav-link', title: 'Photo Management Software for Windows' %>
|
29
|
-
<small class="dropdown-menu-nav-link-subhead">Windows Photo Software</small>
|
30
|
-
</li>
|
31
|
-
|
32
|
-
<li>
|
33
|
-
<%= link_to 'Mobile Apps', mobile_url, class: 'dropdown-menu-nav-link', title: 'Download Forever Mobile Apps' %>
|
34
|
-
<small class="dropdown-menu-nav-link-subhead">for iOS and Android</small>
|
35
|
-
</li>
|
36
|
-
</ul>
|
37
|
-
</div>
|
38
|
-
|
39
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
40
|
-
<h3 class='dropdown-menu-nav-title page-title color-services'>Design & Printing</h3>
|
41
|
-
|
42
|
-
<ul class="list-unstyled">
|
43
|
-
|
44
|
-
<li>
|
45
|
-
<%= link_to trademark('Forever Print'), forever_print_url, class: 'dropdown-menu-nav-link', title: 'Create Premium Photo Books in No Time' %>
|
46
|
-
<sup class='color-warning font-size-000 font-face-bold'>NEW</sup>
|
47
|
-
<small class="dropdown-menu-nav-link-subhead">Online Photo Books</small>
|
48
|
-
|
49
|
-
<ul class="list-unstyled dropdown-menu-nav-bullets">
|
50
|
-
<li>
|
51
|
-
<%= link_to '- Featured Photo Books', featured_photo_books_library_url, class: 'dropdown-menu-nav-link', title: 'Browse Featured Photo Books' %>
|
52
|
-
</li>
|
53
|
-
|
54
|
-
<li>
|
55
|
-
<%= link_to '- Browse All', forever_print_library_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'Browse All Photo Books' %>
|
56
|
-
</li>
|
57
|
-
</ul>
|
58
|
-
</li>
|
59
|
-
|
60
|
-
<li>
|
61
|
-
<%= link_to trademark('Forever Artisan'), artisan_url, class: 'dropdown-menu-nav-link', title: 'Forever Artisan 5 Digital Scrapbooking Software' %>
|
62
|
-
<small class="dropdown-menu-nav-link-subhead">Windows Scrapbooking Software</small>
|
63
|
-
</li>
|
64
|
-
|
65
|
-
<ul class="list-unstyled dropdown-menu-nav-bullets">
|
66
|
-
<li>
|
67
|
-
<%= link_to '- Photo Books, Cards, Calendars, & More', artisan_print_url, class: 'dropdown-menu-nav-link', title: 'Artisan Photo Books, Cards, Calendars, & More' %>
|
68
|
-
</li>
|
69
|
-
</ul>
|
70
|
-
|
71
|
-
</ul>
|
72
|
-
</div>
|
73
|
-
|
74
|
-
<div class='col-grid-float-3 l-padded-thin dropdown-menu-nav-extra_column'>
|
75
|
-
<div class="hidden-grid-float-breakpoint dropdown-menu-nav-spacer"></div>
|
76
|
-
<ul class="list-unstyled">
|
77
|
-
<li>
|
78
|
-
<%= link_to 'Digital Art', digital_art_url, class: 'dropdown-menu-nav-link', title: 'Premium Digital Scrapbooking Art' %>
|
79
|
-
<small class="dropdown-menu-nav-link-subhead">Art Kits and Templates for Artisan</small>
|
80
|
-
|
81
|
-
<ul class="list-unstyled dropdown-menu-nav-bullets">
|
82
|
-
<li>
|
83
|
-
<%= link_to '- New Digital Art', new_digital_art_url, class: 'dropdown-menu-nav-link', title: 'Newest Digital Scrapbooking Art and Embellishments' %>
|
84
|
-
</li>
|
85
|
-
|
86
|
-
<li>
|
87
|
-
<%= link_to '- Free Kits', free_digital_art_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'Free Digital Scrapbooking Art and Embellishments' %>
|
88
|
-
</li>
|
89
|
-
|
90
|
-
<li>
|
91
|
-
<%= link_to '- Pre-Designed Layouts', predesigned_layouts_digital_art_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'All Pre-Designed Layouts' %>
|
92
|
-
</li>
|
93
|
-
|
94
|
-
<li>
|
95
|
-
<%= link_to '- Browse All', all_digital_art_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-no_margin', title: 'All Digital Scrapbooking Art and Embellishments' %>
|
96
|
-
</li>
|
97
|
-
</ul>
|
98
|
-
</li>
|
99
|
-
|
100
|
-
<li>
|
101
|
-
<%= link_to trademark('pixels2Pages'), p2p_url, class: 'dropdown-menu-nav-link', title: 'Premium Training and Resources' %>
|
102
|
-
<small class="dropdown-menu-nav-link-subhead">Premium Training and Resources</small>
|
103
|
-
</li>
|
104
|
-
</ul>
|
105
|
-
</div>
|
106
|
-
|
107
|
-
<div class='col-grid-float-3 l-padded-thin'>
|
108
|
-
<h3 class='dropdown-menu-nav-title page-title color-ambassador-light'>Shopping</h3>
|
109
|
-
|
110
|
-
<ul class="list-unstyled">
|
111
|
-
<li>
|
112
|
-
<%= link_to 'Current Deals', deals_url, class: 'dropdown-menu-nav-link', title: 'Photo Printing, Digital Art, and Storage Promotions' %>
|
113
|
-
</li>
|
114
|
-
|
115
|
-
<li>
|
116
|
-
<%= link_to 'Gift Certificates', gifts_url, class: 'dropdown-menu-nav-link', title: 'Buy Forever Gift Certificates' %>
|
117
|
-
</li>
|
118
|
-
|
119
|
-
<li class="hide">
|
120
|
-
<%= link_to 'Current Deals', deals_url, class: 'dropdown-menu-nav-link', title: 'Photo Printing, Digital Art, and Storage Promotions' %>
|
121
|
-
</li>
|
122
|
-
|
123
|
-
<li>
|
124
|
-
<%= link_to 'Shipping Info', shipping_info_url, class: 'dropdown-menu-nav-link', title: 'Shipping Information' %>
|
125
|
-
</li>
|
126
|
-
|
127
|
-
<li>
|
128
|
-
<%= link_to 'Print Quality', print_quality_url, class: 'dropdown-menu-nav-link', title: 'Print Quality' %>
|
129
|
-
</li>
|
130
|
-
|
131
|
-
<li>
|
132
|
-
<%= link_to 'Volume Print Discounts', bulk_orders_url, class: 'dropdown-menu-nav-link', title: 'Save Money on Large Print Orders' %>
|
133
|
-
</li>
|
134
|
-
|
135
|
-
<li>
|
136
|
-
<%= link_to 'Return Policy', return_policy_url, class: 'dropdown-menu-nav-link', title: 'Return Policy' %>
|
137
|
-
</li>
|
138
|
-
</ul>
|
139
|
-
</div>
|
140
|
-
|
141
|
-
</div>
|
142
|
-
</div>
|
143
|
-
</div>
|