jekyll-theme-fica 0.1.8 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
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
+