jumbo-jekyll-theme 2.5.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +26 -16
  3. data/_data/footer.yml +3 -1
  4. data/_data/nav.yml +1 -3
  5. data/_data/settings.yml +35 -93
  6. data/_includes/breadcrumb.html +92 -94
  7. data/_includes/carousel-header.html +15 -0
  8. data/_includes/display-blog-posts.html +9 -9
  9. data/_includes/disqus-comments.html +20 -14
  10. data/_includes/footer.html +62 -64
  11. data/_includes/jumbotron.html +30 -85
  12. data/_includes/linaro-404.html +0 -3
  13. data/_includes/nav.html +3 -3
  14. data/_includes/post-sidebar.html +6 -6
  15. data/_includes/sidebar.html +1 -1
  16. data/_includes/sticky-tab-bar.html +16 -18
  17. data/_layouts/author.html +1 -1
  18. data/_layouts/container-breadcrumb.html +16 -3
  19. data/_layouts/container.html +6 -7
  20. data/_layouts/default.html +8 -10
  21. data/_layouts/error.html +23 -0
  22. data/_layouts/jumbotron-container.html +19 -0
  23. data/_layouts/jumbotron.html +8 -0
  24. data/_layouts/post-index.html +0 -1
  25. data/_layouts/post.html +36 -122
  26. data/_sass/app/overrides.scss +9 -8
  27. data/_sass/blog.scss +1 -1
  28. data/_sass/bootstrap/_variables.scss +7 -6
  29. data/_sass/core.scss +4 -0
  30. data/_sass/core/blog.scss +6 -5
  31. data/_sass/core/breadcrumb.scss +2 -2
  32. data/_sass/core/carousel-header.scss +91 -0
  33. data/_sass/core/carousel-styles.scss +1 -0
  34. data/_sass/core/carousel.scss +0 -6
  35. data/_sass/core/cookieconsent.scss +3 -6
  36. data/_sass/core/{404.scss → error.scss} +5 -8
  37. data/_sass/core/featherlight.scss +158 -0
  38. data/_sass/core/footer.scss +19 -42
  39. data/_sass/core/homepage.scss +1 -88
  40. data/_sass/core/jumbotron.scss +58 -25
  41. data/_sass/core/nav.scss +67 -89
  42. data/_sass/core/theme.scss +10 -0
  43. data/_sass/core/universal-nav.scss +17 -10
  44. data/_sass/home.scss +0 -1
  45. data/assets/css/{main-404.scss → main-error.scss} +1 -5
  46. data/assets/images/content/background-image1.jpg +0 -0
  47. data/assets/images/content/background-image2.png +0 -0
  48. data/assets/images/content/background-image3.jpg +0 -0
  49. data/assets/js/app/facebook.js +1 -1
  50. data/assets/js/app/main.js +82 -62
  51. data/assets/js/app/search.js +29 -0
  52. data/assets/js/app/sticky-tab-bar.js +16 -17
  53. data/assets/js/package-blog.js +2 -1
  54. data/assets/js/package-extended.js +3 -1
  55. data/assets/js/package-home.js +4 -2
  56. data/assets/js/package-main.js +2 -0
  57. data/assets/js/package-search.js +2 -0
  58. data/assets/js/vendor/cookieconsent.js +0 -9
  59. data/assets/js/vendor/featherlight.js +641 -0
  60. metadata +59 -42
  61. data/_includes/post-comments.html +0 -9
  62. data/_includes/shape-divider.html +0 -12
  63. data/_includes/shape.html +0 -52
  64. data/_layouts/container-breadcrumb-left-sidebar.html +0 -10
  65. data/_layouts/container-breadcrumb-right-sidebar.html +0 -9
  66. data/_layouts/container-breadcrumb-tabs.html +0 -7
  67. data/_layouts/container-left-sidebar.html +0 -9
  68. data/_layouts/container-right-sidebar.html +0 -9
  69. data/_layouts/full-width-breadcrumb.html +0 -10
  70. data/_layouts/full-width.html +0 -9
  71. data/_layouts/home.html +0 -21
  72. data/_layouts/post-no-sidebar.html +0 -0
  73. data/_sass/app/home.scss +0 -18
  74. data/_sass/core/twitter-feed.scss +0 -414
  75. data/assets/css/main-contact.scss +0 -23
  76. data/assets/css/main-home.scss +0 -22
  77. data/assets/css/main-lightbox.scss +0 -29
  78. data/assets/images/background-image.jpg +0 -0
  79. data/assets/images/banner.jpg +0 -0
  80. data/assets/js/vendor/lightbox.js +0 -523
data/_layouts/author.html CHANGED
@@ -1,5 +1,5 @@
1
1
  ---
2
- title: Blog
2
+ title: Authors
3
3
  permalink: /authors/
4
4
  layout: author-layout
5
5
  css-package: blog
@@ -1,6 +1,19 @@
1
1
  ---
2
- layout: full-width-breadcrumb
2
+ layout: default
3
3
  ---
4
- <div class="container">
5
- {{content}}
4
+ {% if page.carousel-header %}
5
+ {% include carousel-header.html images=page.carousel-header.images %}
6
+ {% include jumbotron.html %}
7
+ {% elsif page.jumbotron %}
8
+ {% include jumbotron.html %}
9
+ {% else %}
10
+ {% include breadcrumb.html %}
11
+ {% endif %}
12
+ <div class="row" id="content-container">
13
+ {% if page.sticky-tab-bar %}
14
+ {% include sticky-tab-bar.html %}
15
+ {% endif %}
16
+ <div class="container">
17
+ {{ content }}
18
+ </div>
6
19
  </div>
@@ -1,9 +1,8 @@
1
1
  ---
2
- layout: full-width
2
+ layout: default
3
3
  ---
4
- <div class="container">
5
- {{content}}
6
- </div>
7
-
8
-
9
-
4
+ {% if page.carousel %}
5
+ {% include carousel-header.html images=site.page.images %}
6
+ {% endif %}
7
+ {% include jumbotron.html %}
8
+ {{content}}
@@ -5,25 +5,23 @@ js-package: main
5
5
  <html lang="en">
6
6
  {% include head.html %}
7
7
  <body>
8
- {% if site.data.settings.google.tag_manager %}
9
- {% include gtm-noscript.html %}
10
- {% endif %}
11
- <div id="wrapper" class="{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}home{% else %}main{% endif %}">
12
- {% include_cached nav.html %}
8
+ {% if site.data.settings.google.tag_manager %}
9
+ {% include gtm-noscript.html %}
10
+ {% endif %}
11
+ <div id="wrapper" class="{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}home{% else %}main{% endif %}">
12
+ {% include_cached nav.html %}
13
+ <div class="container-fluid">
13
14
  {{content}}
14
-
15
15
  {% if site.data.footer.include %}
16
16
  {% include {{site.data.footer.include}} %}
17
17
  {% endif %}
18
-
19
18
  {% include github-edit.html %}
20
-
21
19
  {% if site.data.settings.newsletter.enabled == true %}
22
20
  {% include newsletter-script.html %}
23
21
  {% endif %}
24
-
25
22
  {% include_cached footer.html %}
26
23
  </div>
27
- {% include javascript.html %}
24
+ </div>
25
+ {% include javascript.html %}
28
26
  </body>
29
27
  </html>
@@ -0,0 +1,23 @@
1
+ ---
2
+ layout: jumbotron-container
3
+ permalink: /404.html
4
+ css-package: 404
5
+ title: 404 Page Not Found
6
+ ---
7
+ <div class="text-center">
8
+ {% if site.data.settings.error-pages.image %}
9
+ {% include image.html path=site.data.settings.erorr-pages.image %}
10
+ {% elsif site.data.settings.error-pages.svg %}
11
+ {% include {{site.data.settings.error-pages.svg}} %}
12
+ {% endif %}
13
+ {% if site.data.settings.error-pages.not-found-title %}
14
+ <h1>
15
+ {{site.data.settings.error-pages.not-found-title}}
16
+ </h1>
17
+ {% endif %}
18
+ {% if site.data.settings.error-pages.not-found-desc %}
19
+ <p>
20
+ {{site.data.settings.error-pages.not-found-desc}}
21
+ </p>
22
+ {% endif %}
23
+ </div>
@@ -0,0 +1,19 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% if page.carousel-header %}
5
+ {% include carousel-header.html images=page.carousel-header.images %}
6
+ {% include jumbotron.html %}
7
+ {% elsif page.jumbotron %}
8
+ {% include jumbotron.html %}
9
+ {% else %}
10
+ {% include breadcrumb.html %}
11
+ {% endif %}
12
+ <div class="row" id="content-container">
13
+ {% if page.sticky-tab-bar %}
14
+ {% include sticky-tab-bar.html %}
15
+ {% endif %}
16
+ <div class="container">
17
+ {{ content }}
18
+ </div>
19
+ </div>
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% if page.carousel %}
5
+ {% include carousel-header.html images=site.page.images %}
6
+ {% endif %}
7
+ {% include jumbotron.html %}
8
+ {{content}}
@@ -13,7 +13,6 @@ js-package: blog
13
13
  {% include pagination.html %}
14
14
  {% endif %}
15
15
  </div>
16
-
17
16
  <div class="col-md-3 blog-sidebar">
18
17
  {% include post-sidebar.html %}
19
18
  </div>
data/_layouts/post.html CHANGED
@@ -4,111 +4,58 @@ js-package: blog
4
4
  css-package: blog
5
5
  ---
6
6
  {% if page.image.featured %}
7
- <div class="container-fluid" {% if page.image.featured %}
8
- style="background: #000 url({% asset_path '{{page.image.name}}' %}) no-repeat center center fixed;
9
- background-size: cover;
10
- -webkit-background-size: cover;
11
- -moz-background-size: cover;
12
- -o-background-size: cover;
13
- background-position-y: 0px"
14
- class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
15
- {% else %}
16
- class="jumbotron text-center featured-jumbotron"
17
- {% endif %}> <!--Fluid Container -->
18
- {% if assets[page.image.name] %}
19
- <div class="row overlay"> <!--Row -->
7
+ <div class="row overlay" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{page.image.path}}');"> <!--Row -->
20
8
  <div id="featured-jumbotron" class="blog blog-full-page-image-info"> <!--Jumbotron div -->
21
9
  <h1 class="text-center" id="featured-image-blog-title">{{page.title}}</h1>
22
10
  {% if page.author %}
11
+ {% assign author = site.authors | where: "username", page.author | first %}
12
+ {% assign author-url = author.url %}
13
+ <a href="{{author-url}}">
14
+ <img class="blog-author-image" style="
15
+ background-image:url({% if author.image.path %}
16
+ '{{author.image.path}}'
17
+ {% else %}
18
+ /assets/images/'avatar-placeholder.png'
19
+ {% endif %})" />
20
+ </a>
21
+ {% endif %}
22
+ {% if page.co-author %}
23
23
  {% if site.authors %}
24
- {% assign author = site.authors | where: "username", page.author | first %}
25
- {% assign author-url = author.url %}
26
- {% assign using-data-file = false %}
27
- {% elsif site.data.authors %}
28
- {% assign using-data-file = true %}
29
- {% assign author = site.data.authors | where: "username", page.author | first %}
30
- {% assign author-url = "#" %}
24
+ {% assign co-author = site.authors | where: "username", page.co-author | first %}
25
+ {% assign co-author-url = co-author.url %}
31
26
  {% endif %}
32
-
33
- {% if site.using-data-file %}
27
+ <a href="{{co-author-url}}">
34
28
  <img class="blog-author-image" style="
35
- background-image:url({% if author.image.name %}
36
- {% asset_path '{{author.image.name}}' %}
29
+ background-image:url({% if co-author.image.name %}
30
+ {{co-author.image.name}}
37
31
  {% else %}
38
- {% asset_path 'avatar-placeholder.png' %}
39
- {% endif %})" />
40
- {% else %}
41
- <a href="{{author-url}}">
42
- <img class="blog-author-image" style="
43
- background-image:url({% if author.image.name %}
44
- {% asset_path '{{author.image.name}}' %}
45
- {% else %}
46
- {% asset_path 'avatar-placeholder.png' %}
32
+ /assets/images/avatar-placeholder.png
47
33
  {% endif %})" />
48
34
  </a>
49
- {% endif %}
50
-
51
- {% if page.co-author %}
52
- {% if site.authors %}
53
- {% assign co-author = site.authors | where: "username", page.co-author | first %}
54
- {% assign co-author-url = co-author.url %}
55
- {% elsif site.data.authors %}
56
- {% assign co-author = site.data.authors | where: "username", page.co-author | first %}
57
- {% assign co-author-url = "#" %}
58
- {% endif %}
59
- <a href="{{co-author-url}}">
60
- <img class="blog-author-image" style="
61
- background-image:url({% if co-author.image.name %}
62
- {% asset_path '{{co-author.image.name}}' %}
63
- {% else %}
64
- {% asset_path 'avatar-placeholder.png' %}
65
- {% endif %})" />
66
- </a>
67
- <br />
68
- <small class="blog-author text-center">
69
- {% if using-data-file %}
70
- By
71
- <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
72
- and
73
- <em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
74
- {% else %}
75
- By
76
- <a href="{{author-url}}">
77
- <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
78
- </a>
79
- and
80
- <a href="{{co-author-url}}">
81
- <em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
82
- </a>
83
- {% endif %}
84
- </small>
85
- <br />
86
- {% else %}
87
35
  <br />
88
36
  <small class="blog-author text-center">
89
- {% if using-data-file %}
90
- By
91
- <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
92
- {% else %}
37
+ By
38
+ <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
39
+ and
40
+ <em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
41
+ </small>
42
+ <br />
43
+ {% else %}
44
+ <br />
45
+ <small class="blog-author text-center">
93
46
  By
94
- <a href="{{author-url}}">
95
- <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
96
- </a>
97
- {% endif %}
47
+ <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
98
48
  </small>
99
49
  <br />
100
- {% endif %}
101
50
  {% endif %}
102
- {% if page.date %}<small class="blog-date text-center"><em>{{page.date | date: "%A, %B %-d, %Y"}}</em></small>{% endif %}
51
+ {% if page.date %}
52
+ <small class="blog-date text-center">
53
+ <em>{{page.date | date: "%A, %B %-d, %Y"}}</em>
54
+ </small>
55
+ {% endif %}
103
56
  </div>
104
57
  </div>
105
-
106
- {% if page.shape-divider %}
107
- {% include shape-divider.html %}
108
- {% endif %}
109
-
110
58
  </div>
111
- {% endif %}
112
59
  {% endif %}
113
60
 
114
61
  <div class="container-fluid" id="content-container">
@@ -120,7 +67,6 @@ css-package: blog
120
67
  {% unless page.image.featured %}
121
68
  <div class="post-info">
122
69
  <h1>{{page.title }}</h1>
123
-
124
70
  {% if page.date %}<small class="blog-date text-center"><em>Posted on <b>{{page.date | date: "%A, %B %-d, %Y"}}</b></em></small>{% endif %}
125
71
  {% if page.categories %}in <a href="/categories/#{{page.categories[0]}}">{{page.categories[0] | capitalize}}</a>{% endif %}
126
72
  {% if page.author %}
@@ -133,7 +79,6 @@ css-package: blog
133
79
  {% assign author = site.data.authors | where: "username", page.author | first %}
134
80
  {% assign author-url = "#" %}
135
81
  {% endif %}
136
-
137
82
  <em> By
138
83
  {% if author %}
139
84
  <a href="{{author-url}}">
@@ -153,38 +98,7 @@ css-package: blog
153
98
  {% endunless %}
154
99
  {{ content }}
155
100
  </article>
156
-
157
-
158
- {% if page.featured-products %}
159
- <h3>Featured Products</h3>
160
- <hr />
161
- <div class="row feautured-products-blog-row">
162
- {% for each in page.featured-products %}
163
-
164
- {% capture product-perma %}/product/{{each}}/{% endcapture %}
165
-
166
- {% assign product = site.data.product_db.products | where: "product_permalink", product-perma | first %}
167
-
168
- <div class="col-sm-6">
169
- <div class="col-xs-3">
170
- <div class="featured-product-blog-img">
171
- <a href="{{product.product_permalink}}">
172
- <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../../product/{{product.product_specification}}/{{each}}/images/{{product.product_images[0]}}" class="lazyload img-responsive" alt="{{product.product_title}}" />
173
- </a>
174
- </div>
175
- </div>
176
- <div class="col-xs-9">
177
- <span class="featured-product-blog-title">{{product.product_title}}</h4>
178
- <a class="btn btn-blog btn-xs btn-featured-product" href="{{product.product_permalink}}">View Product</a>
179
- </div>
180
- </div>
181
- {% endfor %}
182
- </div>
183
-
184
- <hr/>
185
- {% endif %}
186
-
187
-
101
+
188
102
  {% comment %}
189
103
  TAGS - Check to see if the tags_enabled setting in settings.yml data file is toggled.
190
104
  {% endcomment %}
@@ -195,7 +109,7 @@ css-package: blog
195
109
  COMMENTS - Check to see if comments are toggled for this particular post.
196
110
  {% endcomment %}
197
111
 
198
- {% include post-comments.html %}
112
+ {% include disqus-comments.html %}
199
113
  </div>
200
114
  <div class="col-md-3 blog-sidebar no-padding">
201
115
  {% include post-sidebar.html %}
@@ -1,36 +1,37 @@
1
1
  // Theses are the Overrides of Bootstrap Sass Variables locatted in boostrap/_variables
2
-
3
2
  $brand-primary: #20937b;
4
-
5
3
  //Home
6
4
  $home-page-title-text: #000;
7
5
  $home-page-main-title-color: $brand-primary;
8
-
9
6
  // Footer
10
7
  $footer-bg-color: #000;
11
8
  $footer-text-color: #fff;
12
-
13
9
  // Sub footer
14
10
  $sub-footer-bg-color: #ccc;
15
11
  $footer-border-color: #272727;
16
-
17
12
  // Navbar
18
13
  $navbar-text-color: #fff !default;
19
14
  $navbar-height: 66px;
20
15
  $navbar-inverse-bg: #000;
21
16
  $navbar-inverse-color: #fff;
22
-
23
17
  // Breadcrumb
24
18
  $breadcrumb-background-color: $brand-primary !default;
25
19
  $breadcrumb-title-color: #fff !default;
26
20
  $breadcrumb-span-color: #fff !default;
27
-
28
21
  // Fonts
29
22
  // Change the fonts used by Bootstrap here.
30
23
  $font-family-sans-serif: Arial, sans-serif !default;
31
24
  $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
32
25
  //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
33
26
  $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
34
-
35
27
  //Contact Page
36
28
  $contact-banner-text-color: #fff !default;
29
+ // Jumbotron Settings
30
+ $jumbotron-height: 400px;
31
+ $overlay: 0.5;
32
+ $jumbotron-font-size-xs: 26px;
33
+ $jumbotron-font-size: 32px;
34
+ $jumbotron-heading-color: #fff !default;
35
+ $jumbotron-sub-title-font-size-xs: 16px;
36
+ $jumbotron-sub-title-font-size: 18px;
37
+ $jumbotron-sub-title-color: #fff !default;
data/_sass/blog.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @import "core/breadcrumb";
3
3
  @import "core/tables";
4
4
  @import "core/blog";
5
- @import "core/lightbox";
5
+ @import "core/featherlight";
6
6
  @import "core/syntax";
7
7
  @import "core/animations";
8
8
  @import "core/carousel-styles";
@@ -342,21 +342,21 @@ $screen-phone: $screen-xs-min !default;
342
342
 
343
343
  // Small screen / tablet
344
344
  //** Deprecated `$screen-sm` as of v3.0.1
345
- $screen-sm: 1000px !default;
345
+ $screen-sm: 768px !default;
346
346
  $screen-sm-min: $screen-sm !default;
347
347
  //** Deprecated `$screen-tablet` as of v3.0.1
348
348
  $screen-tablet: $screen-sm-min !default;
349
349
 
350
350
  // Medium screen / desktop
351
351
  //** Deprecated `$screen-md` as of v3.0.1
352
- $screen-md: 1200px !default;
352
+ $screen-md: 992px !default;
353
353
  $screen-md-min: $screen-md !default;
354
354
  //** Deprecated `$screen-desktop` as of v3.0.1
355
355
  $screen-desktop: $screen-md-min !default;
356
356
 
357
357
  // Large screen / wide desktop
358
358
  //** Deprecated `$screen-lg` as of v3.0.1
359
- $screen-lg: 1400px !default;
359
+ $screen-lg: 1200px !default;
360
360
  $screen-lg-min: $screen-lg !default;
361
361
  //** Deprecated `$screen-lg-desktop` as of v3.0.1
362
362
  $screen-lg-desktop: $screen-lg-min !default;
@@ -387,20 +387,21 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
387
387
  //## Define the maximum width of `.container` for different screen sizes.
388
388
 
389
389
  // Small screen / tablet
390
- $container-tablet: (970px + $grid-gutter-width) !default;
390
+ $container-tablet: (720px + $grid-gutter-width) !default;
391
391
  //** For `$screen-sm-min` and up.
392
392
  $container-sm: $container-tablet !default;
393
393
 
394
394
  // Medium screen / desktop
395
- $container-desktop: (1100px + $grid-gutter-width) !default;
395
+ $container-desktop: (940px + $grid-gutter-width) !default;
396
396
  //** For `$screen-md-min` and up.
397
397
  $container-md: $container-desktop !default;
398
398
 
399
399
  // Large screen / wide desktop
400
- $container-large-desktop: (1370px + $grid-gutter-width) !default;
400
+ $container-large-desktop: (1140px + $grid-gutter-width) !default;
401
401
  //** For `$screen-lg-min` and up.
402
402
  $container-lg: $container-large-desktop !default;
403
403
 
404
+
404
405
  //== Navbar
405
406
  //
406
407
  //##