jumbo-jekyll-theme 4.9.0 → 5.2.0

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
  SHA256:
3
- metadata.gz: c2cdc6c9e432c4259886237d94f3e808b5c1651be85a194cc7d947a81cf4b59a
4
- data.tar.gz: dcae7bb8af5bb77e9bdcba85d9d8ea26496cb273c161c44d26be94277fe05269
3
+ metadata.gz: 35c248543ea3b769881fe716af0b0e31312eebe6661fd01f3e457d26e849daca
4
+ data.tar.gz: bbad2d1a4f29a740a76ab1beed391bb9758d07aa6029caf3b641ba7553fcb9ad
5
5
  SHA512:
6
- metadata.gz: cd9f8b346d7b9fb6701c1773f0efa3fffb562b047f5f037c39ed1449923cc6878c696a6323e2de89578b3a8b08846751f05bbc8b3499a7d50c80a12dfd5f37ad
7
- data.tar.gz: 7bae6f2e092d8dcc096d2394de752ed6cc51e4ca0cf065ef1bf4c9f63edbf4c052188d94408c10536921b104bc8c038253490db7a860d101745ccdc45158ba98
6
+ metadata.gz: 5d159ef6954e62295acaa7514179e91a43cace85934e263068503f847fd69a917c42136285197875eb4978dbeda8e864f6d88936e90555eac27f4b5247ac4e80
7
+ data.tar.gz: 29201848e55eb2462de941cbdb21d803969eac8da961553c6c22b479d9c22e61bd36e916d100c801ffccad716d580ba47e254b5a5dda725250cfcb710c148f40
data/README.md CHANGED
@@ -42,7 +42,8 @@ A few of the main features that this theme offers:
42
42
  * Jekyll Assets - providiing minified Javascript/CSS packages.
43
43
  * Jekyll-responsive-image plugin for generating resized images upon site build.
44
44
  * Jekyll-data to override the settings added in this theme.
45
- * Jekyll-last-modified-at plugin integration - shows the users the date that the current page/post was last updated.
45
+ * Flow Layout - specific sections of a page in front matter based on predefined row styles
46
+
46
47
 
47
48
  ### Available Layouts
48
49
 
@@ -55,6 +56,7 @@ Below are a table showing the available layouts for you to use:
55
56
  layout is useful when addng custom pages. |
56
57
  | jumbotron-container (Most Common) | This is the exact same as the above but instead provides a Bootstrap 3 content container than can be used to add content to. |
57
58
  | default | This is the default layout to use which is the jumbotron-container layout |
59
+ | flow | This layout utlises the flow.html Jekyll include which takes the `flow` frontmatter section and renders bootstrap 3 styled rows with predefined styles available. Perfect for creating a neat looking page without knowing any HTML. |
58
60
 
59
61
  ### Available Includes
60
62
 
@@ -97,6 +99,8 @@ Below are a table showing the available includes for you to use:
97
99
  | thumbnail_image | Adds a responsive thumbnail image using the jekyll-repsonsive-image plugin. |
98
100
  | universal-nav | Adds a universal navbar. We used this feature to link between our main static sites. |
99
101
  | youtube | Adds a lazy loaded youtube video. |
102
+ | flow | Contains the logic for include content specified in the flow frontmatter section of a page that uses the flow layout. Basically just contains a bunch of `if` statements that include the relevant `jekyll _includes` |
103
+
100
104
 
101
105
  ### Jumbotron Layout
102
106
 
@@ -212,6 +216,17 @@ jumbotron:
212
216
 
213
217
  __Note__: The /assets/js/app/main.js theme file must be included since this instantiates the owl carousel if it exists.
214
218
 
219
+
220
+ ### Flow Layout
221
+
222
+ This is the latest layout to be added to the theme. This allows you to use a predefined list of styled rows on a page in any combination that you like (see below for full list of rows).
223
+
224
+ | Row Style | Description |
225
+ |-----------|-------------|
226
+ | members-section | Outputs your typical members row featuring row(s) of member logos. Useful for showing sponsors or customers of your project.|
227
+ | members-section | Outputs your typical members row featuring row(s) of member logos. Useful for showing sponsors or customers of your project.|
228
+
229
+
215
230
  # Adding Content
216
231
  ## Adding Pages
217
232
 
File without changes
data/_data/nav.yml CHANGED
@@ -12,7 +12,8 @@ brand:
12
12
  url: /
13
13
  # Navigation pages
14
14
  pages:
15
-
15
+ - title: Flow
16
+ url: /flow/
16
17
  - title: Jekyll
17
18
  active_paths:
18
19
  - /new/
@@ -0,0 +1,21 @@
1
+ <div class="col-xs-12">
2
+ <div class="row equal">
3
+ {% for block in include.object.content %}
4
+ <div class="col-xs-12 col-sm-{{include.object.item_width}} block {% if include.object.style %}{{include.object.style}}{% endif %}">
5
+ {% if block.url %}<a href="{{block.url}}">{% endif%}
6
+ <div class="block-inner" {% if block.background_image %}style="background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url({{block.background_image}});"{% endif %}>
7
+ {% if block.title %}
8
+ {% include core/title.html object=block.title %}
9
+ {% endif %}
10
+ {% if block.text %}
11
+ {% include core/text.html object=block.text %}
12
+ {% endif %}
13
+ {% if block.buttons %}
14
+ {% include core/buttons.html object=block.buttons %}
15
+ {% endif %}
16
+ </div>
17
+ {% if block.url %}</a>{% endif%}
18
+ </div>
19
+ {% endfor %}
20
+ </div>
21
+ </div>
@@ -0,0 +1,6 @@
1
+ <a href="{{include.object.url}}" class="btn {% if include.object.class %}{{include.object.class}}{% else %}btn-primary{% endif %}">
2
+ {{include.object.title}}
3
+ {% if include.object.icon %}
4
+ <i class="{{include.object.icon}}" aria-hidden="true"></i>
5
+ {% endif %}
6
+ </a>
@@ -0,0 +1,5 @@
1
+ <div class="col-xs-12 buttons no-padding {% if include.centered %}text-center{% endif %}">
2
+ {% for button in include.object %}
3
+ {% include core/button.html object=button %}
4
+ {% endfor %}
5
+ </div>
@@ -0,0 +1,7 @@
1
+ <div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
2
+ {% if include.object.background_image %}background_image_row{% endif %}"
3
+ {% if include.object.background_image %}style="background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url({{include.object.background_image}});"{% endif %}>
4
+ <div class="container">
5
+ {% include flow_inner.html object=include.object.items %}
6
+ </div>
7
+ </div>
@@ -0,0 +1,39 @@
1
+ <div class="col-xs-12 feature_block">
2
+ <div class="row">
3
+ <div class="col-xs-12 col-sm-7 block__image {% if include.object.side_content.position == "right" %}col-sm-push-5{% endif %}">
4
+ {% if include.object.side_content.type == "image" %}
5
+ {% assign image_path = include.object.side_content.content | remove_first: '/' %}
6
+ {% assign full_path = include.object.side_content.content %}
7
+ {% responsive_image_block %}
8
+ template: _includes/thumbnail_image.html
9
+ path: {{ image_path }}
10
+ fullpath: {{ full_path }}
11
+ {% if member.alt %}
12
+ title: {{ member.alt | slugify: "ascii"}}
13
+ alt: {{ member.alt | slugify: "ascii"}}
14
+ {% endif %}
15
+ {% endresponsive_image_block %}
16
+ {% else %}
17
+ <h2>TODO</h2>
18
+ {% endif %}
19
+ </div>
20
+ <div class="col-xs-12 col-sm-5 block__text {% if include.object.side_content.position == "right" %}col-sm-pull-7{% endif %}">
21
+ {% if include.object.title %}
22
+ <h2>{{include.object.title}}</h2>
23
+ {% endif %}
24
+ {% if include.object.highlight-text %}
25
+ <div class="font-weight-bold">
26
+ {{include.object.highlight-text | markdownify }}
27
+ </div>
28
+ {% endif %}
29
+ {% if include.object.text == "page_content" %}
30
+ {{page.content | markdownify }}
31
+ {% else %}
32
+ {{include.object.text | markdownify}}
33
+ {% endif %}
34
+ {% if include.object.buttons %}
35
+ {% include core/buttons.html object=include.object.buttons %}
36
+ {% endif %}
37
+ </div>
38
+ </div>
39
+ </div>
@@ -0,0 +1,5 @@
1
+ <div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
2
+ {% if include.object.background_image %}background_image_row{% endif %}"
3
+ {% if include.object.background_image %}style="background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url({{include.object.background_image}});"{% endif %}>
4
+ {% include flow_inner.html object=include.object.items %}
5
+ </div>
@@ -0,0 +1,32 @@
1
+ {% if include.object.data_source %}
2
+ {% assign members = site.data[include.object.data_source] %}
3
+ {% else %}
4
+ {% assign members = include.object.content %}
5
+ {% endif %}
6
+ <div class="members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
7
+ {% for member in members %}
8
+ {% if member.url %}<a href="{{member.url}}">{% endif %}
9
+ {% if member.image.path contains "http" %}
10
+ <div class="col-xs-6 col-sm-{{include.object.item_width}}">
11
+ <img class="lazyload img-responsive" alt="{{member.image.alt}}"
12
+ src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
13
+ data-src="{{member.image.path}}"/>
14
+ </div>
15
+ {% else %}
16
+ {% assign image_path = member.image.path | remove_first: '/' %}
17
+ {% assign full_path = member.image.path %}
18
+ <div class="col-xs-6 col-sm-{{include.object.item_width}}">
19
+ {% responsive_image_block %}
20
+ template: _includes/thumbnail_image.html
21
+ path: {{ image_path }}
22
+ fullpath: {{ full_path }}
23
+ {% if member.alt %}
24
+ title: {{ member.alt | slugify: "ascii"}}
25
+ alt: {{ member.alt | slugify: "ascii"}}
26
+ {% endif %}
27
+ {% endresponsive_image_block %}
28
+ </div>
29
+ {% endif %}
30
+ {% if member.url %}</a>{% endif %}
31
+ {% endfor %}
32
+ </div>
@@ -0,0 +1,10 @@
1
+ <div class="owl-carousel owl-theme" data-size="{{include.object.items | size }}"
2
+ {% if include.object.sm_items %}
3
+ data-sm-number="{{include.object.sm_items}}"
4
+ {% endif %}>
5
+ {% for item in include.object.items %}
6
+ <div class="item">
7
+
8
+ </div>
9
+ {% endfor %}
10
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="col-xs-12 text_block">
2
+ {{include.object.content | markdownify }}
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="col-xs-12 title text-center">
2
+ <{{include.object.size}}>{{include.object.content}}</{{include.object.size}}>
3
+ </div>
@@ -0,0 +1,13 @@
1
+
2
+ <form action="" method="POST" role="form">
3
+ <legend>Form title</legend>
4
+
5
+ <div class="form-group">
6
+ <label for="">label</label>
7
+ <input type="text" class="form-control" id="" placeholder="Input field">
8
+ </div>
9
+
10
+
11
+
12
+ <button type="submit" class="btn btn-primary">Submit</button>
13
+ </form>
data/_includes/flow.html CHANGED
@@ -1,19 +1,13 @@
1
- <div class="container-fluid content" id="main_container">
2
- {% for section in include.flow %}
1
+ {% for section in include.object %}
3
2
  {% if section.type == "main-content" %}
4
3
  <div class="row" id="main_content">
5
4
  <div class="container">
6
5
  {{content}}
7
6
  </div>
8
7
  </div>
9
- {% elsif section.type == "slider" %}
10
- {% include slider.html object=section %}
11
- {% elsif section.type == "latest-posts" %}
12
- {% include latest_posts.html limit=section.number_of_posts %}
13
- {% elsif section.type == "feature-block" %}
14
- {% include feature-block.html object=section %}
15
- {% elsif section.type == "cards" %}
16
- {% include cards.html object=section %}
8
+ {% elsif section.type == "content_row" %}
9
+ {% include core/content_row.html object=section %}
10
+ {% elsif section.type == "full_width_row" %}
11
+ {% include core/full_width_row.html object=section %}
17
12
  {% endif %}
18
- {% endfor %}
19
- </div>
13
+ {% endfor %}
@@ -0,0 +1,19 @@
1
+ {% for item in include.object %}
2
+ {% if item.format == "title" %}
3
+ {% include core/title.html object=item %}
4
+ {% elsif item.format == "members" %}
5
+ {% include core/members-section.html object=item %}
6
+ {% elsif item.format == "block" %}
7
+ {% include core/blocks.html object=item %}
8
+ {% elsif item.format == "buttons" %}
9
+ {% include core/buttons.html object=item.content centered=item.centered %}
10
+ {% elsif item.format == "text" %}
11
+ {% include core/text.html object=item %}
12
+ {% elsif item.format == "custom" %}
13
+ {% include {{item.include_name}} object=item %}
14
+ {% elsif item.format == "slider" %}
15
+ {% include core/slider.html object=item %}
16
+ {% elsif item.format == "feature_block" %}
17
+ {% include core/feature_block.html object=item.content %}
18
+ {% endif %}
19
+ {% endfor %}
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ {% if page.jumbotron.carousel-images %}
5
+ {% include carousel-header.html images=page.jumbotron.carousel-images %}
6
+ {% include jumbotron.html %}
7
+ {% elsif page.jumbotron %}
8
+ {% include jumbotron.html %}
9
+ {% else %}
10
+ {% include breadcrumb.html %}
11
+ {% endif %}
12
+ {% if page.flow %}
13
+ <div id="flow_wrapper">
14
+ {% include flow.html object=page.flow %}
15
+ </div>
16
+ {% else %}
17
+ <div class="row" id="content-container">
18
+ <div class="container">
19
+ {{content}}
20
+ </div>
21
+ </div>
22
+ {% endif %}
@@ -61,4 +61,6 @@ $post-tag-border: #8b8b8b !default;
61
61
  $post-tag-hover-bg: #1f1f1f !default;
62
62
  $post-tag-hover-color: #fff !default;
63
63
  // Triangle Divider
64
- $triangle-divider-bg-color: #fff !default;
64
+ $triangle-divider-bg-color: #fff !default;
65
+ // Flow sections
66
+ $flow_row_padding: 40px !default;
data/_sass/core.scss CHANGED
@@ -16,3 +16,4 @@
16
16
  @import "core/carousel-styles";
17
17
  @import "core/owl.carousel.min";
18
18
  @import "core/owl.theme.default.min";
19
+ @import "core/flow";
@@ -0,0 +1,102 @@
1
+ // Styles for flow sections
2
+ // Members section
3
+ #flow_wrapper {
4
+ .row {
5
+ padding-top: $flow_row_padding;
6
+ padding-bottom: $flow_row_padding;
7
+ background-color: $body-bg;
8
+ @media (min-width: $screen-sm-min) {
9
+ &.equal {
10
+ display: flex;
11
+ flex-wrap: wrap;
12
+ }
13
+ }
14
+ &.background_image_row {
15
+ background-size: cover !important;
16
+ background-repeat: no-repeat !important;
17
+ background-position: center center !important;
18
+ &.fixed {
19
+ background-attachment: fixed !important;
20
+ }
21
+ .title{
22
+ h1, h2, h3, h4, h5, h6 {
23
+ color: #fff;
24
+ }
25
+ }
26
+ }
27
+ &.block_row {
28
+ .block {
29
+ @media(max-width: $screen-sm-min) {
30
+ &:not(:first-child) {
31
+ margin-top: $flow_row_padding;
32
+ }
33
+ }
34
+ .block-inner {
35
+ height: 100%;
36
+ display: flex;
37
+ flex-direction: column;
38
+ overflow:auto;
39
+ background-size: cover !important;
40
+ background-repeat: no-repeat !important;
41
+ background-position: center center !important;
42
+ border-radius: 5px;
43
+ -webkit-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
44
+ -moz-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
45
+ box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
46
+ transition: all 200ms ease-in-out;
47
+ .title {
48
+ h1, h2, h3, h4, h5, h6 {
49
+ color: #fff;
50
+ }
51
+ }
52
+ p {
53
+ color: #fff;
54
+ }
55
+ .buttons {
56
+ padding-top: 10px;
57
+ padding-bottom: 10px;
58
+ }
59
+ &:hover {
60
+ transform: translateY(-5px);
61
+ -webkit-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
62
+ -moz-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
63
+ box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
64
+ }
65
+ }
66
+ }
67
+
68
+ }
69
+ }
70
+ .members_section {
71
+ &.grayscale {
72
+ img {
73
+ filter: grayscale(1);
74
+ &:hover {
75
+ filter: grayscale(0);
76
+ }
77
+ }
78
+ }
79
+ &.zoom {
80
+ img {
81
+ &:hover {
82
+ transform: scale(1.1);
83
+ }
84
+ }
85
+ }
86
+ img {
87
+ height: 100px;
88
+ margin-bottom: 20px;
89
+ margin-top: 20px;
90
+ object-fit: contain;
91
+ padding:10px;
92
+ margin: auto;
93
+ transition: all 200ms ease;
94
+ }
95
+ }
96
+ .title {
97
+ margin-bottom: 20px;
98
+ }
99
+ .buttons{
100
+ padding-top: $flow_row_padding;
101
+ }
102
+ }
@@ -11,4 +11,4 @@
11
11
  //= require app/search
12
12
  //= require app/sticky-tab-bar
13
13
  //= require app/custom
14
- //= require app/home
14
+ //= require app/home
@@ -0,0 +1,8 @@
1
+ //= require vendor/jquery
2
+ //= require vendor/bootstrap
3
+ //= require vendor/cookieconsent
4
+ //= require vendor/lazysizes
5
+
6
+ //= require app/main
7
+ //= require app/search
8
+ //= require app/custom
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jumbo-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.9.0
4
+ version: 5.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kyle Kirkby
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-06-19 00:00:00.000000000 Z
11
+ date: 2019-06-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -363,6 +363,7 @@ files:
363
363
  - README.md
364
364
  - _config.yml
365
365
  - _data/footer.yml
366
+ - _data/members-section-example.yml
366
367
  - _data/nav.yml
367
368
  - _data/settings.yml
368
369
  - _data/sidebar-nav.yml
@@ -372,11 +373,23 @@ files:
372
373
  - _includes/blog-filler-element.html
373
374
  - _includes/breadcrumb.html
374
375
  - _includes/carousel-header.html
376
+ - _includes/core/blocks.html
377
+ - _includes/core/button.html
378
+ - _includes/core/buttons.html
375
379
  - _includes/core/call-to-action-banner.html
380
+ - _includes/core/content_row.html
381
+ - _includes/core/feature_block.html
382
+ - _includes/core/full_width_row.html
383
+ - _includes/core/members-section.html
384
+ - _includes/core/slider.html
385
+ - _includes/core/text.html
386
+ - _includes/core/title.html
376
387
  - _includes/css.html
388
+ - _includes/custom_include.html
377
389
  - _includes/display-blog-posts.html
378
390
  - _includes/disqus-comments.html
379
391
  - _includes/flow.html
392
+ - _includes/flow_inner.html
380
393
  - _includes/footer.html
381
394
  - _includes/github-edit.html
382
395
  - _includes/google-analytics.html
@@ -412,6 +425,7 @@ files:
412
425
  - _layouts/container.html
413
426
  - _layouts/default.html
414
427
  - _layouts/error.html
428
+ - _layouts/flow.html
415
429
  - _layouts/jumbotron-container.html
416
430
  - _layouts/jumbotron.html
417
431
  - _layouts/post-index.html
@@ -513,6 +527,7 @@ files:
513
527
  - _sass/core/fa.scss
514
528
  - _sass/core/featherlight.scss
515
529
  - _sass/core/flipclock.scss
530
+ - _sass/core/flow.scss
516
531
  - _sass/core/fly.scss
517
532
  - _sass/core/font-awesome.min.scss
518
533
  - _sass/core/fonts.scss
@@ -586,6 +601,7 @@ files:
586
601
  - assets/js/package-extended.js
587
602
  - assets/js/package-home.js
588
603
  - assets/js/package-main.js
604
+ - assets/js/package-search.js
589
605
  - assets/js/vendor/bootstrap-multiselect.js
590
606
  - assets/js/vendor/bootstrap.js
591
607
  - assets/js/vendor/clipboard.min.js