forever_style_guide 3.2.18 → 3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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>
|