linaro-jekyll-theme 4.1.4 → 4.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +20 -0
  3. data/_data/nav.yml +18 -3
  4. data/_data/picture.yml +35 -5
  5. data/_data/sticky_tab_bar.yml +24 -0
  6. data/_data/universal_nav.yml +23 -10
  7. data/_includes/blog/post_search_fess.html +11 -0
  8. data/_includes/components/breadcrumb.html +5 -2
  9. data/_includes/components/cookie_manager.html +2 -2
  10. data/_includes/components/github_edit.html +5 -5
  11. data/_includes/components/head.html +4 -2
  12. data/_includes/components/jumbotron.html +30 -11
  13. data/_includes/components/sticky_tab_bar.html +76 -0
  14. data/_includes/flow/feature_block.html +3 -0
  15. data/_includes/js_bundles/vendor.html +1 -0
  16. data/_includes/nav/nav.html +24 -14
  17. data/_includes/nav/universal_nav.html +38 -8
  18. data/_layouts/documentation.html +19 -0
  19. data/_layouts/flow.html +3 -0
  20. data/_layouts/post.html +3 -0
  21. data/_sass/app/overrides.scss +27 -9
  22. data/_sass/core.scss +2 -0
  23. data/_sass/core/blog.scss +6 -1
  24. data/_sass/core/breadcrumb.scss +36 -13
  25. data/_sass/core/carousel-header.scss +53 -61
  26. data/_sass/core/cookies.scss +104 -90
  27. data/_sass/core/documentation.scss +39 -0
  28. data/_sass/core/flow.scss +5 -0
  29. data/_sass/core/fontello.scss +180 -45
  30. data/_sass/core/footer.scss +58 -53
  31. data/_sass/core/jumbotron.scss +32 -31
  32. data/_sass/core/navbar.scss +171 -58
  33. data/_sass/core/sticky_tab_bar.scss +35 -0
  34. data/_sass/core/theme.scss +78 -46
  35. data/assets/fonts/fontello/fontello.eot +0 -0
  36. data/assets/fonts/fontello/fontello.svg +34 -0
  37. data/assets/fonts/fontello/fontello.ttf +0 -0
  38. data/assets/fonts/fontello/fontello.woff +0 -0
  39. data/assets/fonts/fontello/fontello.woff2 +0 -0
  40. data/assets/images/breadcrumb-banner.png +0 -0
  41. data/assets/js/app/main.js +156 -24
  42. data/assets/js/vendor/ofi.js +132 -0
  43. metadata +26 -19
  44. data/_includes/sticky-tab-bar.html +0 -61
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c5c0b61cac53432b49557c91d8291f20feb3f3e0c2f2a8d891aeb2c649964510
4
- data.tar.gz: 24487ccca1a2ebb1f268c45754b05197021866c45236ee00d86b09f27105a45d
3
+ metadata.gz: 28007e6ad27b5f5eec2b41a42fcb8fe7f8479d4fc0ad8540e07587ab202f97bf
4
+ data.tar.gz: 07aa2a14689d88c57b0a2b53afc29f657bbbec5069bc3cc8d86eb2b90f2cd1b1
5
5
  SHA512:
6
- metadata.gz: f2d98bb9a3abc4860978a3e296c23061bc9bfb278f56911c87aca459c8fd178185ab439d7e7e8da65b54810cbf32581eb347c211df4d0c1567a4bd7a1634f47c
7
- data.tar.gz: 8f680f7a05066c4fa107f54885adf94f34f37e6716e9f373cbbdf74186dd461b845b2a4f99015013b83649476fe9c47048c18afea091157559826e0b8b0caca6
6
+ metadata.gz: 2f28f3b7229b41cebd1162219fd78efb0d23eee4333df61bd901d08b8077d87cf87d4da21bd650fff04dea8653540414ced372cdb4c97c485c365574b3a683db
7
+ data.tar.gz: a24847274d7bdfa9657deeb08ac366a4710680fb4814f4e3b669e1c131dce9581b2c1de99ccb16a96c759945020af9b6f8f6e0b9716caba8c5a37a3e1d83fe3a
data/_config.yml CHANGED
@@ -33,6 +33,7 @@ plugins:
33
33
  - japr
34
34
  - jekyll_picture_tag
35
35
  - jekyll-tidy
36
+ - jekyll-toc
36
37
  collections:
37
38
  authors:
38
39
  output: true
@@ -107,10 +108,19 @@ google_analytics:
107
108
  social_media_share_image: /assets/images/social-media-image.png
108
109
  # Set the default favicon
109
110
  favicon: /assets/images/favicon.png
111
+ # Toggle the animated navbar dropdown feature
112
+ # Navbar dropdowns will open on hover
113
+ hover_nav_dropdowns: true
114
+ # Set the class used to animate dropdowns e.g. fade-up / fade-down
115
+ nav_dropdowns_animation_class: fade-down
116
+ # The bootstrap breakpoint at which the navbars will expand
117
+ nav_expand_breakpoint: lg
110
118
  # Site Name - your brand name
111
119
  name: Jumbo Jekyll Theme
112
120
  # The blog filler element
113
121
  blog_filler_element: blog/blog_filler_element.html
122
+ # Breadcrumb banner image
123
+ breadcrumb_banner: /assets/images/breadcrumb-banner.png
114
124
  # Placeholder avatar
115
125
  avatar_placeholder: /assets/images/avatar-placeholder.jpg
116
126
  # Blog Post Image Placholder
@@ -188,3 +198,13 @@ asset_pipeline:
188
198
  compress: true
189
199
  output_path: assets/js
190
200
  gzip: false
201
+ # jekyll-toc
202
+ toc:
203
+ min_level: 1
204
+ max_level: 6
205
+ ordered_list: false
206
+ no_toc_section_class: no_toc_section
207
+ list_class: list-group docs_nav sticky-top
208
+ sublist_class: "list-group"
209
+ item_class: toc-entry
210
+ item_prefix: toc-
data/_data/nav.yml CHANGED
@@ -2,6 +2,11 @@ universal_nav: true
2
2
  search:
3
3
  enabled: true
4
4
  label: Linaro
5
+ expand_breakpoint: lg
6
+ brand:
7
+ # custom_include: nav/brand.html
8
+ path: /assets/images/Linaro-Logo.svg
9
+ alt: Linaro logo
5
10
  pages:
6
11
  - title: Features
7
12
  options:
@@ -25,9 +30,12 @@ pages:
25
30
  url: /flow/
26
31
  - text: Post
27
32
  url: /post/
33
+ - url: /documentation-page/
34
+ text: Documentation Page
28
35
  - options:
29
36
  - text: Overview
30
37
  url: /engineering/
38
+ external: true
31
39
  - text: Artificial Intelligence
32
40
  url: /engineering/artificial-intelligence/
33
41
  - text: Autonomous Vehicles
@@ -49,7 +57,13 @@ pages:
49
57
  - text: Power Management
50
58
  url: /engineering/core/arm-power-management/
51
59
  - text: Power Management EAS
52
- url: /engineering/core/arm-power-management/eas/
60
+ options:
61
+ - text: Flow
62
+ url: /flow/
63
+ - text: Post
64
+ url: /post/
65
+ - url: /documentation-page/
66
+ text: Documentation Page
53
67
  - text: Power Management Farm
54
68
  url: /engineering/core/arm-power-management/pmwg-farm/
55
69
  - text: Security
@@ -67,7 +81,8 @@ pages:
67
81
  - text: Multimedia
68
82
  url: /engineering/multimedia/
69
83
  title: Engineering
70
- - title: Membership
71
- url: /membership/
84
+ - title: View on GitHub
85
+ url: https://www.github.com/linaro-marketing/linaro-jekyll-theme
86
+ external: true
72
87
  - url: /blog/
73
88
  title: Blog
data/_data/picture.yml CHANGED
@@ -73,85 +73,115 @@ markup_presets:
73
73
  img: 'class="lazyload img-fluid blog_content_image "'
74
74
  formats: [webp, original]
75
75
  widths: [400, 800, 1200]
76
+ fallback_format: original
77
+ fallback_width: 1200
76
78
  members_image:
77
79
  markup: data_picture
78
80
  attributes:
79
81
  img: 'class="lazyload img-fluid members_image "'
80
82
  formats: [webp, original]
81
83
  widths: [100, 200, 300, 400]
84
+ fallback_format: original
85
+ fallback_width: 400
82
86
  header_image:
83
87
  markup: data_auto
84
88
  attributes:
85
89
  img: 'class="lazyload header_background_image"'
86
90
  formats: [webp, original]
87
91
  widths: [576, 768, 992, 1200]
88
- fallback_format: webp
89
- fallback_width: 1920
92
+ fallback_format: original
93
+ fallback_width: 1200
90
94
  content_image:
91
95
  markup: data_auto
92
96
  attributes:
93
97
  img: 'class="lazyload img-fluid content_image"'
94
98
  formats: [webp, original]
95
99
  widths: [576, 768, 992, 1200]
96
- fallback_format: webp
97
- fallback_width: 1920
100
+ fallback_format: original
101
+ fallback_width: 992
98
102
  header_slider_image:
99
103
  markup: data_picture
100
104
  attributes:
101
105
  source: 'class="owl-lazy"'
102
106
  img: 'class="owl-lazy header_background_image"'
103
107
  formats: [webp, original]
108
+ fallback_format: original
109
+ fallback_width: 1200
104
110
  widths: [400, 800, 1200, 1920]
105
111
  card_block_image:
106
112
  markup: data_picture
107
113
  attributes:
108
114
  img: 'class="lazyload card-img-top"'
109
115
  formats: [webp, original]
116
+ fallback_format: original
117
+ fallback_width: 600
110
118
  widths: [400, 600]
111
119
  feature_block_image:
112
120
  markup: data_picture
113
121
  attributes:
114
122
  img: 'class="lazyload img-fluid"'
115
123
  formats: [webp, original]
124
+ fallback_format: original
125
+ fallback_width: 900
116
126
  widths: [400, 600, 900, 1400]
117
127
  featured_blog_image:
118
128
  markup: data_picture
119
129
  attributes:
120
130
  img: 'class="lazyload img-fluid post_index_header_image"'
121
131
  formats: [webp, original]
132
+ fallback_format: original
133
+ fallback_width: 900
122
134
  widths: [400, 600, 900, 1400]
123
135
  slider_block_image:
124
136
  markup: data_picture
125
137
  attributes:
126
138
  img: 'class="lazyload img-fluid"'
127
139
  formats: [webp, original]
140
+ fallback_format: original
141
+ fallback_width: 900
128
142
  widths: [400, 600, 900, 1400]
129
143
  youtube_poster_image:
130
144
  markup: direct_url
131
145
  attributes:
132
146
  img: 'class="lazyload img-fluid"'
133
147
  formats: [webp, original]
148
+ fallback_format: original
149
+ fallback_width: 900
134
150
  widths: [400, 600, 900, 1400]
135
151
  author_thumbnail:
136
152
  markup: data_picture
137
153
  attributes:
138
154
  img: 'class="lazyload rounded-circle"'
139
155
  formats: [webp, original]
156
+ fallback_format: original
157
+ fallback_width: 100
140
158
  widths: [50, 100]
141
159
  author_thumbnail_small:
142
160
  markup: data_picture
143
161
  attributes:
144
162
  img: 'class="lazyload rounded-circle small"'
145
163
  formats: [webp, original]
164
+ fallback_format: original
165
+ fallback_width: 100
146
166
  widths: [50, 100]
147
167
  post_thumb:
148
168
  markup: data_picture
149
169
  attributes:
150
170
  img: 'class="lazyload mr-3 img-thumbnail suggested_post_thumb"'
151
171
  formats: [webp, original]
172
+ fallback_format: original
173
+ fallback_width: 400
152
174
  widths: [50, 100, 400]
153
175
  post_thumb_src_only:
154
176
  markup: direct_url
155
- fallback_format: webp
177
+ fallback_format: original
156
178
  fallback_width: 400
157
179
  widths: [400]
180
+ breadcrumb_banner:
181
+ markup: data_picture
182
+ attributes:
183
+ img: 'class="lazyload breadcrumb_image"'
184
+ formats: [webp, original]
185
+ fallback_format: original
186
+ fallback_width: 1200
187
+ widths: [1000, 1200, 2000]
@@ -0,0 +1,24 @@
1
+ pages:
2
+ # - list:
3
+ # - title: Blog
4
+ # url: /blog/
5
+ # sub-pages: true
6
+ # - title: Flow Layout
7
+ # url: /flow/
8
+ # right: true
9
+ # urls: [/, /flow/]
10
+ - list:
11
+ - title: Documentation Example
12
+ url: /documentation-page/
13
+ sub-pages: true
14
+ - title: Getting Started
15
+ url: /flow/
16
+ urls: [/documentation-page/]
17
+ - list:
18
+ - title: __current_page__
19
+ url: __current_page__
20
+ sub-pages: true
21
+ - title: Getting Started
22
+ url: /flow/
23
+ sub-pages-enabled: true
24
+ urls: [/]
@@ -1,22 +1,35 @@
1
1
  items:
2
2
  - active: true
3
3
  title: Linaro
4
- url: 'https://www.linaro.org/'
4
+ url: "https://www.linaro.org/"
5
5
  - title: Connect
6
- url: 'https://connect.linaro.org'
6
+ url: "https://connect.linaro.org"
7
7
  - title: 96Boards
8
- url: 'https://www.96boards.org'
9
- - title: Developer Cloud
10
- url: 'https://linaro.cloud'
8
+ url: "https://www.96boards.org"
9
+ - title: Twitter
10
+ icon: icon-twitter
11
+ url: "https://twitter.com/LinaroOrg"
12
+ - title: Facebook
13
+ icon: icon-facebook
14
+ url: "http://facebook.com/LinaroOrg"
15
+ - title: LinkedIn
16
+ icon: icon-linkedin
17
+ url: "https://www.linkedin.com/company/1026961"
18
+ - title: YouTube
19
+ icon: icon-youtube
20
+ url: "https://www.youtube.com/LinaroOrg"
11
21
  - options:
12
22
  - title: 96Boards.ai
13
- url: 'https://www.96boards.ai'
23
+ url: "https://www.96boards.ai"
24
+ - title: Developer Cloud
25
+ url: "https://linaro.cloud"
14
26
  - title: devicetree.org
15
- url: 'https://www.devicetree.org'
27
+ url: "https://www.devicetree.org"
16
28
  - title: OpenAMP
17
- url: 'https://www.openampproject.org'
29
+ url: "https://www.openampproject.org"
18
30
  - title: OP-TEE
19
- url: 'https://www.op-tee.org'
31
+ url: "https://www.op-tee.org"
20
32
  - title: Trusted Firmware
21
- url: 'https://www.trustedfirmware.org/'
33
+ url: "https://www.trustedfirmware.org/"
34
+ hamburger_toggle: true
22
35
  title: Projects
@@ -0,0 +1,11 @@
1
+ {% assign data = include.object.payload %}
2
+ <div class="col col-12 ">
3
+ <div id="post_search" data-search-label="{{data.search_label}}">
4
+ <input class="form-control form-control-lg" id="search-input" type="text"
5
+ placeholder="Search {{site.categories[data.category].size}} posts..." />
6
+ <a class="close_search" href="#">
7
+ X <span class="sr-only">Clear Search</span>
8
+ </a>
9
+ <ul class="list-unstyled p-3" id="results-container"></ul>
10
+ </div>
11
+ </div>
@@ -1,10 +1,13 @@
1
1
  {% assign page-url = page.url | split: "/" %}
2
2
  {% assign iterator = 2 %}
3
3
  {% assign breadcrumb-path = "/" %}
4
- <nav aria-label="breadcrumb" id="breadcrumb">
4
+ <nav aria-label="breadcrumb" {% if site.breadcrumb_banner %}class="breadcrumb_bg"{% endif %}id="breadcrumb">
5
+ {% if site.breadcrumb_banner %}
6
+ {% picture breadcrumb_banner {{site.breadcrumb_banner}} --alt "Breadcrumb banner" %}
7
+ {% endif %}
5
8
  <div class="container">
6
9
  <h1>{{page.title}}</h1>
7
- <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
10
+ <ol class="breadcrumb mb-0"" itemscope itemtype="http://schema.org/BreadcrumbList">
8
11
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"
9
12
  class="breadcrumb-item">
10
13
  <a itemprop="item" href="/">
@@ -27,7 +27,7 @@
27
27
  <div class="col col-12 col-sm-3">
28
28
  <div class="df-switch">
29
29
  <button type="button" class="btn btn-lg btn-toggle active" disabled data-toggle="button" aria-pressed="false"
30
- autocomplete="off">
30
+ autocomplete="off" aria-label="Toggle Necessary Cookies">
31
31
  <div class="inner-handle"></div>
32
32
  <div class="handle"></div>
33
33
  </button>
@@ -62,7 +62,7 @@
62
62
  <div class="col col-12 col-sm-3">
63
63
  <div class="df-switch">
64
64
  <button id="analytics_toggle" type="button" class="btn btn-lg btn-toggle" data-toggle="button" aria-pressed="false"
65
- autocomplete="off">
65
+ autocomplete="off" aria-label="Toggle Necessary Cookies">
66
66
  <div class="inner-handle"></div>
67
67
  <div class="handle"></div>
68
68
  </button>
@@ -10,9 +10,9 @@
10
10
  {% endcapture %}
11
11
  {% capture edit-me-link %}{{github-docs}}{{page-path}}{% endcapture %}
12
12
  <div class="btn-group my-2 mt-1" role="group" aria-label="Basic example" id="github_controls">
13
- <a type="button" aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary" href="{{github-home}}" id="github_home"><span class="sr-only">Go to GitHub Repo home</span><i class="icon-github-circled center-block"></i></a>
14
- <a type="button" aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an Issue</a>
15
- <a aria-label="Edit this page on GitHub" title="Edit this page on GitHub" href="{{edit-me-link | replace: " ", "" }}" type="button" class="btn btn-secondary" id="edit_on_github">Edit on GitHub</a>
13
+ <a aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary" href="{{github-home}}" id="github_home"><span class="sr-only">Go to GitHub Repo home</span><i class="icon-github-circled center-block"></i></a>
14
+ <a aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an Issue</a>
15
+ <a aria-label="Edit this page on GitHub" title="Edit this page on GitHub" href="{{edit-me-link | replace: " ", "" }}" class="btn btn-secondary" id="edit_on_github">Edit on GitHub</a>
16
16
  </div>
17
17
  {% else %}
18
18
  {% capture github-home %}{{site.edit-on-github.repo}}{% endcapture %}
@@ -22,9 +22,9 @@
22
22
  {% endcapture %}
23
23
  {% capture edit-me-link %}{{github-docs}}{{page-path}}{% endcapture %}
24
24
  <div class="btn-group my-2 mt-1" role="group" aria-label="Basic example" id="github_controls">
25
- <a type="button" aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary" href="{{github-home}}" id="github_home"> <span class="sr-only">Go to GitHub Repo home</span> <i
25
+ <a aria-label="GitHub Home" title="GitHub Home" class="btn btn-secondary" href="{{github-home}}" id="github_home"> <span class="sr-only">Go to GitHub Repo home</span> <i
26
26
  class="icon-github-circled center-block"></i></a>
27
- <a type="button" aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an
27
+ <a aria-label="Report an issue on GitHub for this page" title="Report an issue on GitHub for this page" class="btn btn-secondary" href="{{report-issue-link}}" id="submit_issue">Report an
28
28
  Issue</a>
29
29
  <a aria-label="Edit this page on GitHub" title="Edit this page on GitHub" href="{{edit-me-link | replace: " ", "" }}" type="button" class="btn btn-secondary"
30
30
  id="edit_on_github">Edit on GitHub</a>
@@ -2,8 +2,10 @@
2
2
  {% include components/http2.html %}
3
3
  <meta charset="UTF-8">
4
4
  <title>
5
- {% if page.title %}
6
- {{page.title}} - {{site.title}}
5
+ {% if page.meta_title %}
6
+ {{page.meta_title}} | {{site.title}}
7
+ {% elsif page.title %}
8
+ {{page.title}} | {{site.title}}
7
9
  {% else %}
8
10
  {{site.title}}
9
11
  {% endif %}
@@ -5,24 +5,30 @@
5
5
  {% for slide in page.jumbotron.slider %}
6
6
  <div class="item d-flex align-items-center owl-slide {% if forloop.first %}active{% endif %}">
7
7
  {% if slide.image %}
8
- {% assign image_path = slide.image %}
9
- {% picture header_slider_image {{image_path}} %}
8
+ {% assign image_path = slide.image %}
9
+ {% if slide.image_alt %}
10
+ {% capture image_alt %}{{slide.image_alt}}{% endcapture%}
11
+ {% else %}
12
+ {% if slide.title %}{% assign alt_title = slide.title %}{% else %}{% assign alt_title = page.title %}{% endif %}
13
+ {% capture image_alt %}{{alt_title}} slider header background{% endcapture%}
14
+ {% endif %}
15
+ {% picture header_slider_image {{image_path}} --alt {{image_alt}} %}
10
16
  {% endif %}
11
17
  <div class="container {% if slide.inner_class %}{{slide.inner_class}}{% endif %}">
12
18
  <div class="inner_content_wrapper">
13
19
  {% if slide.inner-image %}
14
20
  <img class="d-inline-block lazyload"
15
21
  src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
16
- data-src="{{slide.inner-image}}" alt="Slide {{forloop.index}} inner image" />
22
+ data-src="{{slide.inner-image}}" alt="Slide {{forloop.index}}" />
17
23
  {% endif %}
18
24
  {% if slide.title %}
19
25
  <h1 class=" {% if slide.title-class %}{{slide.title-class}}{% endif %}">
20
26
  {{slide.title}}</h1>
21
27
  {% endif %}
22
28
  {% if slide.description %}
23
- <p class="lead {% if slide.desciption-class %} {{slide.description-class}}{% endif %}">
24
- {{slide.description}}
25
- </p>
29
+ <div class="lead {% if slide.desciption-class %} {{slide.description-class}}{% endif %}">
30
+ {{slide.description | markdownify}}
31
+ </div>
26
32
  {% endif %}
27
33
  {% if slide.buttons %}
28
34
  <p class="lead">
@@ -47,7 +53,13 @@
47
53
  {% if page.jumbotron.image %}background_image{% endif%} {% if page.jumbotron.class %}{{page.jumbotron.class}}{% endif %}">
48
54
  {% if page.jumbotron.image %}
49
55
  {% assign image_path = page.jumbotron.image %}
50
- {% picture header_image {{image_path}} %}
56
+ {% if page.jumbotron.image_alt %}
57
+ {% capture image_alt %}{{page.jumbotron.image_alt}}{% endcapture%}
58
+ {% else %}
59
+ {% if page.jumbotron.title %}{% assign alt_title = page.jumbotron.title %}{% else %}{% assign alt_title = page.title %}{% endif %}
60
+ {% capture image_alt %}{{alt_title}} header background{% endcapture%}
61
+ {% endif %}
62
+ {% picture header_image {{image_path}} --alt {{alt_title}} %}
51
63
  {% endif %}
52
64
  {% if page.jumbotron.video %}
53
65
  <video autoplay muted preload="none" poster="{{page.jumbotron.video.poster}}" playsinline loop id="jumbotronVideo">
@@ -64,11 +76,18 @@
64
76
  {% endif %}
65
77
  <div class="container {% if page.jumbotron.inner_class %}{{page.jumbotron.inner_class}}{% endif %}">
66
78
  <div class="inner_content_wrapper">
67
- <h1 class="">{{page.jumbotron.title}}</h1>
79
+ {% if page.jumbotron.inner-image %}
80
+ <img class="d-inline-block lazyload"
81
+ src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
82
+ data-src="{{page.jumbotron.inner-image}}" alt="Header inner image" />
83
+ {% endif %}
84
+ {% if page.jumbotron.title %}
85
+ <h1 {% if page.jumbotron.title-class %}class="{{page.jumbotron.title-class}}"{% endif %}>{{page.jumbotron.title}}</h1>
86
+ {% endif %}
68
87
  {% if page.jumbotron.description %}
69
- <p class="lead">
70
- {{page.jumbotron.description }}
71
- </p>
88
+ <div class="lead">
89
+ {{page.jumbotron.description | markdownify}}
90
+ </div>
72
91
  {% endif %}
73
92
  {% if page.jumbotron.buttons %}
74
93
  <p class="lead">