blueprint-jekyll-theme 0.1.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 +7 -0
- data/README.md +12 -0
- data/_includes/bp-agencyhead.html +134 -0
- data/_includes/bp-footer.html +104 -0
- data/_includes/bp-masthead.html +12 -0
- data/_includes/bp-search-box.html +12 -0
- data/_includes/display-media.html +22 -0
- data/_includes/head.html +24 -0
- data/_includes/header-breadcrumb.html +36 -0
- data/_includes/homepage/hero.html +46 -0
- data/_includes/homepage/media-homepage.html +98 -0
- data/_includes/links-baseurl.html +6 -0
- data/_includes/main-scripts.html +19 -0
- data/_includes/post.json +6 -0
- data/_includes/sublinks-baseurl.html +6 -0
- data/_layouts/contact-us.html +113 -0
- data/_layouts/default.html +15 -0
- data/_layouts/homepage.html +28 -0
- data/_layouts/media.html +192 -0
- data/_layouts/page-with-sideNav.html +124 -0
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +37 -0
- data/_layouts/privacy.html +26 -0
- data/_layouts/search.html +40 -0
- data/_layouts/terms-of-use.html +26 -0
- data/_layouts/who-we-are.html +84 -0
- data/assets/img/career/stories/INTERN_serena.jpg +0 -0
- data/assets/img/career/stories/TAP_Sharlene.jpg +0 -0
- data/assets/img/career/stories/TAP_kaiwen.jpg +0 -0
- data/assets/img/career/stories/TAP_weijian.jpg +0 -0
- data/assets/img/facebook.png +0 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/home/hero-banner-2.png +0 -0
- data/assets/img/home/hero-banner.png +0 -0
- data/assets/img/instagram.png +0 -0
- data/assets/img/logo_govtech.png +0 -0
- data/assets/img/logo_govtech.svg +44 -0
- data/assets/img/logo_hlb.svg +1 -0
- data/assets/img/post/pdf-icon.svg +7 -0
- data/assets/img/twitter.png +0 -0
- data/assets/img/what-we-do/application-development.svg +8 -0
- data/assets/img/what-we-do/cybersecurity.svg +7 -0
- data/assets/img/what-we-do/data-science.svg +11 -0
- data/assets/img/what-we-do/digitalisation-guide.svg +14 -0
- data/assets/img/what-we-do/geospatial.svg +7 -0
- data/assets/img/what-we-do/government-ict.svg +7 -0
- data/assets/img/what-we-do/sensors-iot.svg +9 -0
- data/assets/img/what-we-do/web-standards.svg +8 -0
- data/assets/img/youtube.png +0 -0
- data/assets/js/build-index.js +54 -0
- data/assets/js/cancel-notification.js +5 -0
- data/assets/js/common.js +383 -0
- data/assets/js/home.js +53 -0
- data/assets/js/jquery.sticky-sidebar.js +749 -0
- data/assets/js/lunr.min.js +1 -0
- data/assets/js/owl.carousel.js +3275 -0
- data/assets/js/search.js +167 -0
- data/assets/js/sideNav-offset.js +8 -0
- data/assets/js/worker.js +19 -0
- data/assets/posts.json +33 -0
- metadata +145 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 927eaca4f53b0c45ca0b80a24f68b13d823bc3b388df81e0356bc08d3b656b3d
|
|
4
|
+
data.tar.gz: 453b7775c9e20bcc5063f21c6b3fa6708149b9f39ee1ce79b2ab58df85547c5d
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: a783825c1d67d5257e9e855fb3ed19d9b6ba2519f926c45682f9cd8583b752a4178321c62ebfe8841d2bb9683755b4a6628ed522560ddfa2989bb0501db1a39f
|
|
7
|
+
data.tar.gz: 800f41dab68a39ba5c72aea66e7b09f6d96db63c229a52a7a3c53ed9898903f5b736d0844d7e8a087712628cee709a0404d4284ec24e2e2f63b4a57f4e583ccc
|
data/README.md
ADDED
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
<div class="masthead-container" id="navbar">
|
|
2
|
+
{% include bp-masthead.html %}
|
|
3
|
+
<nav class="navbar is-transparent">
|
|
4
|
+
<div class="bp-container">
|
|
5
|
+
|
|
6
|
+
{% assign homepage = site.data.homepage %}
|
|
7
|
+
|
|
8
|
+
<div class="navbar-brand">
|
|
9
|
+
<a class="navbar-item" href="{{ site.baseurl }}/">
|
|
10
|
+
<img src="{{ site.baseurl }}{{ homepage.agency-logo }}" alt="" width="240" height="27.406">
|
|
11
|
+
</a>
|
|
12
|
+
<div class="navbar-burger burger" data-target="navbarExampleTransparentExample">
|
|
13
|
+
<span></span>
|
|
14
|
+
<span></span>
|
|
15
|
+
<span></span>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<div id="navbarExampleTransparentExample" class="navbar-menu">
|
|
20
|
+
<div class="navbar-start">
|
|
21
|
+
<div class="navbar-item is-hidden-desktop is-search-bar">
|
|
22
|
+
<form action="{{ site.baseurl }}/search/" method="get">
|
|
23
|
+
<div class="field has-addons">
|
|
24
|
+
<div class="control has-icons-left is-expanded">
|
|
25
|
+
<input class="input is-fullwidth" id="search-box" type="text" placeholder="What are you looking for?" name="query">
|
|
26
|
+
<span class="is-large is-left">
|
|
27
|
+
<i class="bp-icon bp-icon-search search-bar"></i>
|
|
28
|
+
</span>
|
|
29
|
+
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</form>
|
|
33
|
+
</div>
|
|
34
|
+
<!-- {%- assign links = site.data.navigation -%}
|
|
35
|
+
|
|
36
|
+
{%- for link in links -%}
|
|
37
|
+
{% assign class = nil %}
|
|
38
|
+
{% if page.url contains link.url %}
|
|
39
|
+
{% assign class = 'active' %}
|
|
40
|
+
{% endif %}
|
|
41
|
+
<div class="navbar-item">
|
|
42
|
+
<a class="{{class}}" href="{{link.url}}" target="{{link.target}}">
|
|
43
|
+
{{link.title}}
|
|
44
|
+
</a>
|
|
45
|
+
<div class="selector {{class}} is-hidden-touch"></div>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
{%- endfor -%}
|
|
49
|
+
</div> -->
|
|
50
|
+
|
|
51
|
+
{%- assign links = site.data.navigation -%}
|
|
52
|
+
{%- for link in links -%}
|
|
53
|
+
{% include links-baseurl.html %}
|
|
54
|
+
<!-- Generates base-url based on whether the link is internal or external -->
|
|
55
|
+
|
|
56
|
+
{%- assign class = nil -%}
|
|
57
|
+
{%- if page.url contains link.url -%}
|
|
58
|
+
{%- assign class = 'active' -%}
|
|
59
|
+
{%- endif -%}
|
|
60
|
+
{%- if link.sub-links -%}
|
|
61
|
+
<div class="navbar-item has-dropdown is-hoverable">
|
|
62
|
+
{% if link.title == 'LEGISLATION' %}
|
|
63
|
+
<span class="navbar-link">{{ link.title }}</span>
|
|
64
|
+
{% elsif link.title == 'APPLICATION GUIDELINES' %}
|
|
65
|
+
<a class="navbar-link" href="{{ base-url }}{{ site.application-guidelines[0].permalink }}">
|
|
66
|
+
APPLICATION GUIDELINES
|
|
67
|
+
</a>
|
|
68
|
+
{% else %}
|
|
69
|
+
<a class="navbar-link" href="{{ base-url }}{{ link.url }}">
|
|
70
|
+
{{ link.title }}
|
|
71
|
+
</a>
|
|
72
|
+
{% endif %}
|
|
73
|
+
<div class="selector {{class}} is-hidden-touch"></div>
|
|
74
|
+
<div class="navbar-dropdown">
|
|
75
|
+
{%- if link.title == 'APPLICATION GUIDELINES' -%}
|
|
76
|
+
{%- for application-guideline in site.application-guidelines -%}
|
|
77
|
+
<a class="navbar-item sub-link" href="{{ site.baseurl }}{{application-guideline.permalink}}">
|
|
78
|
+
{{application-guideline.title}}
|
|
79
|
+
</a>
|
|
80
|
+
{%- endfor -%}
|
|
81
|
+
|
|
82
|
+
{%- else -%}
|
|
83
|
+
{%- for sublink in link.sub-links -%}
|
|
84
|
+
{%- include sublinks-baseurl.html -%}
|
|
85
|
+
{%- assign class = nil -%}
|
|
86
|
+
{%- if page.url contains sublink.url -%}
|
|
87
|
+
<a class="navbar-item sub-link is-active" href="{{ sublink-base-url }}{{ sublink.url }}">
|
|
88
|
+
{{ sublink.title }}
|
|
89
|
+
</a>
|
|
90
|
+
|
|
91
|
+
{%- else -%}
|
|
92
|
+
<a class="navbar-item sub-link" href="{{ sublink-base-url }}{{ sublink.url }}">
|
|
93
|
+
{{ sublink.title }}
|
|
94
|
+
</a>
|
|
95
|
+
{%- endif -%}
|
|
96
|
+
{%- endfor -%}
|
|
97
|
+
{%- endif -%}
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
{%- else -%}
|
|
101
|
+
<li class="navbar-item">
|
|
102
|
+
<a href="{{ base-url }}{{ link.url }}">{{ link.title }}</a>
|
|
103
|
+
<div class="selector {{class}} is-hidden-touch"></div>
|
|
104
|
+
</li>
|
|
105
|
+
{%- endif -%}
|
|
106
|
+
{%- endfor -%}
|
|
107
|
+
</div>
|
|
108
|
+
|
|
109
|
+
<div class="navbar-end is-hidden-touch">
|
|
110
|
+
<div class="navbar-item">
|
|
111
|
+
{% if page.layout != 'search' %}
|
|
112
|
+
<a class="bp-button is-text is-large" style="text-decoration: none" id="search-activate">
|
|
113
|
+
<span class="bp-icon bp-icon-search is-size-4"></span>
|
|
114
|
+
</a>
|
|
115
|
+
{% else %}
|
|
116
|
+
<a class="bp-button is-text is-large" style="text-decoration: none; pointer-events: none;" id="search-activate" disabled></a>
|
|
117
|
+
{% endif %}
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
</nav>
|
|
123
|
+
|
|
124
|
+
<div class="bp-container hide is-hidden-touch search-bar" id="search-bar">
|
|
125
|
+
<div class="row margin--top--sm margin--bottom--sm is-gapless">
|
|
126
|
+
|
|
127
|
+
<div class="col">
|
|
128
|
+
<form action="{{ site.baseurl }}/search/" method="get">
|
|
129
|
+
{% include bp-search-box.html %}
|
|
130
|
+
</form>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
<footer class="bp-footer top-section">
|
|
2
|
+
<div class="bp-container ">
|
|
3
|
+
<div class="row">
|
|
4
|
+
<div class="col footer-col header padding--top--lg padding--bottom--lg">
|
|
5
|
+
<h5 class="sub-header has-text-white"><b>{{site.title}}</b></h5>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="row is-top">
|
|
9
|
+
{%- assign links = site.data.footer -%}
|
|
10
|
+
|
|
11
|
+
<!-- Footer links for tablet/desktop -->
|
|
12
|
+
{%- for link in links -%}
|
|
13
|
+
{% include links-baseurl.html %}
|
|
14
|
+
{% if link.title == 'Media' %}
|
|
15
|
+
|
|
16
|
+
<div class="col footer-col is-hidden-mobile">
|
|
17
|
+
<p class="sub-header"><a href="{{ base-url }}{{ link.url }}">{{link.title}}</a></p>
|
|
18
|
+
{%- for sublink in link.sub-links -%}
|
|
19
|
+
{% include sublinks-baseurl.html %}
|
|
20
|
+
<p><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
|
|
21
|
+
{%- endfor -%}
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
{% else %}
|
|
25
|
+
|
|
26
|
+
<div class="col footer-col is-hidden-mobile">
|
|
27
|
+
{% if link.title == 'Application Guidelines' %}
|
|
28
|
+
<p class="sub-header"><b><a class="has-text-white" href="{{ base-url }}{{ site.application-guidelines[0].permalink }}">Application Guidelines</a></b></p>
|
|
29
|
+
|
|
30
|
+
{%- for application-guideline in site.application-guidelines -%}
|
|
31
|
+
<p class="is-hidden-mobile"><a href="{{ site.baseurl }}{{application-guideline.permalink}}">
|
|
32
|
+
{{application-guideline.title}}
|
|
33
|
+
</a></p>
|
|
34
|
+
{%- endfor -%}
|
|
35
|
+
{% else %}
|
|
36
|
+
<p class="sub-header"><b><a class="has-text-white" href="{{ base-url }}{{ link.url }}">{{link.title}}</a></b></p>
|
|
37
|
+
{%- for sublink in link.sub-links -%}
|
|
38
|
+
{% include sublinks-baseurl.html %}
|
|
39
|
+
<p class="is-hidden-mobile"><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
|
|
40
|
+
{%- endfor -%}
|
|
41
|
+
|
|
42
|
+
{% endif %}
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
{% endif %}
|
|
46
|
+
{%- endfor -%}
|
|
47
|
+
<div class="col footer-col is-hidden-mobile"></div>
|
|
48
|
+
|
|
49
|
+
<!-- Footer links for mobile -->
|
|
50
|
+
<div class="col footer-col is-hidden-tablet is-hidden-desktop">
|
|
51
|
+
{%- for link in links -%}
|
|
52
|
+
{% include links-baseurl.html %}
|
|
53
|
+
<p><a href="{{ base-url }}{{ link.url }}">{{link.title}}</a></p>
|
|
54
|
+
{% if link.title == 'Media' %}
|
|
55
|
+
{%- for sublink in link.sub-links -%}
|
|
56
|
+
{% include sublinks-baseurl.html %}
|
|
57
|
+
<p><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
|
|
58
|
+
{%- endfor -%}
|
|
59
|
+
{% endif %}
|
|
60
|
+
{%- endfor -%}
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
</div>
|
|
64
|
+
<div class="row">
|
|
65
|
+
<div class="col footer-col padding--top--sm padding--bottom--sm is-right-desktop-only">
|
|
66
|
+
<ul>
|
|
67
|
+
<li class="is-inline-block-desktop-only">
|
|
68
|
+
<p><a href="{{site.baseurl}}/contact-us/">Contact Us</a></p>
|
|
69
|
+
</li>
|
|
70
|
+
<li class="is-inline-block-desktop-only">
|
|
71
|
+
<p><a href="https://form.sg/#!/forms/govtech/5a9ce876b3a3b6006e6b8335" target="_blank">Feedback</a></p>
|
|
72
|
+
</li>
|
|
73
|
+
<li class="is-inline-block-desktop-only">
|
|
74
|
+
<p><a href="http://www.ifaq.gov.sg/HLB/apps/Fcd_faqmain.aspx" target="_blank">FAQ</a></p>
|
|
75
|
+
</li>
|
|
76
|
+
</ul>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</footer>
|
|
81
|
+
<footer class="bp-footer bottom-section">
|
|
82
|
+
<div class="bp-container ">
|
|
83
|
+
<div class="row is-vcentered">
|
|
84
|
+
<div class="col footer-col padding--top--none padding--bottom--none">
|
|
85
|
+
<div class="col footer-col divider padding--top--none padding--bottom--none"></div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="row is-vcentered padding--top--sm">
|
|
89
|
+
<div class="col footer-col">
|
|
90
|
+
<ul>
|
|
91
|
+
<li><a href="{{site.baseurl}}/privacy/">Privacy</a></li>
|
|
92
|
+
<li><a href="{{site.baseurl}}/terms-of-use/">Terms of Use</a></li>
|
|
93
|
+
<!-- <li><a>Rate Service</a></li> -->
|
|
94
|
+
</ul>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="col footer-col has-text-right-desktop has-text-right-tablet has-text-left-mobile">
|
|
97
|
+
<p class="is-hidden-touch"> © 2018 Singapore Government. Last Updated {{site.last_updated}}</p>
|
|
98
|
+
<p class="is-hidden-desktop">© 2018 Singapore Government</p>
|
|
99
|
+
<p class="is-hidden-desktop last-updated">Last Updated {{site.last_updated}}</b>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</footer>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<section class="bp-section bp-masthead">
|
|
2
|
+
<div class="bp-container ">
|
|
3
|
+
<div class="row is-multiline is-vcentered">
|
|
4
|
+
<div class="col is-9-desktop is-12-touch has-text-centered-touch">
|
|
5
|
+
<a href="http://www.gov.sg" alt="Singapore Government" target="_blank">
|
|
6
|
+
<span class="bp-icon bp-icon-sg-crest" style="color:red"></span>
|
|
7
|
+
<span class="is-text">A Singapore Government Agency Website</span>
|
|
8
|
+
</a>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
</section>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<div class="field has-addons">
|
|
2
|
+
<div class="control has-icons-left is-expanded">
|
|
3
|
+
<input class="input is-fullwidth is-large" id="search-box" type="text" placeholder="What are you looking for?" name="query" autocomplete="off">
|
|
4
|
+
<span class="is-large is-left">
|
|
5
|
+
<i class="bp-icon bp-icon-search is-size-4 search-bar"></i>
|
|
6
|
+
</span>
|
|
7
|
+
|
|
8
|
+
</div>
|
|
9
|
+
<div class="control">
|
|
10
|
+
<button type="submit" class="bp-button is-secondary is-medium has-text-white search-button">SEARCH</button>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<!-- {% if post.categories[1] == 'corporate-publications' or post.categories[1] == 'facts-&-figures' %}
|
|
2
|
+
<div class="col is-3 ">
|
|
3
|
+
<img src="/assets/img/media-releases/1.jpg" alt="">
|
|
4
|
+
<div class="news-content">
|
|
5
|
+
<small class="tag has-text-grey">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
6
|
+
<h4 class="title">
|
|
7
|
+
<a href="{{ site.baseurl }}{{ post.url | absolute_url | append: '.html'}}" class="has-text-grey-dark">{{ post.title | truncatewords : 10}}</a>
|
|
8
|
+
</h4>
|
|
9
|
+
<small class="date has-text-grey">
|
|
10
|
+
{{ post.date | date_to_string }}
|
|
11
|
+
</small>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
{% else %}
|
|
15
|
+
<div class="col is-3">
|
|
16
|
+
<div class="bg-{{post.categories[1] | replace: '-&' , ''}} padding--lg" style="height:100%">
|
|
17
|
+
<small class="has-text-white padding--bottom--lg">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
18
|
+
<h4 class="title"><a href="{{ site.baseurl }}{{ post.url | absolute_url | append: '.html' }}" class="has-text-white">{{ post.title }}</a></h4>
|
|
19
|
+
<small class="has-text-white">{{ post.date | date_to_string | upcase }}</small>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
{% endif %} -->
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="UTF-8">
|
|
3
|
+
<meta name="viewport"
|
|
4
|
+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
6
|
+
<meta property="og:title" content="{{site.title}}">
|
|
7
|
+
<meta property="og:description" content="{{site.description}}">
|
|
8
|
+
<meta property="og:image" content="{{site.baseurl}}/assets/img/logo_blueprint.png">
|
|
9
|
+
<meta property="og:url" content="{{site.baseurl}}">
|
|
10
|
+
<link rel="shortcut icon" href="{{site.baseurl}}/assets/img/favicon.ico" type="image/x-icon">
|
|
11
|
+
<link rel="stylesheet" href="https://datagovsg.github.io/blueprint-css/blueprint.css">
|
|
12
|
+
<link rel="stylesheet" href="{{"/misc/theme-colors/custom.css" | prepend: site.baseurl }}">
|
|
13
|
+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
|
|
14
|
+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
|
|
15
|
+
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">-->
|
|
16
|
+
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Muli|Roboto" rel="stylesheet">
|
|
17
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
|
18
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
|
|
19
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
|
|
20
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
|
|
21
|
+
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script> -->
|
|
22
|
+
|
|
23
|
+
<title>{{ page.title }}</title>
|
|
24
|
+
</head>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<nav class="bp-breadcrumb" aria-label="breadcrumbs">
|
|
2
|
+
<ul>
|
|
3
|
+
<li><a href="{{ site.baseurl }}/"><small>{{ "Home" | upcase }}</small></a></li>
|
|
4
|
+
{%- capture page_url_without_index_html -%}{{ page.url | remove: "/index.html" }}{%- endcapture -%}
|
|
5
|
+
{% assign splitted_url_parts = page_url_without_index_html | split: '/' %}
|
|
6
|
+
{% capture forLoopMaxInt %}{{ splitted_url_parts.size | minus:1 }}{% endcapture %}
|
|
7
|
+
|
|
8
|
+
{% for i in (1..forLoopMaxInt) %}
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
{% capture current_breadcrumb_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/index.html{% endcapture %}
|
|
12
|
+
{% capture current_breadcrumb_md_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/{% endcapture %}
|
|
13
|
+
{% capture next_prepender %}{{next_prepender}}/{{ splitted_url_parts[i] }}{% endcapture %}
|
|
14
|
+
|
|
15
|
+
{% for breadcrumb_page in site.pages %}
|
|
16
|
+
|
|
17
|
+
{% if current_breadcrumb_url == breadcrumb_page.permalink or current_breadcrumb_md_url == breadcrumb_page.permalink %}
|
|
18
|
+
<li><a href="{{ site.baseurl }}{{breadcrumb_page.permalink}}"><small>{{breadcrumb_page.breadcrumb | upcase}}</small></a></li>
|
|
19
|
+
{% endif %}
|
|
20
|
+
|
|
21
|
+
<!-- Special case for the media index.html since the media page is paginated and cannot have a permalink -->
|
|
22
|
+
{% if current_breadcrumb_url == breadcrumb_page.file_url or current_breadcrumb_md_url == breadcrumb_page.file_url %}
|
|
23
|
+
<li><a href="{{ site.baseurl }}{{breadcrumb_page.file_url}}"><small>{{breadcrumb_page.breadcrumb | upcase}}</small></a></li>
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% endfor %}
|
|
26
|
+
|
|
27
|
+
<!-- Repeat for _services -->
|
|
28
|
+
{% for breadcrumb_page in site.application-guidelines %}
|
|
29
|
+
{% if current_breadcrumb_url == breadcrumb_page.permalink or current_breadcrumb_md_url == breadcrumb_page.permalink %}
|
|
30
|
+
<li><a href="{{ site.baseurl }}{{breadcrumb_page.permalink}}"><small>{{breadcrumb_page.breadcrumb | upcase}}</small></a></li>
|
|
31
|
+
{% endif %}
|
|
32
|
+
{% endfor %}
|
|
33
|
+
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</ul>
|
|
36
|
+
</nav>
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{% assign homepage = site.data.homepage %}
|
|
2
|
+
|
|
3
|
+
<style>
|
|
4
|
+
|
|
5
|
+
.bg-hero {
|
|
6
|
+
background: url('{{homepage.hero-banner}}') no-repeat top left;
|
|
7
|
+
-webkit-background-size: cover;
|
|
8
|
+
background-size: cover;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
</style>
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
<section class="bp-hero bg-hero">
|
|
15
|
+
<div class="bp-hero-body">
|
|
16
|
+
<div class="bp-container ">
|
|
17
|
+
<div class="row is-vcentered">
|
|
18
|
+
<div class="col is-8 is-offset-2 has-text-centered has-text-white">
|
|
19
|
+
<h1 class="display padding--bottom--lg margin--none">
|
|
20
|
+
<b class="is-hidden-touch">{{ homepage.hero-title }}</b>
|
|
21
|
+
<b class="is-hidden-desktop">{{ homepage.hero-title }}</b>
|
|
22
|
+
</h1>
|
|
23
|
+
<h5 class="is-hidden-mobile padding--bottom--sm">
|
|
24
|
+
{{ homepage.hero-subtitle }}
|
|
25
|
+
</h5>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</section>
|
|
31
|
+
<section id="key-highlights" class="bp-section is-paddingless">
|
|
32
|
+
<div class="bp-container">
|
|
33
|
+
<div class="row is-gapless has-text-centered">
|
|
34
|
+
{% for key-highlight in homepage.key-highlights %}
|
|
35
|
+
|
|
36
|
+
<div class="col">
|
|
37
|
+
<a href="{{ key-highlight.url }}">
|
|
38
|
+
<p class="has-text-weight-semibold has-text-white key-highlight-title is-uppercase">{{ key-highlight.title }}</p>
|
|
39
|
+
<p class="has-text-white-trans">{{ key-highlight.description }}</p>
|
|
40
|
+
</a>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
{% endfor %}
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</section>
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{% assign homepage = site.data.homepage %}
|
|
2
|
+
|
|
3
|
+
<section class="bp-section bg-newssection">
|
|
4
|
+
<div class="bp-container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col is-half is-offset-one-quarter has-text-centered padding--top--xl">
|
|
7
|
+
<p class="padding--bottom eyebrow is-uppercase">
|
|
8
|
+
{{ homepage.media-title }}
|
|
9
|
+
</p>
|
|
10
|
+
<h1 class="has-text-secondary padding--bottom"><b>{{ homepage.media-subtitle }}</b></h1>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="row padding--bottom">
|
|
14
|
+
{% for post in site.posts limit:3 %}
|
|
15
|
+
<div class="col">
|
|
16
|
+
{% if post.image %}
|
|
17
|
+
<img src="assets/img/{{ post.categories[1]}}/{{forloop.index}}.jpg" alt="">
|
|
18
|
+
<div class="news-content">
|
|
19
|
+
<div>
|
|
20
|
+
<small class="tag has-text-grey">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
21
|
+
<h4 class="title">
|
|
22
|
+
<a href="{{ post.url | absolute_url | append: '.html'}}" class="has-text-grey-dark">{{ post.title }}</a>
|
|
23
|
+
</h4>
|
|
24
|
+
</div>
|
|
25
|
+
<small class="date has-text-grey">
|
|
26
|
+
{{ post.date | date_to_string }}
|
|
27
|
+
</small>
|
|
28
|
+
</div>
|
|
29
|
+
{% else %}
|
|
30
|
+
{% if post.categories[1] == 'forms-&-templates' %}
|
|
31
|
+
<a href="{{ post.file_url | absolute_url }}">
|
|
32
|
+
<div class="media-card-plain bg-media-color-one padding--lg" style="height:100%">
|
|
33
|
+
<div>
|
|
34
|
+
<small class="has-text-white padding--bottom">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
35
|
+
<h4 class="has-text-white padding--bottom--lg"><b>{{ post.title }}</b></h4>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="is-fluid padding--top--xl description">
|
|
38
|
+
<small class="has-text-white">{{ post.date | date_to_string | upcase }}</small>
|
|
39
|
+
<small class="has-text-white">
|
|
40
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
41
|
+
</small>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</a>
|
|
45
|
+
{% elsif post.categories[1] == 'guides' %}
|
|
46
|
+
<a href="{{ post.file_url | absolute_url }}">
|
|
47
|
+
<div class="media-card-plain bg-media-color-two padding--lg" style="height:100%">
|
|
48
|
+
<div>
|
|
49
|
+
<small class="has-text-white padding--bottom">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
50
|
+
<h4 class="has-text-white padding--bottom--lg"><b>{{ post.title }}</b></h4>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="is-fluid padding--top--xl description">
|
|
53
|
+
<small class="has-text-white">{{ post.date | date_to_string | upcase }}</small>
|
|
54
|
+
<small class="has-text-white">
|
|
55
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
56
|
+
</small>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
</a>
|
|
60
|
+
{% else %}
|
|
61
|
+
<a href="{{ post.url | absolute_url }}">
|
|
62
|
+
<div class="media-card-plain bg-media-color-three padding--lg" style="height:100%">
|
|
63
|
+
<div>
|
|
64
|
+
<small class="has-text-white padding--bottom">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
65
|
+
<h4 class="has-text-white padding--bottom--lg"><b>{{ post.title }}</b></h4>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="is-fluid padding--top--xl description">
|
|
68
|
+
<small class="has-text-white">{{ post.date | date_to_string | upcase }}</small>
|
|
69
|
+
<small class="has-text-white">
|
|
70
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
71
|
+
</small>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</a>
|
|
75
|
+
{% endif %}
|
|
76
|
+
<!-- <div class="content bg-{{post.categories[1] | replace: '-&' , ''}} padding--lg" style="height:100%">
|
|
77
|
+
<small class="has-text-white padding--bottom--lg">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
78
|
+
<h4 class="title"><a href="{{ post.url | absolute_url | append: '.html' }}" class="has-text-white">{{ post.title }}</a></h4>
|
|
79
|
+
<small class="has-text-white">{{ post.date | date_to_string | upcase }}</small>
|
|
80
|
+
</div> -->
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
{% endif %}
|
|
84
|
+
</div>
|
|
85
|
+
{% endfor %}
|
|
86
|
+
</div>
|
|
87
|
+
<div class="row has-text-centered margin--top padding--bottom--xl">
|
|
88
|
+
<div class="col is-offset-one-third is-one-third">
|
|
89
|
+
<a href="{{ site.baseurl }}/media/" class="bp-sec-button">
|
|
90
|
+
<div>
|
|
91
|
+
<span>{{ homepage.media-more-button }}</span>
|
|
92
|
+
<i class="bp-icon bp-icon-arrow-right" aria-hidden="true"></i>
|
|
93
|
+
</div>
|
|
94
|
+
<!--<i class="fa fa-arrow-right" aria-hidden="true"></i>-->
|
|
95
|
+
</a>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
</section>
|