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/_posts/2022-04-1-Demo.md CHANGED
@@ -1,114 +1,114 @@
1
- ---
2
- layout: post
3
- site-title: Demo
4
- author: Involts
5
- modified_date: 2022-04-3
6
- ---
7
-
8
- # Overview of the elements of Fica Theme
9
-
10
- ## Paragraph
11
-
12
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
13
-
14
-
15
- Nullam placerat massa ex, at gravida neque pharetra ac. Morbi scelerisque id lorem elementum vulputate.
16
-
17
- Sed eu lectus a erat placerat consequat id ut elit. Suspendisse potenti. Sed eu orci est.
18
-
19
- Phasellus id sodales leo. Quisque sit amet urna ex.
20
-
21
- In hac habitasse platea dictumst. Maecenas tincidunt mauris a rutrum pharetra.Etiam sed est risus.
22
-
23
- Integer scelerisque lacus id neque tempor tincidunt.
24
-
25
- Vivamus ac suscipit eros, in sollicitudin velit.
26
-
27
- Nam at odio quam. Curabitur magna libero, suscipit sed venenatis vel, interdum vitae neque.
28
-
29
-
30
- # headings
31
- ---
32
- # Lorem ipsum
33
- ## Lorem ipsum
34
- ### Lorem ipsum
35
- #### Lorem ipsum
36
- ##### Lorem ipsum
37
- ###### Lorem ipsum
38
- ---
39
- # Prompts
40
- ---
41
-
42
- > An example showing the `Tip` Prompt
43
- {: .prompt-tip }
44
-
45
-
46
- > An example showing the `Info` Prompt
47
- {: .prompt-info }
48
-
49
- > An example showing the `Warning` Prompt
50
- {: .prompt-warning }
51
-
52
- > An example showing the `Danger` Prompt
53
- {: .prompt-danger }
54
-
55
- ---
56
-
57
- # Table
58
-
59
- | Title 1 | Title 2 | Title 3 | Title 4 |
60
- | --------------------- | --------------------- | --------------------- | --------------------- |
61
- | lorem | lorem ipsum | lorem ipsum dolor | lorem ipsum dolor sit |
62
- | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
63
- | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
64
- | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
65
-
66
-
67
- # Code Block
68
-
69
- ```js
70
- // Javascript code with syntax highlighting.
71
- var fun = function lang(l) {
72
- dateformat.i18n = require("./lang/" + l);
73
- return true;
74
- };
75
- ```
76
-
77
- ```html
78
- # Html code with syntax highlighting
79
- <head>
80
- <meta charset="utf-8" />
81
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
82
- <meta name="viewport" content="width=device-width, initial-scale=1" />
83
- <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
84
- <title>{{page.site-title}}</title>
85
- </head>
86
- ```
87
-
88
- # Unordered list
89
-
90
- - This is an unordered list following a header.
91
- - This is an unordered list following a header.
92
- - This is an unordered list following a header.
93
-
94
- # Ordered list
95
-
96
- 1. This is an ordered list following a header.
97
- 2. This is an ordered list following a header.
98
- 3. This is an ordered list following a header.
99
-
100
- # And a nested list:
101
-
102
- - level 1 item
103
- - level 2 item
104
- - level 2 item
105
- - level 3 item
106
- - level 3 item
107
- - level 1 item
108
- - level 2 item
109
- - level 2 item
110
- - level 2 item
111
- - level 1 item
112
- - level 2 item
113
- - level 2 item
1
+ ---
2
+ layout: post
3
+ site-title: Demo
4
+ author: Involts
5
+ modified_date: 2022-04-3
6
+ ---
7
+
8
+ # Overview of the elements of Fica Theme
9
+
10
+ ## Paragraph
11
+
12
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
13
+
14
+
15
+ Nullam placerat massa ex, at gravida neque pharetra ac. Morbi scelerisque id lorem elementum vulputate.
16
+
17
+ Sed eu lectus a erat placerat consequat id ut elit. Suspendisse potenti. Sed eu orci est.
18
+
19
+ Phasellus id sodales leo. Quisque sit amet urna ex.
20
+
21
+ In hac habitasse platea dictumst. Maecenas tincidunt mauris a rutrum pharetra.Etiam sed est risus.
22
+
23
+ Integer scelerisque lacus id neque tempor tincidunt.
24
+
25
+ Vivamus ac suscipit eros, in sollicitudin velit.
26
+
27
+ Nam at odio quam. Curabitur magna libero, suscipit sed venenatis vel, interdum vitae neque.
28
+
29
+
30
+ # headings
31
+ ---
32
+ # Lorem ipsum
33
+ ## Lorem ipsum
34
+ ### Lorem ipsum
35
+ #### Lorem ipsum
36
+ ##### Lorem ipsum
37
+ ###### Lorem ipsum
38
+ ---
39
+ # Prompts
40
+ ---
41
+
42
+ > An example showing the `Tip` Prompt
43
+ {: .prompt-tip }
44
+
45
+
46
+ > An example showing the `Info` Prompt
47
+ {: .prompt-info }
48
+
49
+ > An example showing the `Warning` Prompt
50
+ {: .prompt-warning }
51
+
52
+ > An example showing the `Danger` Prompt
53
+ {: .prompt-danger }
54
+
55
+ ---
56
+
57
+ # Table
58
+
59
+ | Title 1 | Title 2 | Title 3 | Title 4 |
60
+ | --------------------- | --------------------- | --------------------- | --------------------- |
61
+ | lorem | lorem ipsum | lorem ipsum dolor | lorem ipsum dolor sit |
62
+ | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
63
+ | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
64
+ | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
65
+
66
+
67
+ # Code Block
68
+
69
+ ```js
70
+ // Javascript code with syntax highlighting.
71
+ var fun = function lang(l) {
72
+ dateformat.i18n = require("./lang/" + l);
73
+ return true;
74
+ };
75
+ ```
76
+
77
+ ```html
78
+ # Html code with syntax highlighting
79
+ <head>
80
+ <meta charset="utf-8" />
81
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
82
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
83
+ <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
84
+ <title>{{page.site-title}}</title>
85
+ </head>
86
+ ```
87
+
88
+ # Unordered list
89
+
90
+ - This is an unordered list following a header.
91
+ - This is an unordered list following a header.
92
+ - This is an unordered list following a header.
93
+
94
+ # Ordered list
95
+
96
+ 1. This is an ordered list following a header.
97
+ 2. This is an ordered list following a header.
98
+ 3. This is an ordered list following a header.
99
+
100
+ # And a nested list:
101
+
102
+ - level 1 item
103
+ - level 2 item
104
+ - level 2 item
105
+ - level 3 item
106
+ - level 3 item
107
+ - level 1 item
108
+ - level 2 item
109
+ - level 2 item
110
+ - level 2 item
111
+ - level 1 item
112
+ - level 2 item
113
+ - level 2 item
114
114
  - level 1 item
data/_posts/2022-04-5-Getting-Started.md CHANGED
@@ -1,103 +1,149 @@
1
- ---
2
- layout: post
3
- site-title: Getting Started
4
- author: Involts
5
- ---
6
-
7
- # Prerequisites
8
-
9
- Follow the instructions in [jekyll Docs](https://jekyllrb.com/docs/installation/) to install `Ruby`, `RubyGems`, and `Bundler`. You may also install [Git](https://git-scm.com/)
10
-
11
- # Installation
12
-
13
- ## Creating a new site
14
-
15
- 1. [Using RubyGems](https://rubygems.org/gems/jekyll-theme-fica) - Easy to upgrade, but it is not convenient with customizing the Theme.
16
-
17
- 1. [Forking using Github](https://github.com/Involts/jekyll-theme-fica/generate) - Not easy to upgrade, but you needs familiar with [Jekyll](https://jekyllrb.com), [Git](https://git-scm.com/) or [Github](https://github.com/).
18
-
19
- ## Option 1. Using RubyGems
20
-
21
- Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.1.5'`, paste it on the `Gemfile` file then run `bin/build`
22
-
23
- > `bin/build` installs the dependencies and runs the server locally.
24
- {: .prompt-info }
25
-
26
- ## Option 2. Forking Github
27
-
28
- name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
29
-
30
- and then run:
31
-
32
- ```
33
- $ bin/build
34
- ```
35
- > `bin/build` installs the dependencies and runs the server locally.
36
- {: .prompt-info }
37
-
38
- # Usage
39
-
40
- ### Configuration
41
-
42
- > Before publishing the site to github-pages, replace the varable of baseurl. If you have brought a doman remove the varable in the `_config.yml` file
43
- `baseurl: /jekyll-fica-theme`
44
- {: .prompt-warning }
45
-
46
- Fica Theme will respect the following variables, in your `_config.yml` file:
47
-
48
- ```
49
- title: [The title of your site]
50
- author: [The auther of the site]
51
- name: [The owner of the site]
52
- description: [A short description of your site's purpose]
53
- ```
54
-
55
- Change the links of your site header:
56
-
57
- ```yml
58
- 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/
65
- ```
66
-
67
- > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
68
- {: .prompt-info }
69
-
70
-
71
- {% raw %}
72
- ```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>
80
- ```
81
- {% endraw %}
82
-
83
- # Upgrading
84
- Depending on how you use the theme:
85
-
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`.
87
-
88
- ```diff
89
- - gem 'jekyll-theme-fica', '~> 0.1.4'
90
- + gem 'jekyll-theme-fica', '~> 0.1.8'
91
- ```
92
-
93
- 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
-
95
- - If you [forked](https://github.com/Involts/jekyll-theme-fica/fork) it on [GitHub](https://github.com/Involts/jekyll-theme-fica), then merge the [latest tags](https://github.com/Involts/jekyll-theme-fica/tags) into your Jekyll site to complete the upgrade. The merge is likely to conflict with your local modifications. Please be patient and careful to resolve these conflicts.
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
1
+ ---
2
+ layout: post
3
+ site-title: Getting Started
4
+ author: Involts
5
+ pin: true
6
+ ---
7
+
8
+ # Prerequisites
9
+
10
+ Follow the instructions in [jekyll Docs](https://jekyllrb.com/docs/installation/) to install `Ruby`, `RubyGems`, and `Bundler`. You may also install [Git](https://git-scm.com/)
11
+
12
+ # Installation
13
+
14
+ ## Creating a new site
15
+
16
+ 1. [Using RubyGems](https://rubygems.org/gems/jekyll-theme-fica) - Easy to upgrade, but it is not convenient with customizing the Theme.
17
+
18
+ 1. [Forking using Github](https://github.com/Involts/jekyll-theme-fica/generate) - Not easy to upgrade, but you needs familiar with [Jekyll](https://jekyllrb.com), [Git](https://git-scm.com/) or [Github](https://github.com/).
19
+
20
+ ## Option 1. Using RubyGems
21
+
22
+ Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.2.0'`, paste it on the `Gemfile` file then run
23
+
24
+ ```bash
25
+ $ bin/run insdep
26
+ ```
27
+ {: .nolineno}
28
+ or
29
+ ```bash
30
+ $ bundle install
31
+ ```
32
+ {: .nolineno}
33
+
34
+ and run
35
+
36
+ ```bash
37
+ $ bin/run server
38
+ ```
39
+ {: .nolineno}
40
+ or
41
+ ```bash
42
+ $ bundle exec jekyll serve
43
+ ```
44
+ {: .nolineno}
45
+
46
+
47
+
48
+
49
+ ## Option 2. Forking Github
50
+
51
+ name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
52
+
53
+ then run:
54
+
55
+ ```bash
56
+ $ bin/run insdep
57
+ ```
58
+ {: .nolineno}
59
+
60
+ and run
61
+
62
+ ```bash
63
+ $ bin/run server
64
+ ```
65
+ {: .nolineno}
66
+
67
+ # Usage
68
+
69
+ ### Configuration
70
+
71
+ > Before publishing the site to github-pages, replace the varable of baseurl. If you have brought a doman remove the varable in the `_config.yml` file
72
+ `baseurl: /jekyll-fica-theme`
73
+ {: .prompt-warning }
74
+
75
+ Fica Theme will respect the following variables, in your `_config.yml` file:
76
+
77
+ ```yml
78
+ title: [The title of your site]
79
+ description: [A short description of your site's purpose]
80
+
81
+ socials:
82
+ # Change Involts to your full name.
83
+ name: [The auther of the site]
84
+ # it also be the copyright owner's link
85
+ auther-link: [Link of the auther]
86
+ ```
87
+
88
+ Change the links of your site header:
89
+
90
+ ```yml
91
+ header:
92
+ external_link_1: true # if false, it adds the baseurl of the site
93
+ header_name_1: Download
94
+ header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
95
+
96
+ external_link_2: false # if false, it adds the baseurl of the site
97
+ header_name_2: Post
98
+ header_link_2: /Post/
99
+
100
+ external_link_3: false # if false, it adds the baseurl of the site
101
+ header_name_3: About
102
+ header_link_3: /About/
103
+ ```
104
+
105
+ Change the links of your site header:
106
+
107
+ > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
108
+ {: .prompt-info }
109
+
110
+
111
+ {% raw %}
112
+ ```diff
113
+ header:
114
+ external_link_1: true # if false, it adds the baseurl of the site
115
+ header_name_1: Download
116
+ header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
117
+ - external_link_2: false # if false, it adds the baseurl of the site
118
+ + external_link_2: true # if false, it adds the baseurl of the site
119
+ header_name_2: Post
120
+ header_link_2: /Post/
121
+
122
+ - external_link_3: false # if false, it adds the baseurl of the site
123
+ + external_link_3: true # if false, it adds the baseurl of the site
124
+ header_name_3: About
125
+ header_link_3: /About/
126
+ ```
127
+ {% endraw %}
128
+
129
+ # Upgrading
130
+ Depending on how you use the theme:
131
+
132
+ - if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). Run:
133
+
134
+ ```bash
135
+ $ bin/run upgrade
136
+ ```
137
+ {: .nolineno}
138
+
139
+ 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.
140
+
141
+ - If you [forked](https://github.com/Involts/jekyll-theme-fica/fork) it on [GitHub](https://github.com/Involts/jekyll-theme-fica), then merge the [latest tags](https://github.com/Involts/jekyll-theme-fica/tags) into your Jekyll site to complete the upgrade. The merge is likely to conflict with your local modifications. Please be patient and careful to resolve these conflicts.
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+