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.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +13 -13
  3. data/404.html +5 -3
  4. data/README.md +58 -89
  5. data/_includes/BTT.html +6 -8
  6. data/_includes/Footer.html +84 -71
  7. data/_includes/Google-Analytics.html +8 -7
  8. data/_includes/Head.html +12 -11
  9. data/_includes/Header.html +34 -23
  10. data/_layouts/default.html +14 -14
  11. data/_layouts/home.html +67 -51
  12. data/_layouts/page.html +3 -14
  13. data/_layouts/post.html +51 -50
  14. data/_layouts/post_home.html +113 -81
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
  16. data/_posts/2022-04-1-Demo.md +113 -113
  17. data/_posts/2022-04-5-Getting-Started.md +149 -103
  18. data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
  19. data/_sass/custom/variables.scss +1 -1
  20. data/_sass/jekyll-theme-fica.scss +8 -7
  21. data/_sass/layouts/Google-fonts.scss +139 -0
  22. data/_sass/layouts/base.scss +579 -587
  23. data/_sass/layouts/layout.scss +717 -676
  24. data/_sass/layouts/variables.scss +229 -88
  25. data/_sass/themes/dark theme/highlight.scss +362 -362
  26. data/_sass/themes/dark theme/theme-dark.scss +141 -134
  27. data/_sass/themes/light theme/highlight.scss +198 -198
  28. data/_sass/themes/light theme/theme-light.scss +135 -131
  29. data/assets/css/Style.scss +12 -41
  30. data/assets/fica-icons.svg +64 -64
  31. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  32. data/bin/run +150 -0
  33. data/docs/contributing.md +69 -69
  34. data/js/back-to-top.js +47 -47
  35. data/post/index.html +3 -3
  36. metadata +11 -8
  37. data/_includes/Custom-Head.html +0 -9
  38. data/assets/css/fica-icons.svg +0 -68
  39. data/bin/build +0 -7
  40. 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
- {%- assign default_paths = site.pages | map: "path" -%}
8
- <div class="wrapper_header"><a class="site-title" rel="author"
9
- href="{{site.baseurl}}/">{{site.title}}</a><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
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
27
- <a class="page-link"
28
- href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
29
- <a class="page-link"
30
- href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
31
- </div>
32
- </nav></div>
33
- </nav>
34
- </header>
35
- <header class="page-header" role="banner">
36
- <div class="wrapper">
37
- <p class="page-header-title">{{site.title}}</p>
38
- <p class="page-header-description">{{site.description}}</p>
39
- <img src="{{site.baseurl}}/assets/img/fica_ad.png" class="header-pic">
40
- </div>
41
- </header>
42
- <main class="page-content" aria-label="Content">
43
- <div class="wrapper">
44
- {{ content }}
45
- </div>
46
- {%- include BTT.html-%}
47
- </main>
48
- {%- include Footer.html -%}
49
- </body>
50
-
51
- </html>
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
- <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
- {% include Head.html %}
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.author %}
12
- {% assign author = site.author %}
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></span>
20
- </div>
21
- <span class="post-meta text-muted">
22
- Posted
23
- {%- assign date_format = site.fica.date_format | default: "%b %-d, %Y" -%}
24
- <time class="dt-published text-unmuted"datetime="{{ page.date |
25
- date_to_xmlschema }}" itemprop="datePublished">
26
- {{ page.date | date: date_format }}
27
- </time>
28
- </span>
29
- <span class="post-meta text-muted">
30
- {%- if page.modified_date -%}
31
-
32
- Modified
33
- {%- assign mdate = page.modified_date | date_to_xmlschema -%}
34
- <time class="dt-modified text-unmuted" datetime="{{ mdate }}" itemprop="dateModified">
35
- {{ mdate | date: date_format }}
36
- </time>
37
- {%- endif -%}
38
- </span>
39
- </header>
40
- <div class="post-content e-content" itemprop="articleBody">
41
- {{ content }}
42
- <div class="post-footer">
43
- <a href="{{ site.baseurl }}{{ site.header.header_link_2 }}">
44
- <svg>
45
- <use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
46
- }}"></use>
47
- </svg>
48
- </a>
49
- </div>
50
- <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
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>
@@ -1,81 +1,113 @@
1
- ---
2
- layout: default
3
- ---
4
- <div class="home">
5
- {%- if page.title -%}
6
- <h1 class="page-heading">{{ page.title }}</h1>
7
- {%- endif -%}
8
-
9
- {{ content }}
10
-
11
- <h1>Posts</h1>
12
-
13
- {%- if site.paginate -%}
14
- {% assign posts = paginator.posts %}
15
- {% else %}
16
- {% assign posts = site.posts %}
17
- {% endif %}
18
-
19
-
20
- {%- if posts.size > 0 -%}
21
- {%- if page.list_title -%}
22
- <h2 class="post-list-heading">{{ page.list_title }}</h2>
23
- {%- endif -%}
24
- <ul class="post-list">
25
- {%- assign date_format = site.fica.date_format | default: "%b %-d, %Y" -%}
26
- {%- for post in posts -%}
27
- <li>
28
- <h3>
29
- <a class="post-link" href="{{ post.url | relative_url }}">
30
- {{ post.title | escape }}
31
- </a>
32
- <span class="post-meta text-muted">{{ post.date | date: date_format }}</span>
33
- </h3>
34
- {%- if site.show_descriptions -%}
35
- {{ post.excerpt }}
36
- {%- endif -%}
37
- </li>
38
- {%- endfor -%}
39
- </ul>
40
-
41
- {%- if site.paginate -%}
42
- <ul class="post-nav">
43
- <li>
44
- {% if paginator.previous_page %}
45
- <a href="{{ paginator.previous_page_path | relative_url }}"">
46
- <svg class="post-nav-svg">
47
- <use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
48
- }}"></use>
49
- </svg>
50
- </a>
51
- {% else %}
52
- <a>
53
- <svg class="post-nav-svg disable-svg">
54
- <use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
55
- }}"></use>
56
- </svg>
57
- </a>
58
- {% endif %}
59
- </li>
60
- <li class="post-nav-num">{{ paginator.page }} / {{ paginator.total_pages }}</li>
61
- <li>
62
- {%- if paginator.next_page %}
63
- <a href="{{ paginator.next_page_path | relative_url }}">
64
- <svg class="post-nav-svg">
65
- <use xlink:href="{{ 'assets/fica-icons.svg#arw-front' | relative_url
66
- }}"></use>
67
- </svg>
68
- </a>
69
- {%- else %}
70
- <a>
71
- <svg class="post-nav-svg disable-svg">
72
- <use xlink:href="{{ 'assets/fica-icons.svg#arw-front' | relative_url
73
- }}"></use>
74
- </svg>
75
- </a>
76
- {%- endif %}
77
- </li>
78
- </ul>
79
- {%- endif %}
80
-
81
- {%- endif -%}
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?