forever_style_guide 2.0.3 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/forever_style_guide/default_avatar.jpg +0 -0
  3. data/app/assets/images/forever_style_guide/forever-logo.jpg +0 -0
  4. data/app/assets/javascripts/forever_style_guide/account-popover.js +0 -26
  5. data/app/assets/javascripts/forever_style_guide/offcanvas.js +213 -0
  6. data/app/assets/stylesheets/forever_style_guide/base/_bootstrap_reset.scss +5 -0
  7. data/app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss +1 -1
  8. data/app/assets/stylesheets/forever_style_guide/globals/_effects.scss +6 -0
  9. data/app/assets/stylesheets/forever_style_guide/globals/_mixins.scss +3 -0
  10. data/app/assets/stylesheets/forever_style_guide/modules/_all.scss +22 -22
  11. data/app/assets/stylesheets/forever_style_guide/modules/_button.scss +0 -5
  12. data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-account.scss +58 -0
  13. data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-ambassador.scss +93 -0
  14. data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns.scss +155 -0
  15. data/app/assets/stylesheets/forever_style_guide/modules/_nav-fixed.scss +0 -15
  16. data/app/assets/stylesheets/forever_style_guide/modules/_nav-icons.scss +114 -0
  17. data/app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss +53 -0
  18. data/app/assets/stylesheets/forever_style_guide/modules/_nav-offcanvas.scss +77 -0
  19. data/app/assets/stylesheets/forever_style_guide/modules/_nav.scss +84 -73
  20. data/app/assets/stylesheets/style_guide/modules/_hero_simple.scss +0 -1
  21. data/app/helpers/forever_style_guide/application_helper.rb +309 -1
  22. data/app/views/forever_style_guide/demo/footer.html.erb +1 -1
  23. data/app/views/forever_style_guide/demo/hero.html.erb +1 -3
  24. data/app/views/forever_style_guide/demo/hero_simple.html.erb +1 -3
  25. data/app/views/forever_style_guide/demo/navigation.html.erb +43 -27
  26. data/app/views/forever_style_guide/demo/promo_banner.html.erb +1 -3
  27. data/app/views/forever_style_guide/sections/components/navigation/_nav.erb +60 -0
  28. data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown.erb +37 -0
  29. data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown_menu.erb +61 -0
  30. data/app/views/forever_style_guide/sections/components/navigation/_nav_account_signed_out_mobile.erb +6 -0
  31. data/app/views/forever_style_guide/sections/components/navigation/_nav_ambassador_dropdown.erb +112 -0
  32. data/app/views/forever_style_guide/sections/components/navigation/_nav_community_dropdown.erb +99 -0
  33. data/app/views/forever_style_guide/sections/components/navigation/_nav_my_forever_dropdown.erb +142 -0
  34. data/app/views/forever_style_guide/sections/components/navigation/_nav_products_dropdown.erb +151 -0
  35. data/app/views/layouts/forever_style_guide/_navigation.erb +51 -29
  36. data/lib/forever_style_guide/version.rb +1 -1
  37. data/test/dummy/log/development.log +43794 -0
  38. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_all.scssc +0 -0
  39. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_button.scssc +0 -0
  40. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav-dropdowns-ambassador.scssc +0 -0
  41. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav-dropdowns.scssc +0 -0
  42. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav-fixed.scssc +0 -0
  43. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav-icons.scssc +0 -0
  44. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav-offcanvas.scssc +0 -0
  45. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_nav.scssc +0 -0
  46. data/test/dummy/tmp/cache/assets/development/sass/44a991b1a17620dd9d4d80bb5c1b3e298e4ef98a/_breakpoints.scssc +0 -0
  47. data/test/dummy/tmp/cache/assets/development/sass/44a991b1a17620dd9d4d80bb5c1b3e298e4ef98a/_effects.scssc +0 -0
  48. data/test/dummy/tmp/cache/assets/development/sass/44a991b1a17620dd9d4d80bb5c1b3e298e4ef98a/_mixins.scssc +0 -0
  49. data/test/dummy/tmp/cache/assets/development/sass/77afe34ae60f4f73cffcc8a92e720a6db579269d/_hero_simple.scssc +0 -0
  50. data/test/dummy/tmp/cache/assets/development/sass/b7a4a2cc1ae6dd8beea9163f40226a4c9c3e7926/_bootstrap_reset.scssc +0 -0
  51. data/test/dummy/tmp/cache/assets/development/sprockets/13c6cfef7d2dae6157cb1e9a83970e58 +0 -0
  52. data/test/dummy/tmp/cache/assets/development/sprockets/16ae65fae89ac9713129ac86c08be0fd +0 -0
  53. data/test/dummy/tmp/cache/assets/development/sprockets/4bdd1622b754cd161cd49f472086df2d +0 -0
  54. data/test/dummy/tmp/cache/assets/development/sprockets/5889baf60874f32654f269b1976b11da +0 -0
  55. data/test/dummy/tmp/cache/assets/development/sprockets/74ee448666a16d19f05d144192a607fd +0 -0
  56. data/test/dummy/tmp/cache/assets/development/sprockets/82e2ab0c7f220d85a3306094f9170995 +0 -0
  57. data/test/dummy/tmp/cache/assets/development/sprockets/93ba27aa64423f74732b1f2b12b84118 +0 -0
  58. data/test/dummy/tmp/cache/assets/development/sprockets/a5339910db1afb33301cc638679d0cc2 +0 -0
  59. data/test/dummy/tmp/cache/assets/development/sprockets/b7c77fa9ddbae9998b1339d6c2c3eef0 +0 -0
  60. data/test/dummy/tmp/cache/assets/development/sprockets/d139d4c466cbb442154adf9c2b8149f4 +0 -0
  61. data/test/dummy/tmp/cache/assets/development/sprockets/e4a50f6ac0abd0a5af7071d8eb233a48 +0 -0
  62. data/test/dummy/tmp/cache/assets/development/sprockets/ee286b59ae897606bfd68a7f060d5baf +0 -0
  63. data/test/dummy/tmp/pids/server.pid +1 -1
  64. metadata +19 -21
  65. data/app/assets/javascripts/forever_style_guide/nav-fixed.js +0 -28
  66. data/app/assets/javascripts/forever_style_guide/navbar.js +0 -9
  67. data/app/assets/stylesheets/forever_style_guide/modules/_account-popover.scss +0 -133
  68. data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-more.scss +0 -60
  69. data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-nav.scss +0 -66
  70. data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss +0 -52
  71. data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product.scss +0 -82
  72. data/app/assets/stylesheets/forever_style_guide/modules/_navbar.scss +0 -132
  73. data/app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb +0 -22
  74. data/app/views/forever_style_guide/demo/navigation-fixed-signed-in.html.erb +0 -22
  75. data/app/views/forever_style_guide/demo/navigation-fixed.html.erb +0 -28
  76. data/app/views/forever_style_guide/sections/components/_navigation.html.erb +0 -69
  77. data/app/views/forever_style_guide/sections/components/navigation/_account_popover.erb +0 -71
  78. data/app/views/forever_style_guide/sections/components/navigation/_basic.erb +0 -33
  79. data/app/views/forever_style_guide/sections/components/navigation/_dropdown.erb +0 -119
  80. data/app/views/forever_style_guide/sections/components/navigation/_marketing.erb +0 -155
  81. data/app/views/forever_style_guide/sections/components/navigation/_marketing_signed_in.erb +0 -155
  82. data/app/views/forever_style_guide/sections/components/navigation/_signed_in.erb +0 -113
  83. data/app/views/forever_style_guide/sections/components/navigation/_stacked.erb +0 -22
data/app/views/forever_style_guide/sections/components/navigation/_basic.erb DELETED
@@ -1,33 +0,0 @@
1
- <!-- Vanilla Bootstrap header with custom theme css -->
2
- <nav class="navbar navbar-default">
3
- <div class="navbar-header">
4
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-nav" aria-expanded="false" aria-controls="navbar">
5
- <span class="sr-only">Toggle navigation</span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- <span class="icon-bar"></span>
9
- </button>
10
- <%= link_to "http://www.forever.com", class: "navbar-brand" do %>
11
- <%= image_tag("forever_style_guide/forever-logo.png", alt: "Forever Logo", class:"navbar-brand-logo") %>
12
- <% end %>
13
- </div>
14
- <div id="collapse-nav" class="navbar-collapse collapse">
15
- <ul class="nav navbar-nav navbar-left">
16
- <li class="nav-item active">
17
- <%= link_to "Collect", "#", class: 'nav-item-tab' %>
18
- </li>
19
- <li class="nav-item">
20
- <%= link_to "Curate", "#", class: 'nav-item-tab' %>
21
- </li>
22
- <li class="nav-item">
23
- <%= link_to "Celebrate", "#", class: 'nav-item-tab' %>
24
- </li>
25
- </ul>
26
- <ul class="nav navbar-nav navbar-right">
27
- <li class="nav-item-stack">
28
- <%= fa_stacked_icon("user inverse", base:"circle", class:"nav-item-icon") %>
29
- <span class="nav-item-label">Account</span>
30
- </li>
31
- </ul>
32
- </div><!--/.nav-collapse -->
33
- </nav>
data/app/views/forever_style_guide/sections/components/navigation/_dropdown.erb DELETED
@@ -1,119 +0,0 @@
1
- <nav class="navbar navbar-default navbar-dropdown">
2
- <div class="navbar-header">
3
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-grid" aria-expanded="false" aria-controls="navbar">
4
- <span class="sr-only">Toggle navigation</span>
5
- <span class="icon-bar"></span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- </button>
9
- <%= link_to "http://www.forever.com", class: "navbar-brand" do %>
10
- <%= image_tag("forever_style_guide/forever-logo.png", alt: "Forever Logo", class:"navbar-brand-logo") %>
11
- <% end %>
12
- </div>
13
- <div id="navbar-collapse-grid" class="navbar-collapse collapse">
14
- <ul class="nav navbar-nav navbar-left">
15
- <!-- Grid 12 Menu -->
16
- <li class="dropdown nav-item active"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Grid</a>
17
- <ul class="dropdown-menu dropdown-menu-nav">
18
- <li class="grid-demo dropdown-menu-content">
19
- <div class="row">
20
- <div class="col-sm-12">.col-sm-12</div>
21
- </div>
22
- <div class="row">
23
- <div class="col-sm-6">.col-sm-6</div>
24
- <div class="col-sm-6">.col-sm-6</div>
25
- </div>
26
- <div class="row">
27
- <div class="col-sm-4">.col-sm-4</div>
28
- <div class="col-sm-4">.col-sm-4</div>
29
- <div class="col-sm-4">.col-sm-4</div>
30
- </div>
31
- <div class="row">
32
- <div class="col-sm-3">.col-sm-3</div>
33
- <div class="col-sm-3">.col-sm-3</div>
34
- <div class="col-sm-3">.col-sm-3</div>
35
- <div class="col-sm-3">.col-sm-3</div>
36
- </div>
37
- <div class="row">
38
- <div class="col-sm-2">.col-sm-2</div>
39
- <div class="col-sm-2">.col-sm-2</div>
40
- <div class="col-sm-2">.col-sm-2</div>
41
- <div class="col-sm-2">.col-sm-2</div>
42
- <div class="col-sm-2">.col-sm-2</div>
43
- <div class="col-sm-2">.col-sm-2</div>
44
- </div>
45
- <div class="row">
46
- <div class="col-sm-1">.col-sm-1</div>
47
- <div class="col-sm-1">.col-sm-1</div>
48
- <div class="col-sm-1">.col-sm-1</div>
49
- <div class="col-sm-1">.col-sm-1</div>
50
- <div class="col-sm-1">.col-sm-1</div>
51
- <div class="col-sm-1">.col-sm-1</div>
52
- <div class="col-sm-1">.col-sm-1</div>
53
- <div class="col-sm-1">.col-sm-1</div>
54
- <div class="col-sm-1">.col-sm-1</div>
55
- <div class="col-sm-1">.col-sm-1</div>
56
- <div class="col-sm-1">.col-sm-1</div>
57
- <div class="col-sm-1">.col-sm-1</div>
58
- </div>
59
- </li>
60
- </ul>
61
- </li>
62
- <!-- .dropdown-menu-sm, .dropdown-menu-md, .dropdown-menu-lg
63
- -->
64
- <li class="dropdown nav-item"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Fixed Size</a>
65
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-md">
66
- <li class="grid-demo dropdown-menu-content">
67
- <div class="row">
68
- <div class="col-sm-4">4</div>
69
- <div class="col-sm-4 col-sm-offset-4">4 offset 4</div>
70
- </div>
71
- <div class="row">
72
- <div class="col-sm-3 col-sm-offset-3">3 offset 3</div>
73
- <div class="col-sm-3 col-sm-offset-3">3 offset 3</div>
74
- </div>
75
- <div class="row">
76
- <div class="col-sm-6 col-sm-offset-3">6 offset 6</div>
77
- </div>
78
- </li>
79
- </ul>
80
- </li>
81
- <!-- .dropdown-menu-full
82
- -->
83
- <li class="dropdown nav-item"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Full Size</a>
84
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-full">
85
- <li class="grid-demo dropdown-menu-content">
86
- <div class="row">
87
- <div class="col-sm-3"><br>
88
- <h3>3</h3><br>
89
- </div>
90
- <div class="col-sm-9"><br>
91
- <h3>9</h3><br>
92
- </div>
93
- </div>
94
- </li>
95
- </ul>
96
- </li>
97
- <!-- .dropdown-left
98
- -->
99
- <li class="dropdown dropdown-left nav-item"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Left Align</a>
100
- <ul class="dropdown-menu dropdown-menu-nav">
101
- <li class="grid-demo dropdown-menu-content">
102
- <div class="row">
103
- <div class="col-sm-12">12</div>
104
- </div>
105
- <div class="row">
106
- <div class="col-sm-12">12
107
- <div class="row">
108
- <div class="col-sm-4">4</div>
109
- <div class="col-sm-4">4</div>
110
- <div class="col-sm-4">4</div>
111
- </div>
112
- </div>
113
- </div>
114
- </li>
115
- </ul>
116
- </li>
117
- </ul>
118
- </div>
119
- </nav>
data/app/views/forever_style_guide/sections/components/navigation/_marketing.erb DELETED
@@ -1,155 +0,0 @@
1
- <!-- Marketing Bootstrap header -->
2
- <nav class="navbar navbar-default navbar-dropdown">
3
- <div class="navbar-header">
4
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-nav" aria-expanded="false" aria-controls="navbar">
5
- <span class="sr-only">Toggle navigation</span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- <span class="icon-bar"></span>
9
- </button>
10
- <%= link_to "http://www.forever.com", class: "navbar-brand" do %>
11
- <%= image_tag("forever_style_guide/forever-logo.png", alt: "Forever Logo", class:"navbar-brand-logo") %>
12
- <% end %>
13
- </div>
14
- <div id="collapse-nav" class="navbar-collapse collapse">
15
- <ul class="nav navbar-nav navbar-left">
16
- <li class="dropdown nav-item"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Products &amp; Services</a>
17
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-full">
18
- <li class="dropdown-menu-content">
19
- <div class="row dropdown-menu-products">
20
- <div class="col-sm-3 dropdown-menu-product dropdown-menu-product-main">
21
- <%= link_to "#" do %>
22
- <div>
23
- <%= image_tag("forever_style_guide/forever-swirl-logo.png", alt: "Forever Logo", class: "dropdown-menu-product-img") %>
24
- <div class="dropdown-menu-product-details">
25
- <h3 class="dropdown-menu-product-title hidden-sm hidden-xs">Forever Permanent Storage</h3>
26
- <button class="btn btn-block btn-primary btn-lg dropdown-menu-product-btn">
27
- <span class="visible-xs">Forever Permanent Storage</span>
28
- <span class="visible-sm">Forever Permanent<br>Storage</span>
29
- <span class="hidden-sm hidden-xs">Get Started</span>
30
- </button>
31
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Store, print and protect your family photos online, and trust they are safe for generations with the Forever Guarantee.</p>
32
- </div>
33
- </div>
34
- <% end %>
35
- </div>
36
- <div class="col-sm-3 dropdown-menu-product">
37
- <%= link_to "#" do %>
38
- <div>
39
- <div class="well well-sm dropdown-menu-product-details">
40
- <div class="dropdown-menu-product-item">
41
- <%= image_tag("forever_style_guide/artisan-logo-sm.png", alt: "Forever Artisan", class: "dropdown-menu-product-img") %>
42
- </div>
43
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Create &amp; Print Amazing Photo Gifts</h4>
44
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Personalize beautiful photo books, phone cases, cards, mugs, and more with our award-winning scrapbooking software!</p>
45
- </div>
46
- </div>
47
- <% end %>
48
- </div>
49
- <div class="col-sm-3 dropdown-menu-product">
50
- <%= link_to "#" do %>
51
- <div>
52
- <div class="well well-sm dropdown-menu-product-details">
53
- <div class="dropdown-menu-product-item">
54
- <%= image_tag("forever_style_guide/historian-logo-sm.png", alt: "Forever Historian", class: "dropdown-menu-product-img") %>
55
- </div>
56
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Take Control of Your Desktop's Media Files</h4>
57
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Organize, edit, and protect any type of media file on your desktop with our powerful photo management software.</p>
58
- </div>
59
- </div>
60
- <% end %>
61
- </div>
62
- <div class="col-sm-3 dropdown-menu-product">
63
- <%= link_to "#" do %>
64
- <div>
65
- <div class="well well-sm dropdown-menu-product-details">
66
- <div class="dropdown-menu-product-item">
67
- <%= image_tag("forever_style_guide/services-logo-sm.png", alt: "Forever Services", class: "dropdown-menu-product-img") %>
68
- </div>
69
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Photo Scanning and Media Conversion</h4>
70
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Send us old pictures, slides, photo albums, videos, audio tapes - anything! We’ll store them online, where you can then share them with anyone!</p>
71
- </div>
72
- </div>
73
- <% end %>
74
- </div>
75
- </div>
76
- </li>
77
- </ul>
78
- </li>
79
- <li class="nav-item">
80
- <%= link_to "Guarantee", "#", class: 'nav-item-tab' %>
81
- </li>
82
- <li class="nav-item">
83
- <%= link_to "Print Shop", "#", class: 'nav-item-tab' %>
84
- </li>
85
- <li class="nav-item">
86
- <%= link_to "Digital Art", "#", class: 'nav-item-tab' %>
87
- </li>
88
- <li class="dropdown dropdown-left nav-item">
89
- <a href="#" title="View More" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">More</a>
90
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-more">
91
- <li>
92
- <div class="row">
93
- <div class="col-sm-6 dropdown-menu-more-list">
94
- <ul class="list-unstyled">
95
- <li>
96
- <%= link_to "About Forever", "https://www.forever.com/about", class: 'dropdown-menu-more-link', title: 'About Forever' %>
97
- </li>
98
- <li>
99
- <%= link_to "Beliefs & Values", "https://www.forever.com/about/beliefs", class: 'dropdown-menu-more-link', title: 'Beliefs & Values' %>
100
- </li>
101
- <li>
102
- <%= link_to "Team", "https://www.forever.com/about/team", class: 'dropdown-menu-more-link', title: 'Our Team' %>
103
- </li>
104
- <li>
105
- <%= link_to "Press", "https://www.forever.com/about/press", class: 'dropdown-menu-more-link', title: 'Our Press' %>
106
- </li>
107
- <li>
108
- <%= link_to "Careers", "http://forever.theresumator.com/apply", class: 'dropdown-menu-more-link', title: 'Careers' %>
109
- </li>
110
- </ul>
111
- </div>
112
-
113
- <div class="col-sm-6">
114
- <div class="well">
115
- <p class="dropdown-menu-more-featured">
116
- <%= link_to "https://forever1.zendesk.com", class: 'dropdown-menu-more-link', title: 'Forever Support' do %>
117
- <span class="fa-stack">
118
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
119
- <i class="fa fa-question fa-stack-1x color-white"></i>
120
- </span>
121
- Support
122
- <% end %>
123
- </p>
124
- <p class="dropdown-menu-more-featured">
125
- <%= link_to "http://blog.forever.com/", class: 'dropdown-menu-more-link', title: 'Forever Blog' do %>
126
- <span class="fa-stack">
127
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
128
- <i class="fa fa-rss fa-stack-1x color-white"></i>
129
- </span>
130
- Blog
131
- <% end %>
132
- </p>
133
- <p class="dropdown-menu-more-featured">
134
- <%= link_to "//www.forever.com/valet", class: 'dropdown-menu-more-link', title: 'Forever Valet' do %>
135
- <span class="fa-stack">
136
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
137
- <i class="fa fa-cloud-upload fa-stack-1x color-white"></i>
138
- </span>
139
- Forever Valet
140
- <% end %>
141
- </p>
142
- </div>
143
- </div>
144
- </div>
145
- </li>
146
- </ul>
147
- </li>
148
- </ul>
149
- <ul class="nav navbar-nav navbar-right">
150
- <%= render partial: "forever_style_guide/sections/components/sign_in" %>
151
- </ul>
152
- </div><!--/.nav-collapse -->
153
- <div class="account-popover-container"></div>
154
- <div class="account-popover-container-mobile"></div>
155
- </nav>
data/app/views/forever_style_guide/sections/components/navigation/_marketing_signed_in.erb DELETED
@@ -1,155 +0,0 @@
1
- <!-- Marketing Bootstrap header -->
2
- <nav class="navbar navbar-default navbar-dropdown">
3
- <div class="navbar-header">
4
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-nav" aria-expanded="false" aria-controls="navbar">
5
- <span class="sr-only">Toggle navigation</span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- <span class="icon-bar"></span>
9
- </button>
10
- <%= link_to "http://www.forever.com", class: "navbar-brand" do %>
11
- <%= image_tag("forever_style_guide/forever-logo.png", alt: "Forever Logo", class:"navbar-brand-logo") %>
12
- <% end %>
13
- </div>
14
- <div id="collapse-nav" class="navbar-collapse collapse">
15
- <ul class="nav navbar-nav navbar-left">
16
- <li class="dropdown nav-item"><a href="#" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">Products &amp; Services</a>
17
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-full">
18
- <li class="dropdown-menu-content">
19
- <div class="row dropdown-menu-products">
20
- <div class="col-sm-3 dropdown-menu-product dropdown-menu-product-main">
21
- <%= link_to "#" do %>
22
- <div>
23
- <%= image_tag("forever_style_guide/forever-swirl-logo.png", alt: "Forever Logo", class: "dropdown-menu-product-img") %>
24
- <div class="dropdown-menu-product-details">
25
- <h3 class="dropdown-menu-product-title hidden-sm hidden-xs">Forever Permanent Storage</h3>
26
- <button class="btn btn-block btn-primary btn-lg dropdown-menu-product-btn">
27
- <span class="visible-xs">Forever Permanent Storage</span>
28
- <span class="visible-sm">Forever Permanent<br>Storage</span>
29
- <span class="hidden-sm hidden-xs">Get Started</span>
30
- </button>
31
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Store, print and protect your family photos online, and trust they are safe for generations with the Forever Guarantee.</p>
32
- </div>
33
- </div>
34
- <% end %>
35
- </div>
36
- <div class="col-sm-3 dropdown-menu-product">
37
- <%= link_to "#" do %>
38
- <div>
39
- <div class="well well-sm dropdown-menu-product-details">
40
- <div class="dropdown-menu-product-item">
41
- <%= image_tag("forever_style_guide/artisan-logo-sm.png", alt: "Forever Artisan", class: "dropdown-menu-product-img") %>
42
- </div>
43
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Create &amp; Print Amazing Photo Gifts</h4>
44
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Personalize beautiful photo books, phone cases, cards, mugs, and more with our award-winning scrapbooking software!</p>
45
- </div>
46
- </div>
47
- <% end %>
48
- </div>
49
- <div class="col-sm-3 dropdown-menu-product">
50
- <%= link_to "#" do %>
51
- <div>
52
- <div class="well well-sm dropdown-menu-product-details">
53
- <div class="dropdown-menu-product-item">
54
- <%= image_tag("forever_style_guide/historian-logo-sm.png", alt: "Forever Historian", class: "dropdown-menu-product-img") %>
55
- </div>
56
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Take Control of Your Desktop's Media Files</h4>
57
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Organize, edit, and protect any type of media file on your desktop with our powerful photo management software.</p>
58
- </div>
59
- </div>
60
- <% end %>
61
- </div>
62
- <div class="col-sm-3 dropdown-menu-product">
63
- <%= link_to "#" do %>
64
- <div>
65
- <div class="well well-sm dropdown-menu-product-details">
66
- <div class="dropdown-menu-product-item">
67
- <%= image_tag("forever_style_guide/services-logo-sm.png", alt: "Forever Services", class: "dropdown-menu-product-img") %>
68
- </div>
69
- <h4 class="dropdown-menu-product-title hidden-xs hidden-sm">Photo Scanning and Media Conversion</h4>
70
- <p class="dropdown-menu-product-description hidden-xs hidden-sm">Send us old pictures, slides, photo albums, videos, audio tapes - anything! We’ll store them online, where you can then share them with anyone!</p>
71
- </div>
72
- </div>
73
- <% end %>
74
- </div>
75
- </div>
76
- </li>
77
- </ul>
78
- </li>
79
- <li class="nav-item">
80
- <%= link_to "Guarantee", "#", class: 'nav-item-tab' %>
81
- </li>
82
- <li class="nav-item">
83
- <%= link_to "Print Shop", "#", class: 'nav-item-tab' %>
84
- </li>
85
- <li class="nav-item">
86
- <%= link_to "Digital Art", "#", class: 'nav-item-tab' %>
87
- </li>
88
- <li class="dropdown dropdown-left nav-item">
89
- <a href="#" title="View More" class="nav-item-tab dropdown-toggle" data-toggle="dropdown">More</a>
90
- <ul class="dropdown-menu dropdown-menu-nav dropdown-menu-more">
91
- <li>
92
- <div class="row">
93
- <div class="col-sm-6 dropdown-menu-more-list">
94
- <ul class="list-unstyled">
95
- <li>
96
- <%= link_to "About Forever", "https://www.forever.com/about", class: 'dropdown-menu-more-link', title: 'About Forever' %>
97
- </li>
98
- <li>
99
- <%= link_to "Beliefs & Values", "https://www.forever.com/about/beliefs", class: 'dropdown-menu-more-link', title: 'Beliefs & Values' %>
100
- </li>
101
- <li>
102
- <%= link_to "Team", "https://www.forever.com/about/team", class: 'dropdown-menu-more-link', title: 'Our Team' %>
103
- </li>
104
- <li>
105
- <%= link_to "Press", "https://www.forever.com/about/press", class: 'dropdown-menu-more-link', title: 'Our Press' %>
106
- </li>
107
- <li>
108
- <%= link_to "Careers", "http://forever.theresumator.com/apply", class: 'dropdown-menu-more-link', title: 'Careers' %>
109
- </li>
110
- </ul>
111
- </div>
112
-
113
- <div class="col-sm-6">
114
- <div class="well">
115
- <p class="dropdown-menu-more-featured">
116
- <%= link_to "https://forever1.zendesk.com", class: 'dropdown-menu-more-link', title: 'Forever Support' do %>
117
- <span class="fa-stack">
118
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
119
- <i class="fa fa-question fa-stack-1x color-white"></i>
120
- </span>
121
- Support
122
- <% end %>
123
- </p>
124
- <p class="dropdown-menu-more-featured">
125
- <%= link_to "http://blog.forever.com/", class: 'dropdown-menu-more-link', title: 'Forever Blog' do %>
126
- <span class="fa-stack">
127
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
128
- <i class="fa fa-rss fa-stack-1x color-white"></i>
129
- </span>
130
- Blog
131
- <% end %>
132
- </p>
133
- <p class="dropdown-menu-more-featured">
134
- <%= link_to "//www.forever.com/valet", class: 'dropdown-menu-more-link', title: 'Forever Valet' do %>
135
- <span class="fa-stack">
136
- <i class="fa fa-circle color-gray-600 fa-stack-2x"></i>
137
- <i class="fa fa-cloud-upload fa-stack-1x color-white"></i>
138
- </span>
139
- Forever Valet
140
- <% end %>
141
- </p>
142
- </div>
143
- </div>
144
- </div>
145
- </li>
146
- </ul>
147
- </li>
148
- </ul>
149
- <ul class="nav navbar-nav navbar-right">
150
- <%= render partial: "forever_style_guide/sections/components/navigation/account_popover" %>
151
- </ul>
152
- </div>
153
- <div class="account-popover-container"></div>
154
- <div class="account-popover-container-mobile"></div>
155
- </nav>