linaro-jekyll-theme 4.1.3 → 4.3.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|