jekyll-theme-fica 0.1.8 → 0.2.2

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.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
  3. data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  4. data/.github/workflows/.ci_BASE_2002.yaml.swp +0 -0
  5. data/.github/workflows/.ci_LOCAL_2002.yaml.swp +0 -0
  6. data/.github/workflows/.ci_REMOTE_2002.yaml.swp +0 -0
  7. data/.github/workflows/ci.yaml +20 -13
  8. data/.github/workflows/ci.yaml.orig +34 -0
  9. data/.github/workflows/ci_BACKUP_2002.yaml +34 -0
  10. data/.github/workflows/ci_BASE_2002.yaml +27 -0
  11. data/.github/workflows/ci_LOCAL_2002.yaml +27 -0
  12. data/.github/workflows/ci_REMOTE_2002.yaml +27 -0
  13. data/404.html +5 -3
  14. data/README.md +59 -89
  15. data/_includes/Footer.html +76 -36
  16. data/_includes/Head.html +11 -11
  17. data/_includes/Header.html +17 -23
  18. data/_includes/assets/BTT.html +8 -0
  19. data/_includes/assets/Google-Analytics.html +12 -0
  20. data/_includes/assets/anchor-headings.html +164 -0
  21. data/_includes/assets/comments.html +16 -0
  22. data/_includes/assets/toc.html +174 -0
  23. data/_layouts/default.html +12 -10
  24. data/_layouts/home.html +20 -46
  25. data/_layouts/page.html +5 -14
  26. data/_layouts/post.html +49 -50
  27. data/_layouts/post_home.html +102 -70
  28. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
  29. data/_posts/2022-04-1-Demo.md +113 -113
  30. data/_posts/2022-04-5-Getting-Started.md +74 -27
  31. data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
  32. data/_sass/base.scss +472 -0
  33. data/_sass/{themes/dark theme → colors/dark-theme}/highlight.scss +0 -0
  34. data/_sass/{themes/dark theme/theme-dark.scss → colors/dark-theme/theme-dark.scss} +24 -27
  35. data/_sass/{themes/light theme → colors/light-theme}/highlight.scss +0 -0
  36. data/_sass/{themes/light theme/theme-light.scss → colors/light-theme/theme-light.scss} +18 -24
  37. data/_sass/jekyll-theme-fica.scss +1 -7
  38. data/_sass/layouts/Google-fonts.scss +139 -0
  39. data/_sass/layouts/component.scss +253 -0
  40. data/_sass/layouts/layout.scss +508 -572
  41. data/_sass/layouts/variable.scss +201 -0
  42. data/assets/css/Style.scss +7 -37
  43. data/assets/fica-icons.svg +64 -64
  44. data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
  45. data/bin/run +195 -0
  46. data/js/Main.js +21 -0
  47. data/js/back-to-top.js +16 -25
  48. data/post/index.html +3 -3
  49. metadata +36 -21
  50. data/_includes/BTT.html +0 -9
  51. data/_includes/Custom-Head.html +0 -9
  52. data/_includes/Google-Analytics.html +0 -11
  53. data/_sass/custom/styles.scss +0 -1
  54. data/_sass/custom/variables.scss +0 -1
  55. data/_sass/layouts/base.scss +0 -573
  56. data/_sass/layouts/variables.scss +0 -89
  57. data/assets/css/fica-icons.svg +0 -68
  58. data/bin/build +0 -7
  59. data/bin/server +0 -7
  60. data/docs/contributing.md +0 -69
@@ -2,6 +2,8 @@
2
2
  layout: post
3
3
  site-title: Getting Started
4
4
  author: Involts
5
+ pin: true
6
+ post_toc: true
5
7
  ---
6
8
 
7
9
  # Prerequisites
@@ -18,22 +20,50 @@ Follow the instructions in [jekyll Docs](https://jekyllrb.com/docs/installation/
18
20
 
19
21
  ## Option 1. Using RubyGems
20
22
 
21
- Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.1.5'`, paste it on the `Gemfile` file then run `bin/build`
23
+ Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.2.0'`, paste it on the `Gemfile` file then run
24
+
25
+ ```bash
26
+ $ bin/run insdep
27
+ ```
28
+ {: .nolineno}
29
+ or
30
+ ```bash
31
+ $ bundle install
32
+ ```
33
+ {: .nolineno}
34
+
35
+ and run
36
+
37
+ ```bash
38
+ $ bin/run server
39
+ ```
40
+ {: .nolineno}
41
+ or
42
+ ```bash
43
+ $ bundle exec jekyll serve
44
+ ```
45
+ {: .nolineno}
46
+
47
+
22
48
 
23
- > `bin/build` installs the dependencies and runs the server locally.
24
- {: .prompt-info }
25
49
 
26
50
  ## Option 2. Forking Github
27
51
 
28
52
  name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
29
53
 
30
- and then run:
54
+ then run:
31
55
 
56
+ ```bash
57
+ $ bin/run insdep
32
58
  ```
33
- $ bin/build
59
+ {: .nolineno}
60
+
61
+ and run
62
+
63
+ ```bash
64
+ $ bin/run server
34
65
  ```
35
- > `bin/build` installs the dependencies and runs the server locally.
36
- {: .prompt-info }
66
+ {: .nolineno}
37
67
 
38
68
  # Usage
39
69
 
@@ -45,50 +75,67 @@ $ bin/build
45
75
 
46
76
  Fica Theme will respect the following variables, in your `_config.yml` file:
47
77
 
48
- ```
78
+ ```yml
49
79
  title: [The title of your site]
50
- author: [The auther of the site]
51
- name: [The owner of the site]
52
80
  description: [A short description of your site's purpose]
81
+
82
+ socials:
83
+ # Change Involts to your full name.
84
+ name: [The auther of the site]
85
+ # it also be the copyright owner's link
86
+ auther-link: [Link of the auther]
53
87
  ```
54
88
 
55
89
  Change the links of your site header:
56
90
 
57
91
  ```yml
58
92
  header:
59
- header_name_1: Download
60
- header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
61
- header_name_2: Post
62
- header_link_2: /Post/
63
- header_name_3: About
64
- header_link_3: /About/
93
+ external_link_1: true # if false, it adds the baseurl of the site
94
+ header_name_1: Download
95
+ header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
96
+
97
+ external_link_2: false # if false, it adds the baseurl of the site
98
+ header_name_2: Post
99
+ header_link_2: /Post/
100
+
101
+ external_link_3: false # if false, it adds the baseurl of the site
102
+ header_name_3: About
103
+ header_link_3: /About/
65
104
  ```
66
105
 
106
+ Change the links of your site header:
107
+
67
108
  > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
68
109
  {: .prompt-info }
69
110
 
70
111
 
71
112
  {% raw %}
72
113
  ```diff
73
- <div class="trigger">
74
- <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
75
- - <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}<a>
76
- - <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
77
- + <a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
78
- + <a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
79
- </div>
114
+ header:
115
+ external_link_1: true # if false, it adds the baseurl of the site
116
+ header_name_1: Download
117
+ header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
118
+ - external_link_2: false # if false, it adds the baseurl of the site
119
+ + external_link_2: true # if false, it adds the baseurl of the site
120
+ header_name_2: Post
121
+ header_link_2: /Post/
122
+
123
+ - external_link_3: false # if false, it adds the baseurl of the site
124
+ + external_link_3: true # if false, it adds the baseurl of the site
125
+ header_name_3: About
126
+ header_link_3: /About/
80
127
  ```
81
128
  {% endraw %}
82
129
 
83
130
  # Upgrading
84
131
  Depending on how you use the theme:
85
132
 
86
- - if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). There will be `gem 'jekyll-theme-fica'` in the `Gemfile`.
133
+ - if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). Run:
87
134
 
88
- ```diff
89
- - gem 'jekyll-theme-fica', '~> 0.1.4'
90
- + gem 'jekyll-theme-fica', '~> 0.1.8'
135
+ ```bash
136
+ $ bin/run upgrade
91
137
  ```
138
+ {: .nolineno}
92
139
 
93
140
  Please refer to the [Upgrade Guide](https://github.com/Involts/jekyll-theme-fica/wiki/Theme-Upgrade-Guide) to keep your repo’s files in sync with the latest version of the theme.
94
141
 
@@ -1,124 +1,136 @@
1
- ---
2
- layout: post
3
- site-title: Creating a new post
4
- author: Involts
5
- ---
6
-
7
- This post shows how to create a new post on the `Fica` Theme. Even if you have previous experience with Jekyll, this article is worth reading, because many features require specific variables to be set.
8
-
9
- # Creating a File and Naming a post
10
-
11
- Create a new file named `YYY-MM-DD-TITLE.EXTENSION` (.EXTENSION may be `.md` or `.markdown`) and put it on the `_posts` folder.
12
-
13
- # Font Matter
14
-
15
- Basic Font Matter
16
-
17
- | Font Matter | Description
18
- | --------------------------------------|------------------
19
- | `layouts` | This specifies the layout file to use. It may be `home` layout for the homepage, `post` layout for post, `default` or `page` layout/s the original look of the site, and `post-home` layout for homepage of the post/s.
20
- | `site-title` | This displays the website title. **EXCEPT THE HOMEPAGE**
21
- | `author` | This is optional for the post because the authour is set on the `_config.yml` file.
22
- | `home` | **This is only for the homepage** It displays the website title so that you will not write the website title.
23
-
24
- Examples:
25
-
26
- - Homepage:
27
-
28
- ```yml
29
- ---
30
- layout: home
31
- home: true
32
- ---
33
-
34
- ```
35
-
36
- - About
37
-
38
- ```yml
39
- ---
40
- layout: default
41
- site-title: About
42
- permalink: /About/
43
- ---
44
-
45
- ```
46
-
47
- - Post Home
48
-
49
- ```yml
50
- ---
51
- layout: post_home
52
- site-title: post
53
- ---
54
- ```
55
-
56
- - Post
57
-
58
- ```yml
59
- ---
60
- layout: post
61
- site-title: Creating a new post
62
- author: Involts
63
- ---
64
- ```
65
-
66
- # Syntax
67
-
68
- - Inline Code
69
-
70
- ```
71
- `inline code part`
72
- ```
73
-
74
- - Code Block
75
-
76
- Markdown symbol ``` can easily create a code block as follows:
77
-
78
- ```
79
- Plaintext Code Snippet.
80
- ```
81
- ### Specifying Language in Code Block
82
-
83
- Markdown symbol ```{language} can easily create a code block as follows:
84
-
85
- ````yml
86
- ```yml
87
- title: Fica Theme
88
- ```
89
- ````
90
-
91
- ### Line Number
92
-
93
- All languages except `plaintext`, `console`, and `terminal` will display line numbers. When you want to hide the line number of a code block, add the class `nolineno` to it:
94
-
95
- ````markdown
96
- ```bash
97
- echo 'No more line numbers'
98
- ```
99
- {: .nolineno }
100
- ````
101
-
102
- #### Liquid Codes
103
-
104
- If you want to display the `Liquid` snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
105
-
106
- ````markdown
107
- {% raw %}
108
- ```liquid
109
- {% if product.title contains 'Pack' %}
110
- This product's title contains the word Pack.
111
- {% endif %}
112
- ```
113
- {% endraw %}
114
- ````
115
-
116
- Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
117
-
118
- ## Learn More
119
-
120
- For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
121
-
122
-
123
-
124
-
1
+ ---
2
+ layout: post
3
+ site-title: Creating a new post
4
+ author: Involts
5
+ ---
6
+
7
+ This post shows how to create a new post on the `Fica` Theme. Even if you have previous experience with Jekyll, this article is worth reading, because many features require specific variables to be set.
8
+
9
+ # Creating a File and Naming a post
10
+
11
+ Create a new file named `YYY-MM-DD-TITLE.EXTENSION` (.EXTENSION may be `.md` or `.markdown`) and put it on the `_posts` folder.
12
+
13
+ # Font Matter
14
+
15
+ Basic Font Matter
16
+
17
+ | Font Matter | Description
18
+ | --------------------------------------|------------------
19
+ | `layouts` | This specifies the layout file to use. It may be `home` layout for the homepage, `post` layout for post, `default` or `page` layout/s the original look of the site, and `post-home` layout for homepage of the post/s.
20
+ | `site-title` | This displays the website title. **EXCEPT THE HOMEPAGE**
21
+ | `author` | This is optional for the post because the authour is set on the `_config.yml` file.
22
+ | `home` | **This is only for the homepage** It displays the website title so that you will not write the website title.
23
+ | `pin` | This pins the post to the top of the post-home layout.
24
+
25
+ Examples:
26
+
27
+ - Homepage:
28
+
29
+ ```yml
30
+ ---
31
+ layout: home
32
+ home: true
33
+ ---
34
+
35
+ ```
36
+
37
+ - About
38
+
39
+ ```yml
40
+ ---
41
+ layout: default
42
+ site-title: About
43
+ permalink: /About/
44
+ ---
45
+
46
+ ```
47
+
48
+ - Post Home
49
+
50
+ ```yml
51
+ ---
52
+ layout: post_home
53
+ site-title: post
54
+ ---
55
+ ```
56
+
57
+ - Post
58
+
59
+ ```yml
60
+ ---
61
+ layout: post
62
+ site-title: Creating a new post
63
+ author: Involts
64
+ ---
65
+ ```
66
+
67
+ if it is pinned:
68
+ ```yml
69
+ ---
70
+ layout: post
71
+ site-title: Creating a new post
72
+ author: Involts
73
+ pin: true
74
+ ---
75
+ ```
76
+
77
+
78
+ # Syntax
79
+
80
+ - Inline Code
81
+
82
+ ```
83
+ `inline code part`
84
+ ```
85
+
86
+ - Code Block
87
+
88
+ Markdown symbol ``` can easily create a code block as follows:
89
+
90
+ ```
91
+ Plaintext Code Snippet.
92
+ ```
93
+ ### Specifying Language in Code Block
94
+
95
+ Markdown symbol ```{language} can easily create a code block as follows:
96
+
97
+ ````yml
98
+ ```yml
99
+ title: Fica Theme
100
+ ```
101
+ ````
102
+
103
+ ### Line Number
104
+
105
+ All languages except `plaintext`, `console`, and `terminal` will display line numbers. When you want to hide the line number of a code block, add the class `nolineno` to it:
106
+
107
+ ````markdown
108
+ ```bash
109
+ echo 'No more line numbers'
110
+ ```
111
+ {: .nolineno }
112
+ ````
113
+
114
+ #### Liquid Codes
115
+
116
+ If you want to display the `Liquid` snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
117
+
118
+ ````markdown
119
+ {% raw %}
120
+ ```liquid
121
+ {% if product.title contains 'Pack' %}
122
+ This product's title contains the word Pack.
123
+ {% endif %}
124
+ ```
125
+ {% endraw %}
126
+ ````
127
+
128
+ Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
129
+
130
+ ## Learn More
131
+
132
+ For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
133
+
134
+
135
+
136
+