linaro-jekyll-theme 4.1.3 → 4.3.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 +4 -4
- data/_config.yml +24 -9
- data/_data/nav.yml +18 -3
- data/_data/picture.yml +41 -5
- data/_data/sticky_tab_bar.yml +24 -0
- data/_data/universal_nav.yml +23 -10
- data/_includes/blog/post_search_fess.html +11 -0
- data/_includes/components/breadcrumb.html +5 -2
- data/_includes/components/cookie_manager.html +2 -2
- data/_includes/components/head.html +2 -2
- data/_includes/components/jumbotron.html +24 -5
- data/_includes/components/sticky_tab_bar.html +76 -0
- data/_includes/flow/blocks.html +1 -1
- data/_includes/flow/feature_block.html +3 -0
- data/_includes/flow/flow_inner.html +1 -1
- data/_includes/flow/members.html +26 -0
- data/_includes/js_bundles/vendor.html +1 -0
- data/_includes/nav/nav.html +24 -14
- data/_includes/nav/universal_nav.html +38 -8
- data/_layouts/documentation.html +19 -0
- data/_layouts/flow.html +3 -0
- data/_layouts/post.html +20 -7
- data/_sass/app/overrides.scss +26 -9
- data/_sass/core.scss +2 -0
- data/_sass/core/blog.scss +6 -1
- data/_sass/core/breadcrumb.scss +36 -13
- data/_sass/core/carousel-header.scss +53 -61
- data/_sass/core/documentation.scss +39 -0
- data/_sass/core/flow.scss +108 -83
- data/_sass/core/fontello.scss +178 -45
- data/_sass/core/jumbotron.scss +32 -31
- data/_sass/core/navbar.scss +171 -58
- data/_sass/core/sticky_tab_bar.scss +35 -0
- data/_sass/core/theme.scss +76 -46
- data/assets/fonts/fontello/fontello.eot +0 -0
- data/assets/fonts/fontello/fontello.svg +34 -0
- data/assets/fonts/fontello/fontello.ttf +0 -0
- data/assets/fonts/fontello/fontello.woff +0 -0
- data/assets/fonts/fontello/fontello.woff2 +0 -0
- data/assets/images/breadcrumb-banner.png +0 -0
- data/assets/js/app/main.js +147 -22
- data/assets/js/vendor/ofi.js +132 -0
- metadata +27 -20
- data/_includes/flow/members-section.html +0 -24
- data/_includes/sticky-tab-bar.html +0 -61
data/_includes/flow/blocks.html
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
{% capture block_image_alt %}{{block.title}} image {% endcapture %}
|
|
36
36
|
{% picture card_block_image {{block_image}} --alt {{block_image_alt}} %}
|
|
37
37
|
{% endif %}
|
|
38
|
-
<div class="card-body {% if block.
|
|
38
|
+
<div class="card-body {% if block.content_style %}{{block.content_style}}{% endif %}">
|
|
39
39
|
{% if block.title %}
|
|
40
40
|
<h5 class="card-title">{{block.title}}</h5>
|
|
41
41
|
{% endif %}
|
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
{% if include.object.feature_block_content.buttons %}
|
|
37
37
|
{% include flow/buttons.html object=include.object.feature_block_content.buttons %}
|
|
38
38
|
{% endif %}
|
|
39
|
+
{% if include.object.feature_block_content.custom_include %}
|
|
40
|
+
{% include {{include.object.feature_block_content.custom_include}} object=include.object %}
|
|
41
|
+
{% endif %}
|
|
39
42
|
</div>
|
|
40
43
|
</div>
|
|
41
44
|
</div>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
{% if section.format == "title" %}
|
|
3
3
|
{% include flow/title.html object=section %}
|
|
4
4
|
{% elsif section.format == "members" %}
|
|
5
|
-
{% include flow/members
|
|
5
|
+
{% include flow/members.html object=section %}
|
|
6
6
|
{% elsif section.format == "youtube" %}
|
|
7
7
|
<div class="col col-12 youtube_embed">
|
|
8
8
|
{% include youtube.html url=section.url title=section.title poster_image=section.poster_image %}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{% if include.object.members_content.source %}
|
|
2
|
+
{% assign members = site.data[include.object.members_content.source] %}
|
|
3
|
+
{% else %}
|
|
4
|
+
{% assign members = include.object.members_content.items %}
|
|
5
|
+
{% endif %}
|
|
6
|
+
<div class="col col-12 members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
|
|
7
|
+
<div class="row d-flex justify-content-center align-items-center">
|
|
8
|
+
{% for member in members %}
|
|
9
|
+
{% if member.image.path contains "http" %}
|
|
10
|
+
<div class="col col-6 col-sm-{{include.object.members_content.item_width}}">
|
|
11
|
+
{% if member.url %}<a href="{{member.url}}">{% endif %}
|
|
12
|
+
<img class="lazyload img-responsive" alt="{{member.image.alt}}"
|
|
13
|
+
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
|
|
14
|
+
data-src="{{member.image.path}}"/>
|
|
15
|
+
{% if member.url %}</a>{% endif %}
|
|
16
|
+
</div>
|
|
17
|
+
{% else %}
|
|
18
|
+
<div class="col col-6 col-sm-{{include.object.members_content.item_width}}">
|
|
19
|
+
{% if member.url %}<a href="{{member.url}}">{% endif %}
|
|
20
|
+
{% picture members_image {{member.image.path}} --alt {{member.image.alt}} %}
|
|
21
|
+
{% if member.url %}</a>{% endif %}
|
|
22
|
+
</div>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
data/_includes/nav/nav.html
CHANGED
|
@@ -6,9 +6,16 @@
|
|
|
6
6
|
{% if current_page_url == "/" %}
|
|
7
7
|
{% assign current_page_url = "do-no-set"%}
|
|
8
8
|
{% endif %}
|
|
9
|
-
|
|
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
|
-
{%
|
|
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="
|
|
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}}">
|
|
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-
|
|
3
|
+
<nav class="navbar navbar-expand-{{nav_expand_point}} navbar-dark" 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">
|
|
@@ -13,23 +14,52 @@
|
|
|
13
14
|
<ul class="navbar-nav ml-auto">
|
|
14
15
|
{% for item in site.data.universal_nav.items %}
|
|
15
16
|
{% if item.options %}
|
|
16
|
-
<li class="nav-item dropdown {% for project-site in item.options %}{% if project-site.active %}active{% break %}{% endif %}{% endfor %}">
|
|
17
|
-
|
|
17
|
+
<li class="nav-item dropdown {% if item.hamburger_toggle %}dropdown_hamburger{% endif %} {% for project-site in item.options %}{% if project-site.active %}active{% break %}{% endif %}{% endfor %}">
|
|
18
|
+
{% if item.hamburger_toggle %}
|
|
19
|
+
<button class="ml-auto mt-1 d-none d-{{nav_expand_point}}-block" type="button" role="button" data-toggle="dropdown"
|
|
20
|
+
aria-haspopup="true" aria-expanded="false" aria-label="Toggle {{item.title}} Dropdown">
|
|
21
|
+
<span class="icon-bar"></span>
|
|
22
|
+
<span class="icon-bar"></span>
|
|
23
|
+
<span class="icon-bar"></span>
|
|
24
|
+
<span class="sr-only d-none">Toggle navigation</span>
|
|
25
|
+
</button>
|
|
26
|
+
<a class="nav-link dropdown-toggle d-block d-{{nav_expand_point}}-none" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
|
|
18
27
|
aria-haspopup="true" aria-expanded="false">
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
28
|
+
{{item.title}}
|
|
29
|
+
</a>
|
|
30
|
+
{% else %}
|
|
31
|
+
<a class="nav-link dropdown-toggle" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
|
|
32
|
+
aria-haspopup="true" aria-expanded="false">
|
|
33
|
+
{{item.title}}
|
|
34
|
+
</a>
|
|
35
|
+
{% endif %}
|
|
36
|
+
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="universalNavbarDropdown">
|
|
22
37
|
{% for project-site in item.options %}
|
|
23
38
|
<a class="dropdown-item {% if project-site.active %}active{% endif%}" href="{{project-site.url}}">{{project-site.title}}</a>
|
|
24
39
|
{% endfor %}
|
|
25
40
|
</div>
|
|
26
41
|
</li>
|
|
27
42
|
{% else %}
|
|
28
|
-
<li class="nav-item {% if item.active %}active{% endif %}">
|
|
29
|
-
<a target="_self" class="nav-link" href="{{item.url}}">
|
|
43
|
+
<li class="nav-item {% if item.icon %}nav-item-icon d-none d-{{nav_expand_point}}-block{% endif %} {% if item.active %}active{% endif %}">
|
|
44
|
+
<a target="_self" class="nav-link" href="{{item.url}}">
|
|
45
|
+
{% if item.icon %}
|
|
46
|
+
<span class="{{item.icon}}"></span>
|
|
47
|
+
{% else %}
|
|
48
|
+
{{item.title}}
|
|
49
|
+
{% endif %}
|
|
50
|
+
<span class="sr-only">(current)</span></a>
|
|
30
51
|
</li>
|
|
31
52
|
{% endif %}
|
|
32
53
|
{% endfor %}
|
|
54
|
+
<li class="nav-item nav-item-icon d-block d-{{nav_expand_point}}-none">
|
|
55
|
+
{% for item in site.data.universal_nav.items %}
|
|
56
|
+
{% if item.icon %}
|
|
57
|
+
<a target="_blank" class="nav-link" href="{{item.url}}">
|
|
58
|
+
<span class="{{item.icon}}"></span>
|
|
59
|
+
</a>
|
|
60
|
+
{% endif %}
|
|
61
|
+
{% endfor %}
|
|
62
|
+
</li>
|
|
33
63
|
</ul>
|
|
34
64
|
</div>
|
|
35
65
|
</div>
|
|
@@ -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>
|
data/_layouts/flow.html
CHANGED
|
@@ -6,6 +6,9 @@ layout: base
|
|
|
6
6
|
{% elsif page.breadcrumb %}
|
|
7
7
|
{% include components/breadcrumb.html %}
|
|
8
8
|
{% endif %}
|
|
9
|
+
{% if page.sticky_tab_bar %}
|
|
10
|
+
{% include components/sticky_tab_bar.html object=page %}
|
|
11
|
+
{% endif %}
|
|
9
12
|
<div class="container-fluid main_content" id="flow_wrapper">
|
|
10
13
|
{% if page.flow %}
|
|
11
14
|
{% for each in page.flow %}
|
data/_layouts/post.html
CHANGED
|
@@ -2,14 +2,26 @@
|
|
|
2
2
|
layout: base
|
|
3
3
|
css_package: blog
|
|
4
4
|
---
|
|
5
|
-
<div itemscope="" itemtype="http://schema.org/BlogPosting">
|
|
5
|
+
<div itemscope="" itemtype="http://schema.org/BlogPosting" >
|
|
6
|
+
<meta itemprop="mainEntityOfPage" content="{{page.url | absolute_url}}"/>
|
|
7
|
+
<div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
|
|
8
|
+
<meta itemprop="name" content="{{site.schema.name}}" />
|
|
9
|
+
<meta itemprop="url" content="{{site.schema.url}}" />
|
|
10
|
+
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
|
|
11
|
+
<meta itemprop="url" content="{{site.schema.logo}}">
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
6
14
|
<div class="container-fluid" >
|
|
7
15
|
{% if page.strap_image %}
|
|
8
16
|
<div class="row" id="image_header">
|
|
9
17
|
{% assign image_path = page.strap_image %}
|
|
10
18
|
{% capture image_alt %}{{page.title}} background image{% endcapture %}
|
|
11
19
|
{% picture header_image {{image_path}} --alt {{image_alt}} %}
|
|
20
|
+
<meta itemprop="image" content="{{image_path | absolute_url}}" />
|
|
12
21
|
</div>
|
|
22
|
+
{% else %}
|
|
23
|
+
{% assign image_path = page.image %}
|
|
24
|
+
<meta itemprop="image" content="{{image_path | absolute_url}}" />
|
|
13
25
|
{% endif %}
|
|
14
26
|
<div class="row">
|
|
15
27
|
<div class="container">
|
|
@@ -18,7 +30,7 @@ css_package: blog
|
|
|
18
30
|
</div>
|
|
19
31
|
<div class="row bg-light">
|
|
20
32
|
<div class="container">
|
|
21
|
-
<div class="row"
|
|
33
|
+
<div class="row">
|
|
22
34
|
<div class="col col-12 col-sm-2">
|
|
23
35
|
{% assign author = site.authors | where: "username", page.author | first %}
|
|
24
36
|
{% assign author-url = author.url %}
|
|
@@ -29,8 +41,9 @@ css_package: blog
|
|
|
29
41
|
{% else %}
|
|
30
42
|
{% assign author_image = site.avatar_placeholder %}
|
|
31
43
|
{% endif %}
|
|
32
|
-
<div class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center">
|
|
33
|
-
<
|
|
44
|
+
<div class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
|
|
45
|
+
<meta itemprop="name" content="{{author_name}}" />
|
|
46
|
+
<a href="{{author-url}}" itemprop="url" content="{{author-url | absolute_url}}">
|
|
34
47
|
{% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
|
|
35
48
|
</a>
|
|
36
49
|
</div>
|
|
@@ -39,12 +52,12 @@ css_package: blog
|
|
|
39
52
|
<div class="row">
|
|
40
53
|
<div class="col col-12">
|
|
41
54
|
<div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
|
|
42
|
-
<strong
|
|
55
|
+
<strong>{{author_name}}</strong>
|
|
43
56
|
</div>
|
|
44
57
|
<span class="divider d-none d-md-inline-block">|</span>
|
|
45
58
|
<div class="post_info text-center text-md-left d-block d-md-inline-block">
|
|
46
|
-
<div class="
|
|
47
|
-
<time datetime="{{page.date}}" itemprop="datePublished">{{page.date | date: "%A, %B %-d, %Y"}}</time>
|
|
59
|
+
<div class="d-inline-block mx-2">
|
|
60
|
+
<time datetime="{{page.date}}" itemprop="datePublished dateModified" rel="BlogPosting">{{page.date | date: "%A, %B %-d, %Y"}}</time>
|
|
48
61
|
</div>
|
|
49
62
|
<span class="divider">|</span>
|
|
50
63
|
<div class="read_time d-inline-block mx-2">
|
data/_sass/app/overrides.scss
CHANGED
|
@@ -4,29 +4,40 @@ $secondary: #575757;
|
|
|
4
4
|
$theme-colors: (
|
|
5
5
|
"primary": $primary,
|
|
6
6
|
"secondary": $secondary,
|
|
7
|
-
"danger": #ff4136
|
|
7
|
+
"danger": #ff4136,
|
|
8
8
|
);
|
|
9
9
|
// Universal Navbar
|
|
10
10
|
$universal_navbar_height_padding: 0px;
|
|
11
|
-
$universal_navbar_text_color: #
|
|
11
|
+
$universal_navbar_text_color: #000;
|
|
12
|
+
$universal_navbar_active_text_hover_color: #fff;
|
|
13
|
+
$universal_navbar_icon_color: #fff;
|
|
12
14
|
$universal_navbar_bg_color: $primary;
|
|
15
|
+
$universal_navbar_active_text_color: #fff;
|
|
16
|
+
$universal_navbar_active_bg_color: #000;
|
|
13
17
|
// Main Navbar
|
|
14
18
|
$navbar_height_padding: 5px;
|
|
15
19
|
$navbar_text_color: #575757;
|
|
16
20
|
$navbar_bg_color: #fff;
|
|
21
|
+
// Breakpoint at which navbars are expanded
|
|
22
|
+
// Also set in the _data/nav.yml file - both are needed
|
|
23
|
+
$nav_expand_point: "lg";
|
|
17
24
|
// Jumbotron
|
|
18
25
|
$jumbotron_bg_color: lightgray;
|
|
19
26
|
$jumbotron_height: 350px;
|
|
20
27
|
// Typography
|
|
21
28
|
@font-face {
|
|
22
29
|
font-display: fallback;
|
|
23
|
-
font-family:
|
|
24
|
-
src: url(
|
|
25
|
-
src: url(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
font-family: "Lato";
|
|
31
|
+
src: url("/assets/fonts/lato/Lato-regular.eot"); /* IE9 Compat Modes */
|
|
32
|
+
src: url("/assets/fonts/lato/Lato-regular.eot?#iefix")
|
|
33
|
+
format("embedded-opentype"),
|
|
34
|
+
/* IE6-IE8 */ url("/assets/fonts/lato/Lato-regular.woff2") format("woff2"),
|
|
35
|
+
/* Super Modern Browsers */ url("/assets/fonts/lato/Lato-regular.woff")
|
|
36
|
+
format("woff"),
|
|
37
|
+
/* Pretty Modern Browsers */ url("/assets/fonts/lato/Lato-regular.ttf")
|
|
38
|
+
format("truetype"),
|
|
39
|
+
/* Safari, Android, iOS */ url("/assets/fonts/lato/Lato-regular.svg")
|
|
40
|
+
format("svg"); /* Legacy iOS */
|
|
30
41
|
}
|
|
31
42
|
// Fonts
|
|
32
43
|
$font-family-base: "Lato";
|
|
@@ -41,3 +52,9 @@ $cookie_consent_bg: #000;
|
|
|
41
52
|
$cookie_consent_text_color: #fff;
|
|
42
53
|
// Breadcrumb
|
|
43
54
|
$breadcrumb_bg_color: #e9ecef;
|
|
55
|
+
// Sticky Tab Bar
|
|
56
|
+
$tabbed_nav_height: 80px;
|
|
57
|
+
$tabbed_nav_bg: #fff;
|
|
58
|
+
$tabbed_nav_text_colour: #000;
|
|
59
|
+
$tabbed_nav_active_bg_colour: $secondary;
|
|
60
|
+
$tabbed_nav_active_colour: #fff;
|
data/_sass/core.scss
CHANGED
data/_sass/core/blog.scss
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
max-height: 400px;
|
|
11
11
|
height: 100%;
|
|
12
12
|
object-fit: cover;
|
|
13
|
+
font-family: "object-fit: cover;";
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
}
|
|
@@ -18,8 +19,10 @@
|
|
|
18
19
|
height: 200px;
|
|
19
20
|
overflow: hidden;
|
|
20
21
|
object-fit: cover;
|
|
21
|
-
|
|
22
|
+
font-family: "object-fit: cover;";
|
|
23
|
+
.header_background_image {
|
|
22
24
|
object-fit: cover;
|
|
25
|
+
font-family: "object-fit: cover;";
|
|
23
26
|
object-position: 50% 50% !important;
|
|
24
27
|
height: 200px;
|
|
25
28
|
width: 100vw;
|
|
@@ -169,6 +172,7 @@
|
|
|
169
172
|
height: 100px;
|
|
170
173
|
transition: all 100ms ease-out;
|
|
171
174
|
object-fit: cover;
|
|
175
|
+
font-family: "object-fit: cover;";
|
|
172
176
|
&:hover {
|
|
173
177
|
transform: rotate(-5deg);
|
|
174
178
|
-webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
|
|
@@ -212,6 +216,7 @@
|
|
|
212
216
|
height: 150px;
|
|
213
217
|
width: 100%;
|
|
214
218
|
object-fit: cover;
|
|
219
|
+
font-family: "object-fit: cover;";
|
|
215
220
|
}
|
|
216
221
|
&:after {
|
|
217
222
|
content: "";
|
data/_sass/core/breadcrumb.scss
CHANGED
|
@@ -1,18 +1,41 @@
|
|
|
1
1
|
#wrapper {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
#breadcrumb {
|
|
3
|
+
background-color: $breadcrumb_bg_color;
|
|
4
|
+
&.breadcrumb_bg {
|
|
5
|
+
position: relative;
|
|
6
|
+
img.breadcrumb_image {
|
|
7
|
+
position: absolute;
|
|
8
|
+
height: 100%;
|
|
9
|
+
width: 100%;
|
|
10
|
+
object-fit: cover;
|
|
11
|
+
font-family: "object-fit: cover;";
|
|
12
|
+
filter: brightness(0.8);
|
|
13
|
+
z-index: 0;
|
|
14
|
+
}
|
|
15
|
+
.container {
|
|
16
|
+
z-index: 1;
|
|
17
|
+
position: relative;
|
|
9
18
|
ol {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
19
|
+
background-color: transparent;
|
|
20
|
+
color: white;
|
|
21
|
+
}
|
|
22
|
+
h1 {
|
|
23
|
+
color: white;
|
|
16
24
|
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
h1 {
|
|
28
|
+
margin-top: 0px;
|
|
29
|
+
margin-bottom: 0px;
|
|
30
|
+
padding-top: 10px;
|
|
31
|
+
}
|
|
32
|
+
ol {
|
|
33
|
+
background-color: $breadcrumb_bg_color;
|
|
34
|
+
padding-left: 0px;
|
|
35
|
+
li:not(:first-child)::before {
|
|
36
|
+
content: "\00bb\00a0";
|
|
37
|
+
padding-left: 5px;
|
|
38
|
+
}
|
|
17
39
|
}
|
|
40
|
+
}
|
|
18
41
|
}
|