linaro-jekyll-theme 4.1.6 → 4.3.3

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.
Files changed (42) 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/js_bundles/vendor.html +1 -0
  15. data/_includes/nav/nav.html +24 -14
  16. data/_includes/nav/universal_nav.html +39 -8
  17. data/_layouts/documentation.html +19 -0
  18. data/_layouts/flow.html +3 -0
  19. data/_sass/app/overrides.scss +27 -9
  20. data/_sass/core.scss +2 -0
  21. data/_sass/core/blog.scss +6 -1
  22. data/_sass/core/breadcrumb.scss +36 -13
  23. data/_sass/core/carousel-header.scss +53 -61
  24. data/_sass/core/cookies.scss +104 -90
  25. data/_sass/core/documentation.scss +39 -0
  26. data/_sass/core/flow.scss +5 -0
  27. data/_sass/core/fontello.scss +180 -45
  28. data/_sass/core/footer.scss +58 -53
  29. data/_sass/core/jumbotron.scss +32 -31
  30. data/_sass/core/navbar.scss +171 -58
  31. data/_sass/core/sticky_tab_bar.scss +35 -0
  32. data/_sass/core/theme.scss +78 -46
  33. data/assets/fonts/fontello/fontello.eot +0 -0
  34. data/assets/fonts/fontello/fontello.svg +34 -0
  35. data/assets/fonts/fontello/fontello.ttf +0 -0
  36. data/assets/fonts/fontello/fontello.woff +0 -0
  37. data/assets/fonts/fontello/fontello.woff2 +0 -0
  38. data/assets/images/breadcrumb-banner.png +0 -0
  39. data/assets/js/app/main.js +156 -24
  40. data/assets/js/vendor/ofi.js +132 -0
  41. metadata +26 -19
  42. data/_includes/sticky-tab-bar.html +0 -61
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ba99ea2174690abd62fbfc32fada2fd23d43a78829ac065bfabd0eb6dc60fb04
4
- data.tar.gz: bd3417fb52aee72a77e98cd94878ef8995d3f82fbd2c348cfdffa01ac13f8fbe
3
+ metadata.gz: e6e759dcbe92e6d170436b9d110d499a93facfda09cd51433bf762f525fa5bb5
4
+ data.tar.gz: 55dfe2116af0ecd2bb1650f33a5304afbefea89fa1efe84a4560aea84e7092bc
5
5
  SHA512:
6
- metadata.gz: 17beace2c5d9b39f83cf421438327dc237a2d0309ef2909ac7812ece45c5dec882172c4ca20550ebeabaa1eabce8cf36e9537a8bf870863c606c1602f914ffa3
7
- data.tar.gz: deb7690192801b58d37581473b955d3d082cb9a7b788d69f8403b35f5db40b79fe1aa0785c04dab19f40822ed77f9f0a7ee27b15afadf3d8b51919db6ce8fe26
6
+ metadata.gz: 65f7e46494e9e44e86a2e22b0804001ef91f314a362e655b9bef57a20e7bea51c998ab4dd99a21e27d3aa1ba9a7ae29f218502e18e9ab9bd28bd5fd435522ad1
7
+ data.tar.gz: '0597d2e7870954b975522b56f40750a6115aea216167ae03752c8608c3424de65dc5644ae5bb8f3c8bcdee5ca532273637ef6ea4ce8f905ef82c2ab5d4670124'
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">