jekyll-theme-fica 0.1.9 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.github/workflows/ci.yaml +13 -13
- data/404.html +5 -3
- data/README.md +58 -89
- data/_includes/BTT.html +6 -8
- data/_includes/Footer.html +84 -71
- data/_includes/Google-Analytics.html +8 -7
- data/_includes/Head.html +12 -11
- data/_includes/Header.html +34 -23
- data/_layouts/default.html +14 -14
- data/_layouts/home.html +67 -51
- data/_layouts/page.html +3 -14
- data/_layouts/post.html +51 -50
- data/_layouts/post_home.html +113 -81
- data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
- data/_posts/2022-04-1-Demo.md +113 -113
- data/_posts/2022-04-5-Getting-Started.md +149 -103
- data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
- data/_sass/custom/variables.scss +1 -1
- data/_sass/jekyll-theme-fica.scss +8 -7
- data/_sass/layouts/Google-fonts.scss +139 -0
- data/_sass/layouts/base.scss +579 -587
- data/_sass/layouts/layout.scss +717 -676
- data/_sass/layouts/variables.scss +229 -88
- data/_sass/themes/dark theme/highlight.scss +362 -362
- data/_sass/themes/dark theme/theme-dark.scss +141 -134
- data/_sass/themes/light theme/highlight.scss +198 -198
- data/_sass/themes/light theme/theme-light.scss +135 -131
- data/assets/css/Style.scss +12 -41
- data/assets/fica-icons.svg +64 -64
- data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
- data/bin/run +150 -0
- data/docs/contributing.md +69 -69
- data/js/back-to-top.js +47 -47
- data/post/index.html +3 -3
- metadata +11 -8
- data/_includes/Custom-Head.html +0 -9
- data/assets/css/fica-icons.svg +0 -68
- data/bin/build +0 -7
- data/bin/server +0 -7
data/_layouts/home.html
CHANGED
@@ -1,51 +1,67 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
{%- include Head.html
|
4
|
-
|
5
|
-
<body>
|
6
|
-
<header class="site-header-home">
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
11
|
-
<label for="nav-trigger">
|
12
|
-
<span class="menu-icon">
|
13
|
-
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
14
|
-
<path
|
15
|
-
d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
|
16
|
-
h15.032C17.335,0,18,0.665,18,1.484L18,1.484z
|
17
|
-
M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0
|
18
|
-
c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z
|
19
|
-
M18,13.516C18,14.335,17.335,15,16.516,15H1.484
|
20
|
-
C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"
|
21
|
-
/>
|
22
|
-
</svg>
|
23
|
-
</span>
|
24
|
-
</label>
|
25
|
-
<div class="trigger">
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
</
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
</
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
{%- include Head.html-%}
|
4
|
+
|
5
|
+
<body>
|
6
|
+
<header class="site-header-home">
|
7
|
+
<div class="wrapper_header">
|
8
|
+
<a class="site-title" rel="author" href="{{site.baseurl}}/">{{site.title}}</a>
|
9
|
+
<nav class="site-nav">
|
10
|
+
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
11
|
+
<label for="nav-trigger">
|
12
|
+
<span class="menu-icon">
|
13
|
+
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
14
|
+
<path
|
15
|
+
d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
|
16
|
+
h15.032C17.335,0,18,0.665,18,1.484L18,1.484z
|
17
|
+
M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0
|
18
|
+
c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z
|
19
|
+
M18,13.516C18,14.335,17.335,15,16.516,15H1.484
|
20
|
+
C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"
|
21
|
+
/>
|
22
|
+
</svg>
|
23
|
+
</span>
|
24
|
+
</label>
|
25
|
+
<div class="trigger">
|
26
|
+
{%- if site.header.external_link_1 -%}
|
27
|
+
<a class="btn-nav" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
|
28
|
+
{%- else -%}
|
29
|
+
<a class="btn-nav" href="{{site.baseurl}}{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
|
30
|
+
{%- endif -%}
|
31
|
+
|
32
|
+
{%- if site.header.external_link_2 -%}
|
33
|
+
<a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
|
34
|
+
{%- else -%}
|
35
|
+
<a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
|
36
|
+
{%- endif -%}
|
37
|
+
|
38
|
+
{%- if site.header.external_link_3 -%}
|
39
|
+
<a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
|
40
|
+
{%- else -%}
|
41
|
+
<a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
|
42
|
+
{%- endif -%}
|
43
|
+
</div>
|
44
|
+
</nav>
|
45
|
+
</div>
|
46
|
+
</nav>
|
47
|
+
</header>
|
48
|
+
<header class="site-banner" role="banner">
|
49
|
+
<div class="banner-content">
|
50
|
+
<p class="page-header-title">{{site.title}}</p>
|
51
|
+
<p class="site-banner-description">{{site.description}}</p>
|
52
|
+
{%- if site.header.external_link_1 -%}
|
53
|
+
<a class="btn-nav" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
|
54
|
+
{%- else -%}
|
55
|
+
<a class="btn-nav" href="{{site.baseurl}}{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
|
56
|
+
{%- endif -%}
|
57
|
+
</div>
|
58
|
+
<img src="{{site.baseurl}}/assets/img/homepage-pic.png">
|
59
|
+
</header>
|
60
|
+
|
61
|
+
<main class="page-content">
|
62
|
+
<div class="wrapper">{{ content }}</div>
|
63
|
+
</main>
|
64
|
+
{%- include BTT.html-%}
|
65
|
+
{%- include Footer.html-%}
|
66
|
+
</body>
|
67
|
+
</html>
|
data/_layouts/page.html
CHANGED
@@ -1,14 +1,3 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
<body>
|
5
|
-
{% include Header.html %}
|
6
|
-
<main class="page-content" aria-label="Content">
|
7
|
-
<div class="wrapper">
|
8
|
-
{{ content }}
|
9
|
-
</div>
|
10
|
-
</main>
|
11
|
-
{%- include BTT.html-%}
|
12
|
-
{% include Footer.html %}
|
13
|
-
</body>
|
14
|
-
</html>
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
data/_layouts/post.html
CHANGED
@@ -1,51 +1,52 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
---
|
4
|
-
<article class="post h-entry" itemscope
|
5
|
-
itemtype="http://schema.org/BlogPosting">
|
6
|
-
|
7
|
-
<header class="post-header">
|
8
|
-
<h1 class="post-title p-name" itemprop="name headline">{{ page.title |
|
9
|
-
escape }}</h1>
|
10
|
-
<div class="post-meta text-muted">
|
11
|
-
{% if site.
|
12
|
-
{% assign author = site.
|
13
|
-
{% endif %}
|
14
|
-
{% if page.author %}
|
15
|
-
{% assign author = page.author %}
|
16
|
-
{% endif %}
|
17
|
-
By
|
18
|
-
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
19
|
-
<span class="p-author h-card text-unmuted" itemprop="name">{{ author }}</span
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
</
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
{
|
38
|
-
</
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<article class="post h-entry" itemscope
|
5
|
+
itemtype="http://schema.org/BlogPosting">
|
6
|
+
|
7
|
+
<header class="post-header">
|
8
|
+
<h1 class="post-title p-name" itemprop="name headline">{{ page.title |
|
9
|
+
escape }}</h1>
|
10
|
+
<div class="post-meta text-muted">
|
11
|
+
{% if site.socials.name %}
|
12
|
+
{% assign author = site.socials.name %}
|
13
|
+
{% endif %}
|
14
|
+
{% if page.author %}
|
15
|
+
{% assign author = page.author %}
|
16
|
+
{% endif %}
|
17
|
+
By
|
18
|
+
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
19
|
+
<span class="p-author h-card text-unmuted" itemprop="name">{{ author }}</span>
|
20
|
+
</span>
|
21
|
+
</div>
|
22
|
+
<span class="post-meta text-muted">
|
23
|
+
Posted
|
24
|
+
{%- assign date_format = site.fica.date_format | default: "%b %-d, %Y" -%}
|
25
|
+
<time class="dt-published text-unmuted" datetime="{{ page.date |
|
26
|
+
date_to_xmlschema }}" itemprop="datePublished">
|
27
|
+
{{ page.date | date: date_format }}
|
28
|
+
</time>
|
29
|
+
</span>
|
30
|
+
<span class="post-meta text-muted">
|
31
|
+
{%- if page.modified_date -%}
|
32
|
+
•
|
33
|
+
Modified
|
34
|
+
{%- assign mdate = page.modified_date | date_to_xmlschema -%}
|
35
|
+
<time class="dt-modified text-unmuted" datetime="{{ mdate }}"
|
36
|
+
itemprop="dateModified">
|
37
|
+
{{ mdate | date: date_format }}
|
38
|
+
</time>
|
39
|
+
{%- endif -%}
|
40
|
+
</span>
|
41
|
+
</header>
|
42
|
+
<div class="post-content e-content" itemprop="articleBody">
|
43
|
+
{{ content }}
|
44
|
+
<div class="post-footer">
|
45
|
+
<a href="{{ site.baseurl }}{{ site.header.header_link_2 }}">
|
46
|
+
<svg>
|
47
|
+
<use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
|
48
|
+
}}"></use>
|
49
|
+
</svg>
|
50
|
+
</a>
|
51
|
+
</div>
|
51
52
|
</article>
|
data/_layouts/post_home.html
CHANGED
@@ -1,81 +1,113 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
---
|
4
|
-
<div class="home">
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="home">
|
5
|
+
<h1 class="page-heading">Posts</h1>
|
6
|
+
|
7
|
+
{%- if site.paginate -%}
|
8
|
+
{% assign pinned = site.posts | where: "pin", "true" %}
|
9
|
+
{% assign default = site.posts | where_exp: "item", "item.pin != true" %}
|
10
|
+
|
11
|
+
{% assign posts = "" | split: "" %}
|
12
|
+
|
13
|
+
<!-- Get pinned posts -->
|
14
|
+
|
15
|
+
{% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
|
16
|
+
{% assign pinned_num = pinned.size | minus: offset %}
|
17
|
+
|
18
|
+
{% if pinned_num > 0 %}
|
19
|
+
{% for i in (offset..pinned.size) limit: pinned_num %}
|
20
|
+
{% assign posts = posts | push: pinned[i] %}
|
21
|
+
{% endfor %}
|
22
|
+
{% else %}
|
23
|
+
{% assign pinned_num = 0 %}
|
24
|
+
{% endif %}
|
25
|
+
|
26
|
+
|
27
|
+
<!-- Get default posts -->
|
28
|
+
|
29
|
+
{% assign default_beg = offset | minus: pinned.size %}
|
30
|
+
|
31
|
+
{% if default_beg < 0 %}
|
32
|
+
{% assign default_beg = 0 %}
|
33
|
+
{% endif %}
|
34
|
+
|
35
|
+
{% assign default_num = paginator.posts | size | minus: pinned_num %}
|
36
|
+
{% assign default_end = default_beg | plus: default_num | minus: 1 %}
|
37
|
+
|
38
|
+
{% if default_num > 0 %}
|
39
|
+
{% for i in (default_beg..default_end) %}
|
40
|
+
{% assign posts = posts | push: default[i] %}
|
41
|
+
{% endfor %}
|
42
|
+
{% endif %}
|
43
|
+
{% else %}
|
44
|
+
{% assign posts = site.posts %}
|
45
|
+
{% endif %}
|
46
|
+
|
47
|
+
|
48
|
+
{%- if posts.size > 0 -%}
|
49
|
+
<div class="post-list">
|
50
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
51
|
+
{%- for post in posts -%}
|
52
|
+
<li>
|
53
|
+
<a class="post-link" href="{{ post.url | relative_url }}">
|
54
|
+
{{ post.title | escape }}
|
55
|
+
</a>
|
56
|
+
<div class="post-info">
|
57
|
+
{%- assign date_format_tooltip = site.fica.date_format | default: "%b%-d, %Y" -%}
|
58
|
+
<span class="post-info-date">{{ post.date | date: date_format }}</span>
|
59
|
+
{% if post.pin %}
|
60
|
+
<span class="post-info-pin">
|
61
|
+
<span class="material-icons-round">
|
62
|
+
push_pin
|
63
|
+
</span>
|
64
|
+
<p>pinned</p>
|
65
|
+
</span>
|
66
|
+
{%- endif -%}
|
67
|
+
</div>
|
68
|
+
{%- if site.show_descriptions -%}
|
69
|
+
{{ post.excerpt }}
|
70
|
+
{%- endif -%}
|
71
|
+
</li>
|
72
|
+
{%- endfor -%}
|
73
|
+
</div>
|
74
|
+
|
75
|
+
{%- if site.paginate -%}
|
76
|
+
<ul class="post-nav">
|
77
|
+
<li>
|
78
|
+
{% if paginator.previous_page %}
|
79
|
+
<a href="{{ paginator.previous_page_path | relative_url }}">
|
80
|
+
<span class="material-icons-round post-nav-svg">
|
81
|
+
arrow_back_ios
|
82
|
+
</span>
|
83
|
+
</a>
|
84
|
+
{% else %}
|
85
|
+
<a>
|
86
|
+
<span class="material-icons-round post-nav-svg disable-svg">
|
87
|
+
chevron_left
|
88
|
+
</span>
|
89
|
+
</a>
|
90
|
+
{% endif %}
|
91
|
+
</li>
|
92
|
+
<li class="post-nav-num">{{ paginator.page }}
|
93
|
+
/
|
94
|
+
{{ paginator.total_pages }}</li>
|
95
|
+
<li>
|
96
|
+
{%- if paginator.next_page %}
|
97
|
+
<a href="{{ paginator.next_page_path | relative_url }}">
|
98
|
+
<span class="material-icons-round post-nav-svg">
|
99
|
+
arrow_forward_ios
|
100
|
+
</span>
|
101
|
+
</a>
|
102
|
+
{%- else %}
|
103
|
+
<a>
|
104
|
+
<span class="material-icons-round post-nav-svg disable-svg">
|
105
|
+
chevron_right
|
106
|
+
</span>
|
107
|
+
</a>
|
108
|
+
{%- endif %}
|
109
|
+
</li>
|
110
|
+
</ul>
|
111
|
+
{%- endif %}
|
112
|
+
{%- endif -%}
|
113
|
+
</div>
|
@@ -1,8 +1,8 @@
|
|
1
|
-
---
|
2
|
-
layout: post
|
3
|
-
site-title: To Know if the nav works
|
4
|
-
author: Involts
|
5
|
-
modified_date: 2022-04-3
|
6
|
-
---
|
7
|
-
|
8
|
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?
|
1
|
+
---
|
2
|
+
layout: post
|
3
|
+
site-title: To Know if the nav works
|
4
|
+
author: Involts
|
5
|
+
modified_date: 2022-04-3
|
6
|
+
---
|
7
|
+
|
8
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?
|