linaro-jekyll-theme 4.1.6 → 4.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: ba99ea2174690abd62fbfc32fada2fd23d43a78829ac065bfabd0eb6dc60fb04
4
- data.tar.gz: bd3417fb52aee72a77e98cd94878ef8995d3f82fbd2c348cfdffa01ac13f8fbe
3
+ metadata.gz: fab8bda675a0245790de866e06a17402ab42cb4f26fd1f2505dfa6f0603ee3eb
4
+ data.tar.gz: 594172c96c574de0b37870e659327d296047a2cfd83ebb142ece2555083212d0
5
5
  SHA512:
6
- metadata.gz: 17beace2c5d9b39f83cf421438327dc237a2d0309ef2909ac7812ece45c5dec882172c4ca20550ebeabaa1eabce8cf36e9537a8bf870863c606c1602f914ffa3
7
- data.tar.gz: deb7690192801b58d37581473b955d3d082cb9a7b788d69f8403b35f5db40b79fe1aa0785c04dab19f40822ed77f9f0a7ee27b15afadf3d8b51919db6ce8fe26
6
+ metadata.gz: bb89de18aad2eebfb88630c4f68603d6c79404e3607eb66c8d9745323578f78d3c90bd16dade1cf2a9f67383cc53daf73ebaaed041ee7e677028e9634be6f10c
7
+ data.tar.gz: 37011c5e78abd009f29e51bbab2b066437d2148a6b1320982235b44c2313a8df4bc2aed9da5296de5c2564279dbd88ddebf7d9daff2ac317ab5b05fedac1fa08
@@ -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-
@@ -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
@@ -155,3 +155,9 @@ markup_presets:
155
155
  fallback_format: webp
156
156
  fallback_width: 400
157
157
  widths: [400]
158
+ breadcrumb_banner:
159
+ markup: data_picture
160
+ attributes:
161
+ img: 'class="lazyload breadcrumb_image"'
162
+ formats: [webp, original]
163
+ 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: [/]
@@ -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>
@@ -5,15 +5,21 @@
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 %}">
@@ -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,7 +76,14 @@
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
88
  <p class="lead">
70
89
  {{page.jumbotron.description }}
@@ -0,0 +1,76 @@
1
+ {% if page.sticky_tab_bar.first %}
2
+ {% assign tab-list = page.sticky_tab_bar %}
3
+ {% else %}
4
+ {% assign sub-nav-tabs = site.data.sticky_tab_bar.pages %}
5
+ {% endif %}
6
+ {% if sub-nav-tabs %}
7
+ {% assign page-base = page.url | split:'/' %}
8
+ {% for each in sub-nav-tabs %}
9
+ {% for each-url in each.urls %}
10
+ {% if each-url == page.url %}
11
+ {% if each.list %}
12
+ {% assign tab-list = each.list %}
13
+ {% endif %}
14
+ {% elsif each.sub-pages-enabled %}
15
+ {% if page.url contains each-url %}
16
+ {% assign tab-list = each.list %}
17
+ {% endif %}
18
+ {% endif %}
19
+ {% endfor %}
20
+ {% if each.custom-include %}
21
+ {% assign custom-include = each.custom-include %}
22
+ {% endif %}
23
+ {% endfor %}
24
+ {% endif %}
25
+ {% if tab-list %}
26
+ <div class="tabbed-area non-sticky-nav" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
27
+ <nav class="navbar navbar-expand-lg navbar-light bg-light {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" role="navigation"><!-- Nav -->
28
+ <div class="container">
29
+ <a class="navbar-brand d-block d-lg-none" id="sub-navigation-header" href="#"></a><!-- Navbar Brand -->
30
+ <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse"
31
+ aria-controls="tabbed-nav-bar-collapse" aria-expanded="false" aria-label="Toggle navigation">
32
+ <span class="icon-bar"></span>
33
+ <span class="icon-bar"></span>
34
+ <span class="icon-bar"></span>
35
+ <span class="sr-only">Toggle navigation</span>
36
+ </button>
37
+ <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
38
+ <ul class="nav nav-pills flex-column flex-lg-row tabbed-nav w-100" id="tab-row" role="tablist">
39
+ {% for tab in tab-list %}
40
+ {% if tab.options %}
41
+ <li class="nav-item dropdown">
42
+ <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
43
+ {{tab.title}}
44
+ </a>
45
+ <div class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}">
46
+ {% for option in tab.options %}
47
+ <a class="dropdown-item" href="{{option.url}}">{{option.title}}</a>
48
+ {% endfor %}
49
+ </div>
50
+ </li>
51
+ {% else %}
52
+ <li role="presentation"
53
+ class=" nav-item tabbed-nav-btn {% if tab.right %}pull-right{% endif %}">
54
+ <a href="{% if tab.url == '__current_page__' %}{{page.url}}{% else %}{{tab.url}}{% endif %}"
55
+ class="nav-link {% if tab.url == '__current_page__'%}active{% elsif page.url == tab.url or tab.sub-pages and page.url contains tab.url or tab.active %}active{% endif %}"
56
+ aria-controls="overview" role="link">
57
+ {% if tab.title == "__current_page__" %}
58
+ {{page.title}}
59
+ {% else %}
60
+ {{tab.title}}
61
+ {% endif %}
62
+ </a>
63
+ </li>
64
+ {% endif %}
65
+ {% endfor %}
66
+
67
+ </ul>
68
+ </div>
69
+ </div>
70
+ </nav>
71
+ </div>
72
+ {% elsif custom-include %}
73
+ {% include {{custom-include}}.html %}
74
+ {% else %}
75
+ No content found - please add to _data/sticky_tab_bar.yml. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
76
+ {% endif %}
@@ -6,9 +6,16 @@
6
6
  {% if current_page_url == "/" %}
7
7
  {% assign current_page_url = "do-no-set"%}
8
8
  {% endif %}
9
- <nav class="navbar navbar-expand-md navbar-light bg-light" id="main-navigation">
9
+ {% assign nav_expand_point = site.nav_expand_breakpoint %}
10
+ <nav class="navbar navbar-expand-{{nav_expand_point}} navbar-light bg-light {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" id="main-navigation">
10
11
  <div class="container">
11
- {% include nav/brand.html %}
12
+ {% if site.data.nav.brand.custom_include %}
13
+ {% include {{site.data.nav.brand.custom_include}} %}
14
+ {% else %}
15
+ <a class="navbar-brand" href="/">
16
+ <img src="{{site.data.nav.brand.path}}" alt="{{site.data.nav.brand.alt}}" height="60" class="d-inline-block align-top">
17
+ </a>
18
+ {% endif %}
12
19
  <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse"
13
20
  aria-controls="navbar-collapse " aria-expanded="false" aria-label="Toggle navigation">
14
21
  <span class="icon-bar"></span>
@@ -47,15 +54,15 @@
47
54
  {% endif %}
48
55
  {% endfor %}
49
56
 
50
- <li class="nav-item dropdown {{active}}">
57
+ <li class="nav-item dropdown text-center text-{{nav_expand_point}}-left {{active}}">
51
58
  <a class="nav-link dropdown-toggle" href="#" id="dropdown-{{forloop.index}}" role="button" data-toggle="dropdown"
52
59
  aria-haspopup="true" aria-expanded="false">
53
60
  {{section.title}}
54
61
  </a>
55
- <ul class="dropdown-menu" aria-labelledby="dropdown-{{forloop.index}}">
62
+ <ul class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}" aria-labelledby="dropdown-{{forloop.index}}">
56
63
  {% for menu_option in section.options %}
57
64
  {% if menu_option.options %}
58
- <li class="dropdown-item dropdown {% if section.left %} pull-left {% endif %}">
65
+ <li class="dropdown-item dropdown text-center text-{{nav_expand_point}}-left {% if section.left %} pull-left {% endif %}">
59
66
  <a href="#" id="dropdown1-{{forloop.index}}" data-toggle="dropdown" aria-haspopup="true"
60
67
  aria-expanded="false" class="dropdown-toggle">
61
68
  {{menu_option.text}}
@@ -63,7 +70,7 @@
63
70
  <ul class="dropdown-menu" aria-labelledby="dropdown1-{{forloop.index}}">
64
71
  {% for sub-option in menu_option.options %}
65
72
  {% if sub-option.options %}
66
- <li class="dropdown-item dropdown">
73
+ <li class="dropdown-item dropdown text-center text-{{nav_expand_point}}-left">
67
74
  <a href="#" class="dropdown-toggle" id="dropdown1-1-{{forloop.index}}"
68
75
  data-toggle="dropdown" aria-haspopup="true"
69
76
  aria-expanded="false">
@@ -71,23 +78,23 @@
71
78
  </a>
72
79
  <ul class="dropdown-menu" aria-labelledby="dropdown1-1-{{forloop.index}}">
73
80
  {% for sub-sub-option in sub-option.options %}
74
- <li >
81
+ <li class="text-center text-{{nav_expand_point}}-left">
75
82
  <a href="{{sub-sub-option.url}}">{{sub-sub-option.text}}</a>
76
83
  </li>
77
84
  {% endfor %}
78
85
  </ul>
79
86
  </li>
80
87
  {% else %}
81
- <li><a href="{{sub-option.url}}">{{sub-option.text}}</a></li>
88
+ <li class="text-center text-{{nav_expand_point}}-left"><a href="{{sub-option.url}}">{{sub-option.text}}</a></li>
82
89
  {% endif %}
83
90
  {% endfor %}
84
91
  </ul>
85
92
  </li>
86
93
  {% else %}
87
- <li>
94
+ <li class="text-center text-{{nav_expand_point}}-left">
88
95
  <a href="{{menu_option.url}}">
89
96
  {{menu_option.text}}
90
- {% if menu_option.external %}<i class="glyphicon glyphicon-new-window pull-right"></i>{% endif %}
97
+ {% if menu_option.external %}<i class="icon-link-ext-alt float-right"></i>{% endif %}
91
98
  </a>
92
99
  </li>
93
100
  {% endif %}
@@ -106,20 +113,23 @@
106
113
  {% endif %}
107
114
  {% endfor %}
108
115
  {% endif %}
109
- <li class="nav-item {{active}}">
110
- <a class="nav-link" href="{{section.url}}">{{section.title}} {% if active == "active" %}<span class="sr-only">(current)</span>{% endif %}</a>
116
+ <li class="nav-item text-center text-{{nav_expand_point}}-left {{active}}">
117
+ <a class="nav-link" href="{{section.url}}">
118
+ {{section.title}}
119
+ {% if section.external %}<i class="icon-link-ext-alt float-right"></i>{% endif %}
120
+ {% if active == "active" %}<span class="sr-only">(current)</span>{% endif %}</a>
111
121
  </li>
112
122
  {% endif %}
113
123
  {% endfor %}
114
124
  {% if site.data.nav.search.enabled %}
115
- <li class="nav-item dropdown search">
125
+ <li class="nav-item dropdown text-center text-{{nav_expand_point}}-left search">
116
126
  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" aria-label="Search dropdown" data-toggle="dropdown"
117
127
  aria-haspopup="true" aria-expanded="false">
118
128
  <i class="icon-search"></i>
119
129
  </a>
120
130
  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
121
131
  <form class="form-inline flex-nowrap" action="/search/" method="GET" target="_self" id="search_form">
122
- <input class="form-control border-0" name="q" type="search" placeholder="Search..." aria-label="Search">
132
+ <input class="form-control border-0 flex-grow-1" name="q" type="search" placeholder="Search..." aria-label="Search">
123
133
  <button class="btn btn-outline-primary border-0" type="submit">Search</button>
124
134
  <input type="hidden" name="fields.label" value="{{ site.search_label }}">
125
135
  </form>
@@ -1,5 +1,6 @@
1
+ {% assign nav_expand_point = site.nav_expand_breakpoint %}
1
2
  <!-- Universal NavBar-->
2
- <nav class="navbar navbar-expand-md navbar-dark" id="universal_nav">
3
+ <nav class="navbar navbar-expand-{{nav_expand_point}} navbar-dark {% if site.hover_nav_dropdowns %}hover_animated{% endif %}" id="universal_nav">
3
4
  <div class="container">
4
5
  <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
5
6
  aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -18,7 +19,7 @@
18
19
  aria-haspopup="true" aria-expanded="false">
19
20
  {{item.title}}
20
21
  </a>
21
- <div class="dropdown-menu" aria-labelledby="universalNavbarDropdown">
22
+ <div class="dropdown-menu {% if site.nav_dropdowns_animation_class %}{{site.nav_dropdowns_animation_class}}{% endif %}" aria-labelledby="universalNavbarDropdown">
22
23
  {% for project-site in item.options %}
23
24
  <a class="dropdown-item {% if project-site.active %}active{% endif%}" href="{{project-site.url}}">{{project-site.title}}</a>
24
25
  {% endfor %}
@@ -0,0 +1,19 @@
1
+ ---
2
+ layout: base
3
+ ---
4
+ {% include components/breadcrumb.html %}
5
+ {% if page.sticky_tab_bar %}
6
+ {% include components/sticky_tab_bar.html object=page %}
7
+ {% endif %}
8
+ <div class="container-fluid main_content" id="content_wrapper">
9
+ <div class="row" id="doc_content">
10
+ <div class="container">
11
+ <div class="row">
12
+ {% if page.toc %}
13
+ <div class="col col-12 col-lg-3" id="table-of-contents">{{ content | toc_only }}</div>
14
+ {% endif %}
15
+ <div class="col col-12 {% if page.toc %}col-lg-9{% endif %}"id="markdown-content">{{ content | inject_anchors }}</div>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>