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
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<!-- DYN -->
|
|
2
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet">
|
|
3
|
+
{% if page.url contains 'application-guidelines' %}
|
|
4
|
+
<script src="{{ "/assets/js/sideNav-offset.js" | absolute_url }}"></script>
|
|
5
|
+
<script src="{{ "/assets/js/jquery.sticky-sidebar.js" | absolute_url }}"></script>
|
|
6
|
+
{% endif %}
|
|
7
|
+
<script src="{{ "/assets/js/common.js" | absolute_url }}"></script>
|
|
8
|
+
{% if page.url == "/" %}
|
|
9
|
+
<script src="{{ "/assets/js/home.js" | absolute_url }}"></script>
|
|
10
|
+
<script src="{{ "/assets/js/cancel-notification.js" | absolute_url }}"></script>
|
|
11
|
+
{% endif %}
|
|
12
|
+
|
|
13
|
+
{% if page.url contains 'search' %}
|
|
14
|
+
<script src="{{ "/assets/posts.json" | absolute_url }}"></script>
|
|
15
|
+
<script src="https://unpkg.com/lunr/lunr.js"></script>
|
|
16
|
+
<script src="{{ "/assets/js/worker.js" | absolute_url }}"></script>
|
|
17
|
+
<script src="{{ "/assets/js/search.js" | absolute_url }}"></script>
|
|
18
|
+
<script src="{{ "/assets/js/build-index.js" | absolute_url }}"></script>
|
|
19
|
+
{% endif %}
|
data/_includes/post.json
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
{% assign contact = site.data.contact-us %}
|
|
5
|
+
|
|
6
|
+
<style>
|
|
7
|
+
.bg-contact{
|
|
8
|
+
background: url('{{site.baseurl}}{{contact.image-url}}') no-repeat left 50%;
|
|
9
|
+
-webkit-background-size: cover;
|
|
10
|
+
background-size: cover;
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
|
|
14
|
+
<section class="bp-section">
|
|
15
|
+
<div class="bp-container">
|
|
16
|
+
<div class="row is-inverted">
|
|
17
|
+
<div class="col is-8 is-offset-2">
|
|
18
|
+
{% include header-breadcrumb.html %}
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="row">
|
|
22
|
+
<div class="col is-8 is-offset-2">
|
|
23
|
+
<h1 class="display has-text-weight-semibold">Get in touch with<br><span class="has-text-secondary">{{site.title-abbreviated}}</span></h1>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
</section>
|
|
28
|
+
|
|
29
|
+
<section class="bp-section is-small padding--bottom--lg">
|
|
30
|
+
<div class="bp-container">
|
|
31
|
+
<div class="row">
|
|
32
|
+
<div class="col is-8 is-offset-2">
|
|
33
|
+
<div class="row is-multiline margin--bottom--xl">
|
|
34
|
+
<div class="col is-6 padding--bottom--none">
|
|
35
|
+
<p></p>
|
|
36
|
+
<h5 class="has-text-secondary"><b>HQ Address</b></h5>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="col is-6 padding--bottom--none">
|
|
39
|
+
<h5 class="has-text-secondary"><b>Operating Hours</b></h5>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
<div class="col is-6">
|
|
43
|
+
<div>
|
|
44
|
+
<p class="margin--top--none margin--bottom--none"><b>{{site.title}}</b></p>
|
|
45
|
+
<p class="content margin--top--none">{{site.data.contact-us.address}}</p>
|
|
46
|
+
<a href="{{contact.find-directions}}" target="_blank" class="bp-sec-button has-text-secondary">
|
|
47
|
+
<div>
|
|
48
|
+
<span>FIND DIRECTIONS</span>
|
|
49
|
+
<i class="bp-icon bp-icon-arrow-right" aria-hidden="true"></i>
|
|
50
|
+
</div>
|
|
51
|
+
</a>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
{% assign operating-hours = contact.operating-hours %}
|
|
57
|
+
<div class="col is-6">
|
|
58
|
+
<div>
|
|
59
|
+
{% for operation in operating-hours%}
|
|
60
|
+
<p class="margin--top--none">
|
|
61
|
+
<b>{{operation.days}}</b>: {{operation.time}}<br>
|
|
62
|
+
{{operation.description}}
|
|
63
|
+
</p>
|
|
64
|
+
{% endfor %}
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="row is-multiline margin--bottom--xl">
|
|
70
|
+
<div class="col is-12 padding--bottom--none">
|
|
71
|
+
<h5 class="has-text-secondary"><b>Contact Us</b></h5>
|
|
72
|
+
</div>
|
|
73
|
+
{% for column in site.data.contact-us.column %}
|
|
74
|
+
<div class="col is-6">
|
|
75
|
+
<div>
|
|
76
|
+
<p class="has-text-weight-semibold margin--top--none margin--bottom--none">{{column.title}}</p>
|
|
77
|
+
{% for content in column.content %}
|
|
78
|
+
<p class="margin--top--none margin--bottom--none">
|
|
79
|
+
{% if content.line contains '(email)' %}
|
|
80
|
+
<a href="mailto:{{content.line | replace: '(email)' , '' }}">
|
|
81
|
+
<u>{{content.line | replace: '(email)' , '' }}</u>
|
|
82
|
+
</a>
|
|
83
|
+
{% else %}
|
|
84
|
+
{{content.line}}
|
|
85
|
+
{% endif %}
|
|
86
|
+
</p>
|
|
87
|
+
{% endfor %}
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
{% endfor %}
|
|
91
|
+
|
|
92
|
+
</div>
|
|
93
|
+
<div class="row is-multiline margin--bottom--lg">
|
|
94
|
+
<div class="col is-12 padding--bottom--none">
|
|
95
|
+
<h5 class="has-text-secondary has-text-weight-semibold">Send us your feedback</h5>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="col is-8">
|
|
98
|
+
<p>
|
|
99
|
+
If you have a query, feedback or wish to report a problem related to this website,
|
|
100
|
+
please fill in the <a href="https://form.sg/#!/forms/govtech/5a9ce876b3a3b6006e6b8335" target="_blank"><u>online form</u></a>.
|
|
101
|
+
</p>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
</section>
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
<section class="bp-section is-vh-60 bg-contact">
|
|
112
|
+
|
|
113
|
+
</section>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" class="has-navbar-fixed-top-desktop">
|
|
3
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet">
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
{%- include head.html -%}
|
|
7
|
+
<body>
|
|
8
|
+
{%- include bp-agencyhead.html -%}
|
|
9
|
+
<div id="main-content">
|
|
10
|
+
{{content}}
|
|
11
|
+
</div>
|
|
12
|
+
{%- include bp-footer.html -%}
|
|
13
|
+
{%- include main-scripts.html -%}
|
|
14
|
+
</body>
|
|
15
|
+
</html>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
{% if page.url == "/" %}
|
|
5
|
+
{% assign notification_content = content | strip_html | strip %}
|
|
6
|
+
{% if notification_content != "" %}
|
|
7
|
+
<div id="notification-bar" class="bp-notification bg-secondary is-marginless">
|
|
8
|
+
<div class="bp-container">
|
|
9
|
+
<div class="row">
|
|
10
|
+
<div class="col">
|
|
11
|
+
<div class="field has-addons bp-notification-flex">
|
|
12
|
+
<div class="control has-text-centered has-text-white">
|
|
13
|
+
{{ content }}
|
|
14
|
+
</div>
|
|
15
|
+
<div class="control">
|
|
16
|
+
<a id="cancel-notification" class="button has-text-white">
|
|
17
|
+
<span class="delete bp-icon bp-icon-cross"></span>
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
{% endif %}
|
|
26
|
+
{% endif %}
|
|
27
|
+
{% include homepage/hero.html %}
|
|
28
|
+
{% include homepage/media-homepage.html %}
|
data/_layouts/media.html
ADDED
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section class="bp-section is-small bp-section-pagetitle">
|
|
6
|
+
<div class="bp-container">
|
|
7
|
+
{% include header-breadcrumb.html %}
|
|
8
|
+
</div>
|
|
9
|
+
<div class="bp-container ">
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col">
|
|
12
|
+
<h1 class="has-text-white"><b>Media Room</b></h1>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</section>
|
|
17
|
+
|
|
18
|
+
<!-- Media category buttons -->
|
|
19
|
+
<!-- <section class="bp-section is-small">
|
|
20
|
+
<div class="bp-container padding--top--lg padding--bottom--lg">
|
|
21
|
+
<div class="row">
|
|
22
|
+
<div class="col is-9">
|
|
23
|
+
<div class="bp-buttons">
|
|
24
|
+
{% for category in site.categories %}
|
|
25
|
+
{% capture category_name %} {{- category | first -}} {% endcapture %}
|
|
26
|
+
|
|
27
|
+
{%- capture category_url -%}
|
|
28
|
+
{%- if category_name == 'media' -%}
|
|
29
|
+
/media/index.html
|
|
30
|
+
{%- else -%}
|
|
31
|
+
/media/{{category_name}}/index.html
|
|
32
|
+
{%- endif -%}
|
|
33
|
+
{%- endcapture -%}
|
|
34
|
+
|
|
35
|
+
{%- assign page_url_no_whitespace = page.url -%}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
<span class="bp-sec-button">
|
|
39
|
+
{% if category_name == 'media' %}
|
|
40
|
+
{% if page_url_no_whitespace == category_url %}
|
|
41
|
+
<a href="/media/" class="is-uppercase media-category-button selected"><b>ALL</b></a>
|
|
42
|
+
{% else %}
|
|
43
|
+
<a href="/media/" class="is-uppercase media-category-button"><b>ALL</b></a>
|
|
44
|
+
{% endif %}
|
|
45
|
+
{% else %}
|
|
46
|
+
{% if page_url_no_whitespace == category_url %}
|
|
47
|
+
<a href="/media/{{category_name}}/" class="is-uppercase media-category-button selected"><b>{{category_name | replace: '-', ' '}}</b></a>
|
|
48
|
+
{% else %}
|
|
49
|
+
<a href="/media/{{category_name}}/" class="is-uppercase media-category-button"><b>{{category_name | replace: '-', ' '}}</b></a>
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% endif %}
|
|
52
|
+
</span>
|
|
53
|
+
|
|
54
|
+
{% endfor %}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
</section> -->
|
|
60
|
+
|
|
61
|
+
<!-- Posts -->
|
|
62
|
+
<section class="bp-section is-small">
|
|
63
|
+
<div class="bp-container padding--top--xl padding--bottom--xl">
|
|
64
|
+
<div class="row is-multiline">
|
|
65
|
+
{% for post in paginator.posts %}
|
|
66
|
+
{% if post.categories[1] == ' '%}
|
|
67
|
+
<div class="col is-3 ">
|
|
68
|
+
<img src="/assets/img/media-releases/1.jpg" alt="">
|
|
69
|
+
<div class="news-content">
|
|
70
|
+
<div>
|
|
71
|
+
<small class="tag has-text-grey">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
72
|
+
<h4 class="title">
|
|
73
|
+
<a href="{{ post.url | absolute_url | append: '.html'}}" class="has-text-grey-dark">{{ post.title | truncatewords : 10}}</a>
|
|
74
|
+
</h4>
|
|
75
|
+
</div>
|
|
76
|
+
<small class="date has-text-grey">
|
|
77
|
+
{{ post.date | date_to_string }}
|
|
78
|
+
</small>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{% elsif post.categories[1] == 'forms-&-templates' %}
|
|
82
|
+
<div class="col is-3">
|
|
83
|
+
<a href="{{ post.file_url | absolute_url }}">
|
|
84
|
+
<div class="media-card-plain bg-media-color-one padding--lg" style="height:100%">
|
|
85
|
+
<div>
|
|
86
|
+
<small class="has-text-white padding--bottom">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
87
|
+
<h4 class="has-text-white"><b>{{ post.title }}</b></h4>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="is-fluid padding--top--xl description">
|
|
90
|
+
<small class="has-text-white is-inline">{{ post.date | date_to_string | upcase }}</small>
|
|
91
|
+
<small class="has-text-white">
|
|
92
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
93
|
+
</small>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</a>
|
|
97
|
+
</div>
|
|
98
|
+
{% elsif post.categories[1] == 'guides' %}
|
|
99
|
+
<div class="col is-3">
|
|
100
|
+
<a href="{{ post.file_url | absolute_url }}" target="_blank">
|
|
101
|
+
<div class="media-card-plain bg-media-color-two padding--lg" style="height:100%">
|
|
102
|
+
<div>
|
|
103
|
+
<small class="has-text-white padding--bottom">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
104
|
+
<h4 class="has-text-white"><b>{{ post.title }}</b></h4>
|
|
105
|
+
</div>
|
|
106
|
+
<div class="is-fluid padding--top--xl description">
|
|
107
|
+
<small class="has-text-white is-inline">{{ post.date | date_to_string | upcase }}</small>
|
|
108
|
+
<small class="has-text-white">
|
|
109
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
110
|
+
</small>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</a>
|
|
114
|
+
</div>
|
|
115
|
+
{% else %}
|
|
116
|
+
<div class="col is-3">
|
|
117
|
+
<!-- <div class="content bg-{{post.categories[1] | replace: '-&' , ''}} padding--lg" style="height:100%"> -->
|
|
118
|
+
<a href="{{ post.url | absolute_url | append: '.html' }}">
|
|
119
|
+
<div class="media-card-plain bg-media-color-three padding--lg" style="height:100%">
|
|
120
|
+
<div>
|
|
121
|
+
<small class="has-text-white padding--bottom--lg">{{ post.categories[1] | upcase | replace: '-', ' ' }}</small>
|
|
122
|
+
<h4 class="has-text-white"><b>{{ post.title }}</b></h4>
|
|
123
|
+
</div>
|
|
124
|
+
<div class="is-fluid padding--top--xl description">
|
|
125
|
+
<small class="has-text-white is-inline">{{ post.date | date_to_string | upcase }}</small>
|
|
126
|
+
<small class="has-text-white">
|
|
127
|
+
<span class="bp-icon bp-icon-download align-right"></span>
|
|
128
|
+
</small>
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
</a>
|
|
132
|
+
</div>
|
|
133
|
+
{% endif %}
|
|
134
|
+
{% endfor %}
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</section>
|
|
138
|
+
|
|
139
|
+
{% if paginator.total_pages > 1 %}
|
|
140
|
+
<div class="pagination padding--bottom--xl">
|
|
141
|
+
{% if paginator.previous_page %}
|
|
142
|
+
<a href="{{ site.baseurl }}{{ paginator.previous_page_path | replace: '//', '/' }}"><span class="bp-icon bp-icon-arrow-left"></span></a>
|
|
143
|
+
{% else %}
|
|
144
|
+
<span class="bp-icon bp-icon-arrow-left bp-icon-disabled"></span>
|
|
145
|
+
{% endif %}
|
|
146
|
+
|
|
147
|
+
<!-- Paginate-v1 -->
|
|
148
|
+
{% for each_page in (1..paginator.total_pages) %}
|
|
149
|
+
{% if each_page == paginator.page %}
|
|
150
|
+
<span class="selected-page">
|
|
151
|
+
{{ each_page }}
|
|
152
|
+
</span>
|
|
153
|
+
{% elsif each_page == 1 %}
|
|
154
|
+
<a href="{{ site.baseurl }}/media/" title="{{trail.title}}">
|
|
155
|
+
<span>
|
|
156
|
+
{{ each_page }}
|
|
157
|
+
</span>
|
|
158
|
+
</a>
|
|
159
|
+
{% else %}
|
|
160
|
+
<a href="{{ site.baseurl }}/media/page{{ each_page }}" title="{{trail.title}}">
|
|
161
|
+
<span>
|
|
162
|
+
{{ each_page }}
|
|
163
|
+
</span>
|
|
164
|
+
</a>
|
|
165
|
+
{% endif %}
|
|
166
|
+
{% endfor %}
|
|
167
|
+
|
|
168
|
+
<!-- Paginate-v2 -->
|
|
169
|
+
<!-- {% if paginator.page_trail %}
|
|
170
|
+
{% for trail in paginator.page_trail %}
|
|
171
|
+
{% if page.url == trail.path %}
|
|
172
|
+
<span class="pagination selected-page">
|
|
173
|
+
{{ trail.num }}
|
|
174
|
+
</span>
|
|
175
|
+
{% else %}
|
|
176
|
+
<a href="{{ site.baseurl }}{{ trail.path }}" title="{{trail.title}}">
|
|
177
|
+
<span class="pagination">
|
|
178
|
+
{{ trail.num }}
|
|
179
|
+
</span>
|
|
180
|
+
</a>
|
|
181
|
+
{% endif %}
|
|
182
|
+
{% endfor %}
|
|
183
|
+
{% endif %} -->
|
|
184
|
+
|
|
185
|
+
{% if paginator.next_page %}
|
|
186
|
+
<a href="{{ site.baseurl }}{{ paginator.next_page_path | replace: '//', '/' }}"><span class="bp-icon bp-icon-arrow-right"></span></a>
|
|
187
|
+
{% else %}
|
|
188
|
+
<span class="bp-icon bp-icon-arrow-right bp-icon-disabled"></span>
|
|
189
|
+
{% endif %}
|
|
190
|
+
</div>
|
|
191
|
+
{% endif %}
|
|
192
|
+
<br>
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section class="bp-section is-small bp-section-pagetitle">
|
|
6
|
+
<div class="bp-container ">
|
|
7
|
+
{% include header-breadcrumb.html %}
|
|
8
|
+
</div>
|
|
9
|
+
<div class="bp-container ">
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col">
|
|
12
|
+
<h1 class="has-text-white"><b>{{page.title}}</b></h1>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</section>
|
|
17
|
+
<section class="bp-section">
|
|
18
|
+
<div class="bp-container padding--top--lg padding--bottom--xl">
|
|
19
|
+
<div class="row is-hidden-desktop">
|
|
20
|
+
<div class="col">
|
|
21
|
+
<div class="bp-dropdown">
|
|
22
|
+
<div class="bp-dropdown-trigger">
|
|
23
|
+
<a class="bp-button is-large" aria-haspopup="true" aria-controls="dropdown-menu">
|
|
24
|
+
<span>{{page.title}}</span>
|
|
25
|
+
<span class="icon is-small">
|
|
26
|
+
<i class="bp-icon bp-icon-angle-down" aria-hidden="true"></i>
|
|
27
|
+
</span>
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="bp-dropdown-menu has-text-left" id="dropdown-menu" role="menu">
|
|
31
|
+
<div class="bp-dropdown-content">
|
|
32
|
+
<a href="#" class="bp-dropdown-item">
|
|
33
|
+
{% for application-guideline in site.application-guidelines %}
|
|
34
|
+
{% if page.url == application-guideline.permalink %}
|
|
35
|
+
<a class="bp-dropdown-item" href="{{ site.baseurl }}{{application-guideline.permalink}}"><b>{{application-guideline.title}}</b></a>
|
|
36
|
+
{% else %}
|
|
37
|
+
<a class="bp-dropdown-item" href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a>
|
|
38
|
+
{% endif %}
|
|
39
|
+
{% endfor %}
|
|
40
|
+
</a>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="row">
|
|
47
|
+
<div class="col is-2 is-position-relative has-side-nav is-hidden-touch">
|
|
48
|
+
<div class="sidenav">
|
|
49
|
+
<aside class="bp-menu is-gt sidebar__inner">
|
|
50
|
+
<ul class="bp-menu-list">
|
|
51
|
+
{% for application-guideline in site.application-guidelines %}
|
|
52
|
+
<li>
|
|
53
|
+
{% if page.url == application-guideline.permalink %}
|
|
54
|
+
<b><a class="is-active"
|
|
55
|
+
href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a></b>
|
|
56
|
+
{% else %}
|
|
57
|
+
<a href="{{ site.baseurl }}{{application-guideline.permalink}}">{{application-guideline.title}}</a>
|
|
58
|
+
{% endif %}
|
|
59
|
+
</li>
|
|
60
|
+
{% endfor %}
|
|
61
|
+
</ul>
|
|
62
|
+
</aside>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="col is-8 is-offset-1-desktop is-12-mobile">
|
|
66
|
+
<div class="row">
|
|
67
|
+
<div class="col">
|
|
68
|
+
<div class="content">
|
|
69
|
+
{{content}}
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</section>
|
|
77
|
+
|
|
78
|
+
{% for application-guideline in site.application-guidelines %}
|
|
79
|
+
{% if page.url == application-guideline.permalink %}
|
|
80
|
+
<!-- If the page is the first in the list -->
|
|
81
|
+
{% if forloop.first %}
|
|
82
|
+
{% assign nextIndex = forloop.index0 | plus: 1 %}
|
|
83
|
+
<section class="bp-section bottom-navigation">
|
|
84
|
+
<div>
|
|
85
|
+
<a href="{{ site.baseurl }}{{site.application-guidelines[nextIndex].permalink}}" class="is-full is-right">
|
|
86
|
+
<p class="has-text-weight-semibold">NEXT <span class="bp-icon bp-icon-arrow-right"></span></p>
|
|
87
|
+
<p class="is-hidden-mobile">{{ site.application-guidelines[nextIndex].title }}</p>
|
|
88
|
+
</a>
|
|
89
|
+
</div>
|
|
90
|
+
</section>
|
|
91
|
+
|
|
92
|
+
<!-- If the page is last in the list -->
|
|
93
|
+
{% elsif forloop.last %}
|
|
94
|
+
{% assign prevIndex = forloop.index0 | minus: 1 %}
|
|
95
|
+
|
|
96
|
+
<section class="bp-section bottom-navigation">
|
|
97
|
+
<div>
|
|
98
|
+
<a href="{{ site.baseurl }}{{site.application-guidelines[prevIndex].permalink}}" class="is-full">
|
|
99
|
+
<p class="has-text-weight-semibold"><span class="bp-icon bp-icon-arrow-left"></span> PREVIOUS </p>
|
|
100
|
+
<p class="is-hidden-mobile">{{ site.application-guidelines[prevIndex].title }}</p>
|
|
101
|
+
</a>
|
|
102
|
+
</div>
|
|
103
|
+
</section>
|
|
104
|
+
|
|
105
|
+
<!-- For all other intermediate pages in the list -->
|
|
106
|
+
{% else %}
|
|
107
|
+
{% assign prevIndex = forloop.index0 | minus: 1 %}
|
|
108
|
+
{% assign nextIndex = forloop.index0 | plus: 1 %}
|
|
109
|
+
|
|
110
|
+
<section class="bp-section bottom-navigation">
|
|
111
|
+
<div>
|
|
112
|
+
<a href="{{ site.baseurl }}{{site.application-guidelines[prevIndex].permalink}}" class="is-half is-left">
|
|
113
|
+
<p class="has-text-weight-semibold"><span class="bp-icon bp-icon-arrow-left"></span> PREVIOUS </p>
|
|
114
|
+
<p class="is-hidden-mobile">{{ site.application-guidelines[prevIndex].title }}</p>
|
|
115
|
+
</a>
|
|
116
|
+
<a href="{{ site.baseurl }}{{site.application-guidelines[nextIndex].permalink}}" class="is-half is-right">
|
|
117
|
+
<p class="has-text-weight-semibold">NEXT <span class="bp-icon bp-icon-arrow-right"></span></p>
|
|
118
|
+
<p class="is-hidden-mobile">{{ site.application-guidelines[nextIndex].title }}</p>
|
|
119
|
+
</a>
|
|
120
|
+
</div>
|
|
121
|
+
</section>
|
|
122
|
+
{% endif %}
|
|
123
|
+
{% endif %}
|
|
124
|
+
{% endfor %}
|