jekyll-theme-fica 0.1.5 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yaml +27 -0
  3. data/404.html +16 -0
  4. data/License.md +2 -0
  5. data/README.md +31 -13
  6. data/_includes/BTT.html +9 -0
  7. data/_includes/Google-Analytics.html +11 -10
  8. data/_includes/Head.html +5 -4
  9. data/_includes/Header.html +14 -19
  10. data/_layouts/default.html +12 -11
  11. data/_layouts/home.html +39 -36
  12. data/_layouts/page.html +1 -0
  13. data/_layouts/post.html +40 -23
  14. data/_layouts/post_home.html +72 -47
  15. data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -0
  16. data/_posts/2022-04-1-Demo.md +114 -0
  17. data/_posts/2022-04-5-Getting-Started.md +103 -0
  18. data/_posts/2022-04-6-Creating-a-new-post.md +124 -0
  19. data/_sass/custom/styles.scss +1 -0
  20. data/_sass/custom/variables.scss +1 -0
  21. data/_sass/jekyll-theme-fica.scss +7 -0
  22. data/_sass/layouts/base.scss +573 -0
  23. data/_sass/layouts/layout.scss +676 -0
  24. data/_sass/layouts/variables.scss +89 -0
  25. data/_sass/themes/dark theme/highlight.scss +363 -0
  26. data/_sass/themes/dark theme/theme-dark.scss +135 -0
  27. data/_sass/themes/{Light_Theme.scss → light theme/highlight.scss } +8 -65
  28. data/_sass/themes/light theme/theme-light.scss +132 -0
  29. data/assets/404.svg +22 -0
  30. data/assets/css/Style.scss +42 -0
  31. data/assets/css/fica-icons.svg +68 -0
  32. data/assets/fica-icons.svg +12 -2
  33. data/bin/build +7 -0
  34. data/bin/server +7 -0
  35. data/docs/contributing.md +69 -0
  36. data/js/back-to-top.js +48 -0
  37. data/post/index.html +4 -0
  38. metadata +41 -10
  39. data/_sass/Base.scss +0 -401
  40. data/_sass/Custom-Styles.scss +0 -2
  41. data/_sass/Custom-Variables.scss +0 -1
  42. data/_sass/Initialize.scss +0 -71
  43. data/_sass/Layout.scss +0 -474
  44. data/_sass/themes/Dark_Theme.scss +0 -269
  45. data/assets/css/Styles.scss +0 -11
data/_posts/2022-04-1-Demo.md ADDED
@@ -0,0 +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
114
+ - level 1 item
data/_posts/2022-04-5-Getting-Started.md ADDED
@@ -0,0 +1,103 @@
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
+
data/_posts/2022-04-6-Creating-a-new-post.md ADDED
@@ -0,0 +1,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
+
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
+
data/_sass/custom/styles.scss ADDED
@@ -0,0 +1 @@
1
+ // put your custom layout here!
data/_sass/custom/variables.scss ADDED
@@ -0,0 +1 @@
1
+ // put your custom variables here!
data/_sass/jekyll-theme-fica.scss ADDED
@@ -0,0 +1,7 @@
1
+ @import
2
+ "themes/dark theme/theme-dark",
3
+ "custom/variables",
4
+ "layouts/variables",
5
+ "custom/styles",
6
+ "layouts/layout",
7
+ "layouts/base";