jekyll-theme-fica 0.1.9 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- 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?
|