bookends 3.0.0 → 3.0.1

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: fd0d10f860e127ccda11c1dc25df306f29f73baa
4
- data.tar.gz: 397f861a4398272cddbf0bfc7df6b34c18227f35
3
+ metadata.gz: 16185164926be6388a8621f1c79fea2dd48074e8
4
+ data.tar.gz: 51aa5f8c1e12ca42f6f156910a0daebc3e8484bc
5
5
  SHA512:
6
- metadata.gz: 4808def0a835c70be0d372b90dffb04462a5ef8593fa9debcdafab34d539b72bbb7cabc5631f8084d5bd43f29613a24e294949d39790b55ea59c1612ba9aea42
7
- data.tar.gz: 454a4b6b668ef284b2793b9975f7ad32c19a288543494385547ab92dc1e3e8825ee097bf6521f52d9b03b63a6aadd65e0dba845d0bfec07356a5b7ec76e12517
6
+ metadata.gz: 982a2557c4e268ee672b8d610c8d8f7c198ffbbd490fb36867f130388e5ab308868b61bfee824ecb05b5ccbd2a3fa6db287a10aed108916fcc00fe41437f8365
7
+ data.tar.gz: 733b93a464d67387efbb9f78417f2d802dc961bd835851453154f1a8cd4ded062597153e62baba33f44d40e35a77ed56659ec05c9252bc6a5a14ce5bd98af4b9
data/README.md CHANGED
@@ -46,11 +46,12 @@ See all rake tasks with `rake -T`
46
46
  1. In a terminal session, change directory to `spec/test_app`
47
47
  2. Ensure that any changes in a consumer app are made in the `test_app` (a
48
48
  skeleton Rails app)
49
- 3. 'open http://localhost:3000'
49
+ 3. `open http://localhost:3000`
50
50
  4. `rails s` and refresh your browser
51
51
 
52
52
  #### Jekyll version
53
- ** be sure to use the 2.x version on the `two_ex` branch **
53
+ * be sure to use the 2.x version on the `two_ex` branch *
54
+
54
55
  1. `gem install bookends --local ../bookends/pkg/bookends-<latest_pkg>` from the
55
56
  root of the Jekyll project.
56
57
  * Run `rake build` from bookends if there are no `*.gem` files in
@@ -289,18 +289,17 @@
289
289
  }
290
290
 
291
291
  .tertiary {
292
- p {
293
- float: right;
294
- margin: 1em 0;
295
- padding: 0;
296
- font-size: 13px;
297
- color: #999;
292
+
293
+ .col {
294
+ @include clearfix;
298
295
  }
296
+
299
297
  ul {
300
298
  margin: 13px 0 10px;
301
299
  float: right;
302
300
  @include screen() {
303
- float: none;
301
+ margin-top: 25px;
302
+ float: none;
304
303
  }
305
304
  }
306
305
 
@@ -308,8 +307,16 @@
308
307
  display: inline-block;
309
308
  margin-right: 7px;
310
309
  @include screen() {
311
- &:last-child {
312
- margin-right: 0;
310
+ margin: 0 4px;
311
+ }
312
+ &:last-child {
313
+ margin-right: 0;
314
+ }
315
+ &.copyright {
316
+ font-weight: $font-normal;
317
+ @include screen() {
318
+ margin: 10px 0 0;
319
+ display: block;
313
320
  }
314
321
  }
315
322
  a {
@@ -0,0 +1,394 @@
1
+ // ==========================================================================
2
+ // Google Search
3
+ // ==========================================================================
4
+
5
+ .gsc-control-searchbox-only,
6
+ .gsc-control-cse,
7
+ .gsc-completion-container {
8
+ table, th, tr, td {
9
+ width: auto;
10
+ height: auto;
11
+ margin: 0;
12
+ padding: 0;
13
+ border: 0;
14
+ background: transparent;
15
+ table-layout: auto;
16
+ &:hover {
17
+ background: transparent;
18
+ }
19
+ }
20
+ }
21
+
22
+ form.gsc-search-box {
23
+ font-size: inherit !important;
24
+ margin: 0 !important;
25
+ }
26
+
27
+ table.gsc-search-box,
28
+ .gsc-input {
29
+ margin: 0 !important;
30
+ padding: 0 !important;
31
+ height: 100% !important;
32
+ td {
33
+ margin: 0 !important;
34
+ padding: 0 !important;
35
+ }
36
+ }
37
+
38
+ input.gsc-input,
39
+ .gsc-input-box,
40
+ .gsc-input-box-hover,
41
+ .gsc-input-box-focus {
42
+ border: 0 !important;
43
+ height: auto !important;
44
+ box-shadow: none !important;
45
+ }
46
+
47
+ .gsc-input-box {
48
+ background: none !important;
49
+ }
50
+
51
+ //Completion
52
+
53
+ .gsc-completion-container {
54
+ border: 0 !important;
55
+ font-family: "BentonSans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
56
+ font-size: 13px !important;
57
+ margin-top: 5px !important;
58
+ box-shadow: 0 4px 6px 2px fade-out($black, .9) !important;
59
+ border-radius: 3px !important;
60
+ overflow: hidden !important;
61
+ z-index: 10;
62
+
63
+ tr, tr:nth-child(2n) {
64
+ background: inherit;
65
+ display: block;
66
+ width: 100% !important;
67
+
68
+ &.gsc-completion-selected {
69
+ background: fade-out($purple-light, .8);
70
+ }
71
+ }
72
+
73
+ .search-page & {
74
+ border: 1px solid #ddd !important;
75
+ }
76
+ }
77
+
78
+ .gssb_a,
79
+ .gssb_a td {
80
+ line-height: normal !important;
81
+ padding: 2px 5px !important;
82
+ font-weight: bold;
83
+
84
+ b {
85
+ font-weight: 200;
86
+ color: fade-out(#222, .2);
87
+ }
88
+
89
+ }
90
+
91
+ .gssb_c {
92
+ height: auto;
93
+ }
94
+
95
+ .gssb_e {
96
+ box-shadow: none !important;
97
+ }
98
+
99
+ .gsib_b {
100
+ display: none !important;
101
+ }
102
+
103
+ //Search Page
104
+ .search-page,
105
+ .search-results {
106
+
107
+ .gcsc-branding {
108
+ display: none;
109
+ }
110
+
111
+ .page-content {
112
+ padding-top: 4em;
113
+ }
114
+
115
+ form.gsc-search-box {
116
+ position: relative !important;
117
+ max-width: 700px;
118
+ margin: 0 auto 2em !important;
119
+ padding: 5px;
120
+ }
121
+
122
+ input.gsc-input {
123
+ padding: 0 !important;
124
+ font-size: 22px !important;
125
+ }
126
+
127
+ .gsc-input-box {
128
+ padding: 12px 45px 12px 14px;
129
+ border: 1px solid #DDD !important;
130
+ border-radius: 4px !important;
131
+ box-shadow: none !important;
132
+ @include transition(all .15s linear);
133
+ box-shadow: 0 0 25px fade-out($purple, 1) !important;
134
+ input.gsc-input {
135
+ color: #777 !important;
136
+ }
137
+ &.gsc-input-box-focus {
138
+ border-color: fade-out($purple, .1) !important;
139
+ box-shadow: 0 0 25px fade-out($purple, .8) !important;
140
+ input.gsc-input {
141
+ color: #222 !important;
142
+ }
143
+ }
144
+ }
145
+
146
+ .gsc-search-button {
147
+ position: absolute;
148
+ right: 22px;
149
+ top: 21px;
150
+ width: 22px;
151
+ height: 21px;
152
+ opacity: .8;
153
+ @include retina-image(
154
+ components/search-sprite-large,
155
+ 42px 42px,
156
+ $asset-pipeline: true);
157
+ &:hover {
158
+ opacity: 1;
159
+ }
160
+ input {
161
+ position: relative;
162
+ display: block;
163
+ background-color: transparent;
164
+ right: 0;
165
+ top: 0;
166
+ height: 100%;
167
+ width: 100%;
168
+ border: 0;
169
+ padding: 0;
170
+ margin: 0;
171
+ opacity: 0;
172
+ &:active,
173
+ &:focus {
174
+ outline: none;
175
+ }
176
+ &:hover {
177
+ opacity: 0;
178
+ }
179
+ }
180
+ }
181
+
182
+ .gsc-completion-container {
183
+ margin-left: -14px;
184
+ margin-top: 15px !important;
185
+ @include screen(min-width, 699px) {
186
+ width: 700px - 4px !important;
187
+ }
188
+ }
189
+
190
+ }
191
+
192
+ // Tabs
193
+
194
+ .gsc-control-cse {
195
+ font-family: inherit !important;
196
+ }
197
+
198
+ .gsc-tabsArea {
199
+ height: auto !important;
200
+ margin: 0 auto !important;
201
+ border-bottom: 1px solid #ddd !important;
202
+ text-align: center;
203
+ > div {
204
+ height: auto !important;
205
+ }
206
+ }
207
+
208
+ .gsc-tabHeader {
209
+ height: auto !important;
210
+ padding: 1em 1.5em !important;
211
+ line-height: normal !important;
212
+ border: 0 !important;
213
+ font-size: 13px;
214
+ color: #999 !important;
215
+ min-width: 75px !important;
216
+ border-radius: 0 !important;
217
+ font-weight: 300 !important;
218
+ @include box-sizing(border-box);
219
+ &:hover, &:focus {
220
+ background: transparent !important;
221
+ color: $purple !important;
222
+ }
223
+ &:active,
224
+ &:focus {
225
+ outline: none;
226
+ }
227
+ &.gsc-tabhActive {
228
+ color: $purple !important;
229
+ cursor: default;
230
+ font-weight: bold !important;
231
+ background: transparent !important;
232
+ border-bottom: 2px solid $purple !important;
233
+ }
234
+ }
235
+
236
+ .gsc-above-wrapper-area {
237
+ border: 0 !important;
238
+ }
239
+
240
+
241
+ // Results
242
+ .gs-webResult.gs-result a.gs-title:link,
243
+ .gs-webResult.gs-result a.gs-title:visited,
244
+ .gs-imageResult a.gs-title:link,
245
+ .gs-imageResult a.gs-title:visited,
246
+ .gs-promotion.gs-result a.gs-title:link,
247
+ .gs-promotion.gs-result a.gs-title:visited {
248
+ position: relative;
249
+ color: saturate($purple, 10%) !important;
250
+ font-size: 18px !important;
251
+ b {
252
+ color: saturate($purple, 10%) !important;
253
+ font-size: 18px !important;
254
+ }
255
+ &:before {
256
+ content: "";
257
+ display: none;
258
+ position: absolute;
259
+ left: -12px;
260
+ top: 5px;
261
+ @include triangle(12px, $purple, right);
262
+ }
263
+ &:hover {
264
+ text-decoration: none !important;
265
+ b {
266
+ text-decoration: none !important;
267
+ }
268
+ }
269
+ &:focus {
270
+ outline: none;
271
+ &:before {
272
+ display: block;
273
+ }
274
+ }
275
+ }
276
+
277
+ .gsc-result .gs-title {
278
+ height: auto !important;
279
+ }
280
+
281
+ .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
282
+ font-family: inherit !important;
283
+ }
284
+
285
+ .gsc-result .gs-title {
286
+ overflow: visible !important;
287
+ &:hover {
288
+ text-decoration: none !important;
289
+ }
290
+ }
291
+
292
+ .gsc-table-result,
293
+ .gsc-thumbnail-inside,
294
+ .gsc-url-top {
295
+ padding: 0 !important;
296
+ }
297
+
298
+ .gsc-results {
299
+ width: 100% !important;
300
+ }
301
+
302
+ .gsc-webResult .gsc-result {
303
+ padding: 18px 6px 20px !important;
304
+ }
305
+
306
+ .gs-webResult div.gs-visibleUrl,
307
+ .gs-imageResult div.gs-visibleUrl {
308
+ color: #aaa !important;
309
+ padding-top: 2px !important;
310
+ padding-bottom: 0 !important;
311
+
312
+ }
313
+
314
+ .gs-webResult .gs-snippet,
315
+ .gs-imageResult .gs-snippet,
316
+ .gs-fileFormatType,
317
+ .gs-promotion .gs-snippet {
318
+ font-size: 14px !important;
319
+ }
320
+
321
+ .gs-per-result-labels {
322
+ margin-top: 5px !important;
323
+ > span {
324
+ display: none !important;
325
+ }
326
+ a.gs-label {
327
+ text-decoration: none !important;
328
+ color: #666 !important;
329
+ background-color: $white !important;
330
+ border: 1px solid #ddd !important;
331
+ font-size: .8em !important;
332
+ padding: 4px !important;
333
+ border-radius: 3px !important;
334
+ margin-right: 3px !important;
335
+ &:hover,
336
+ &:focus {
337
+ background: $purple !important;
338
+ border-color: $purple !important;
339
+ color: $white !important;
340
+ outline: none !important;
341
+ }
342
+ }
343
+ }
344
+
345
+ //Promo
346
+
347
+ .gs-promotion.gs-result {
348
+ padding-left: 1em;
349
+ padding-right: 1em;
350
+ }
351
+
352
+ .gsc-webResult.gsc-result.gsc-promotion {
353
+ border-radius: 6px;
354
+ position: relative;
355
+ width: 101%;
356
+ left: -.75em;
357
+ }
358
+
359
+ .gs-promotion-image-cell {
360
+ width: 68px;
361
+ }
362
+
363
+ .gs-promotion-image-box img.gs-promotion-image {
364
+ border: 0 !important;
365
+ }
366
+
367
+ .gs-promotion-table-snippet-with-image {
368
+ margin-top: 5px;
369
+ }
370
+
371
+ .gs-promotion.gs-result a.gs-title:link,
372
+ .gs-promotion.gs-result a.gs-title:visited {
373
+ font-weight: bold;
374
+ }
375
+
376
+ //Pagination
377
+
378
+ .gsc-results .gsc-cursor-box {
379
+ text-align: center;
380
+ border-top: 1px solid #ddd;
381
+ padding-top: 2em;
382
+ margin-top: 2em !important;
383
+ font-size: 1.2em !important;
384
+ .gsc-cursor-page {
385
+ color: #aaa !important;
386
+ &:hover {
387
+ text-decoration: none !important;
388
+ color: $purple !important;
389
+ }
390
+ &.gsc-cursor-current-page {
391
+ color: $purple !important;
392
+ }
393
+ }
394
+ }
@@ -650,13 +650,6 @@
650
650
  color: #222;
651
651
  }
652
652
  }
653
-
654
- .gsc-search-button {
655
- // Temporary
656
- input {
657
- display: none;
658
- }
659
- }
660
653
  }
661
654
  }
662
655
 
@@ -10,4 +10,5 @@
10
10
  @import 'grid-settings';
11
11
  @import 'glostick';
12
12
  @import 'header';
13
+ @import 'google-cse';
13
14
  @import 'footer';
@@ -1,23 +1,15 @@
1
1
  module Bookends
2
2
  module ApplicationHelper
3
- def search_path
4
- '/search'
5
- end
6
-
7
3
  def relative_search_path
8
4
  '/search'
9
5
  end
10
6
 
11
- def login_path
12
- 'https://id.heroku.com'
13
- end
14
-
15
7
  def search_disabled?
16
8
  false
17
9
  end
18
10
 
19
11
  def google_search_form
20
- "<gcse:searchbox-only resultsUrl='#{search_path}'></gcse:searchbox-only>".html_safe
12
+ "<gcse:searchbox-only resultsUrl='/search'></gcse:searchbox-only>".html_safe
21
13
  end
22
14
 
23
15
  def google_search_results
@@ -51,6 +43,10 @@ module Bookends
51
43
  link_to title, url, class: options[:class], data: data
52
44
  end
53
45
 
46
+ def hero_class
47
+ #to be overriden by consumers, optionally
48
+ end
49
+
54
50
  private
55
51
  def glostick_user
56
52
  @glostick_user ||= GlostickUserExtractor.new(cookies).user
@@ -88,16 +88,16 @@
88
88
  <a href="<%= Bookends::Config.host_www %>/home" title="heroku.com" class="sfdc-logo">Heroku is a <span></span> company</a>
89
89
  </div>
90
90
  <div class="col">
91
- <p>
92
- &copy;
93
- <script type="text/javascript"> document.write(new Date().getFullYear()); </script>
94
- Salesforce.com
95
- </p>
96
91
  <ul>
97
92
  <li><a href="<%= Bookends::Config.host_www %>/home">heroku.com</a></li>
98
93
  <li><a href="<%= Bookends::Config.host_www %>/policy/tos">Terms of Service</a></li>
99
94
  <li><a href="<%= Bookends::Config.host_www %>/policy/privacy">Privacy</a></li>
100
95
  <li><a href="<%= Bookends::Config.host_www %>/policy/privacy#web_site_navigational_information">Cookies</a></li>
96
+ <li class="copyright">
97
+ &copy;
98
+ <script type="text/javascript"> document.write(new Date().getFullYear()); </script>
99
+ Salesforce.com
100
+ </li>
101
101
  </ul>
102
102
  </div>
103
103
  </div>
@@ -75,7 +75,7 @@
75
75
  </ul>
76
76
 
77
77
  <ul class="tool-nav">
78
- <% unless current_page?(search_path) || search_disabled? %>
78
+ <% unless current_page?('/search') || search_disabled? %>
79
79
  <li>
80
80
  <form action="<%= relative_search_path %>" class="site-search" id="site-search" method="get">
81
81
  <div class="search-input gsc-input">
@@ -123,7 +123,7 @@
123
123
  </li>
124
124
  <% else %>
125
125
  <li class="user">
126
- <%= link_to "Log in", login_path %>
126
+ <%= link_to "Log in", Bookends::Config.login_path %>
127
127
  <span>or</span>
128
128
  <%= signup_link "Sign up", { class: "sign-up highlight", referral: "www-header", campaign_id: "70130000001x9jFAAQ" } %>
129
129
  </li>
@@ -1,3 +1,3 @@
1
1
  module Bookends
2
- VERSION = "3.0.0"
2
+ VERSION = "3.0.1"
3
3
  end
@@ -4,6 +4,7 @@ production:
4
4
  host_elements: 'https://elements.heroku.com'
5
5
  host_blog: 'https://blog.heroku.com'
6
6
  host_dev_center: 'https://devcenter.heroku.com'
7
+ login_path: 'https://id.heroku.com'
7
8
 
8
9
  development: &development
9
10
  logo_link: '/'
@@ -11,6 +12,7 @@ development: &development
11
12
  host_elements: ''
12
13
  host_blog: ''
13
14
  host_dev_center: ''
15
+ login_path: 'https://id.heroku.com'
14
16
 
15
17
  test:
16
18
  <<: *development
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bookends
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0
4
+ version: 3.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Marketing Web Ops at heroku
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-09-20 00:00:00.000000000 Z
11
+ date: 2016-09-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -259,6 +259,7 @@ files:
259
259
  - app/assets/stylesheets/bookends/_fonts.scss
260
260
  - app/assets/stylesheets/bookends/_footer.scss
261
261
  - app/assets/stylesheets/bookends/_glostick.scss
262
+ - app/assets/stylesheets/bookends/_google-cse.scss
262
263
  - app/assets/stylesheets/bookends/_grid-settings.scss
263
264
  - app/assets/stylesheets/bookends/_header.scss
264
265
  - app/assets/stylesheets/bookends/_mixins.scss