bookends 3.0.0 → 3.0.1

Sign up to get free protection for your applications and to get access to all the features.
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