jekyll-theme-fica 0.2.0 → 0.3.0

data/_layouts/post_list.html

@@ -0,0 +1,103 @@
+---
+layout: default
+---
+<h1 class="site-post-list-title">{{ page.site-title }}</h1>
+
+{%- if site.paginate -%}
+{% assign pinned = site.posts | where: "pin", "true" %}
+{% assign default = site.posts | where_exp: "item", "item.pin != true" %}
+
+{% assign posts = "" | split: "" %}
+
+<!-- Get pinned posts -->
+
+{% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
+{% assign pinned_num = pinned.size | minus: offset %}
+
+{% if pinned_num > 0 %}
+{% for i in (offset..pinned.size) limit: pinned_num %}
+{% assign posts = posts | push: pinned[i] %}
+{% endfor %}
+{% else %}
+{% assign pinned_num = 0 %}
+{% endif %}
+
+
+<!-- Get default posts -->
+
+{% assign default_beg = offset | minus: pinned.size %}
+
+{% if default_beg < 0 %} {% assign default_beg=0 %} {% endif %} {% assign default_num=paginator.posts | size | minus:
+    pinned_num %} {% assign default_end=default_beg | plus: default_num | minus: 1 %} {% if default_num> 0 %}
+    {% for i in (default_beg..default_end) %}
+    {% assign posts = posts | push: default[i] %}
+    {% endfor %}
+    {% endif %}
+    {% else %}
+    {% assign posts = site.posts %}
+    {% endif %}
+
+
+    {%- if posts.size > 0 -%}
+    <div class="post-list">
+        {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+        {%- for post in posts -%}
+        <div class="post-container">
+            <a class="post" href="{{ post.url | relative_url }}">
+                <p class="post-header">
+                    {{ post.title | escape }}
+                </p>
+                <div class="post-info">
+                    {%- assign date_format_tooltip = site.fica.date_format | default: "%b%-d, %Y" -%}
+                    <span class="post-info-date">{{ post.date | date: date_format }}</span>
+                    {% if post.pin %}
+                    <span class="post-info-pin">
+                        <span class="material-icons-round">
+                            push_pin
+                        </span>
+                        <p>pinned</p>
+                    </span>
+                    {%- endif -%}
+                </div>
+                <div class="post-descriptions">
+                    {%- if site.show_descriptions -%}
+                    {{ post.excerpt }}
+                    {%- endif -%}
+                </div>
+
+            </a>
+
+        </div>
+        {%- endfor -%}
+    </div>
+
+    {%- if site.paginate -%}
+    <ul class="post-nav">
+        <li>
+            {% if paginator.previous_page %}
+            <a href="{{ paginator.previous_page_path | relative_url }}" class="material-icons-round post-nav-svg">
+                arrow_back_ios
+            </a>
+            {% else %}
+            <a class="material-icons-round post-nav-svg disable-svg">
+                chevron_left
+            </a>
+            {% endif %}
+        </li>
+        <li class="post-nav-num">{{ paginator.page }}
+            /
+            {{ paginator.total_pages }}</li>
+        <li>
+            {%- if paginator.next_page %}
+            <a href="{{ paginator.next_page_path | relative_url }}" class="material-icons-round post-nav-svg">
+                arrow_forward_ios
+            </a>
+            {%- else %}
+            <a class="material-icons-round post-nav-svg disable-svg">
+                chevron_right
+            </a>
+            {%- endif %}
+        </li>
+    </ul>
+    {%- endif %}
+    {%- endif -%}

data/_posts/2022-03-31-To-Know-if-the-nav-works.md

@@ -1,8 +1,9 @@
----
-layout: post
-site-title: To Know if the nav works
-author: Involts
-modified_date: 2022-04-3
----
-
-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?
+---
+layout: post
+site-title: To Know if the nav works
+author: Involts
+modified_date: 2022-04-3
+post_toc: false
+---
+
+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?

data/_posts/{2022-04-1-Demo.md → 2022-04-1-Elements-of-Fica-Theme.md}

@@ -1,114 +1,112 @@
----
-layout: post
-site-title: Demo
-author: Involts
-modified_date: 2022-04-3
----
-
-# Overview of the elements of Fica Theme
-
-## Paragraph
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-
-Nullam placerat massa ex, at gravida neque pharetra ac. Morbi scelerisque id lorem elementum vulputate. 
-
-Sed eu lectus a erat placerat consequat id ut elit. Suspendisse potenti. Sed eu orci est. 
-
-Phasellus id sodales leo. Quisque sit amet urna ex.
-
-In hac habitasse platea dictumst. Maecenas tincidunt mauris a rutrum pharetra.Etiam sed est risus. 
-
-Integer scelerisque lacus id neque tempor tincidunt. 
-
-Vivamus ac suscipit eros, in sollicitudin velit. 
-
-Nam at odio quam. Curabitur magna libero, suscipit sed venenatis vel, interdum vitae neque. 
-
-
-# headings
----
-# Lorem ipsum
-## Lorem ipsum
-### Lorem ipsum
-#### Lorem ipsum
-##### Lorem ipsum
-###### Lorem ipsum
----
-# Prompts 
----
-
-> An example showing the `Tip` Prompt 
-{: .prompt-tip }
-
-
-> An example showing the `Info` Prompt 
-{: .prompt-info }
-
-> An example showing the `Warning` Prompt 
-{: .prompt-warning }
-
-> An example showing the `Danger` Prompt 
-{: .prompt-danger }
-
----
-
-# Table
-
-| Title 1               | Title 2               | Title 3               | Title 4               |
-| --------------------- | --------------------- | --------------------- | --------------------- |
-| lorem                 | lorem ipsum           | lorem ipsum dolor     | lorem ipsum dolor sit |
-| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
-| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
-| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
-
-
-# Code Block
-
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
-  dateformat.i18n = require("./lang/" + l);
-  return true;
-};
-```
-
-```html
-# Html code with syntax highlighting
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
-  <title>{{page.site-title}}</title>
-</head>
-```
-
-# Unordered list
-
-- This is an unordered list following a header.
-- This is an unordered list following a header.
-- This is an unordered list following a header.
-
-# Ordered list
-
-1.  This is an ordered list following a header.
-2.  This is an ordered list following a header.
-3.  This is an ordered list following a header.
-
-# And a nested list:
-
-- level 1 item
-  - level 2 item
-  - level 2 item
-    - level 3 item
-    - level 3 item
-- level 1 item
-  - level 2 item
-  - level 2 item
-  - level 2 item
-- level 1 item
-  - level 2 item
-  - level 2 item
+---
+layout: post
+site-title: Elements of Fica Theme
+author: Involts
+modified_date: 2023-04-14
+---
+
+# Paragraph
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+
+Nullam placerat massa ex, at gravida neque pharetra ac. Morbi scelerisque id lorem elementum vulputate. 
+
+Sed eu lectus a erat placerat consequat id ut elit. Suspendisse potenti. Sed eu orci est. 
+
+Phasellus id sodales leo. Quisque sit amet urna ex.
+
+In hac habitasse platea dictumst. Maecenas tincidunt mauris a rutrum pharetra.Etiam sed est risus. 
+
+Integer scelerisque lacus id neque tempor tincidunt. 
+
+Vivamus ac suscipit eros, in sollicitudin velit. 
+
+Nam at odio quam. Curabitur magna libero, suscipit sed venenatis vel, interdum vitae neque. 
+
+
+# headings
+---
+# Lorem ipsum
+## Lorem ipsum
+### Lorem ipsum
+#### Lorem ipsum
+##### Lorem ipsum
+###### Lorem ipsum
+---
+# Prompts 
+---
+
+> An example showing the `Tip` Prompt 
+{: .prompt-tip }
+
+
+> An example showing the `Info` Prompt 
+{: .prompt-info }
+
+> An example showing the `Warning` Prompt 
+{: .prompt-warning }
+
+> An example showing the `Danger` Prompt 
+{: .prompt-danger }
+
+---
+
+# Table
+
+| Title 1               | Title 2               | Title 3               | Title 4               |
+| --------------------- | --------------------- | --------------------- | --------------------- |
+| lorem                 | lorem ipsum           | lorem ipsum dolor     | lorem ipsum dolor sit |
+| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
+| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
+| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
+
+
+# Code Block
+
+```js
+// Javascript code with syntax highlighting.
+var fun = function lang(l) {
+  dateformat.i18n = require("./lang/" + l);
+  return true;
+};
+```
+
+```html
+# Html code with syntax highlighting
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
+  <title>{{page.site-title}}</title>
+</head>
+```
+
+# Unordered list
+
+- This is an unordered list following a header.
+- This is an unordered list following a header.
+- This is an unordered list following a header.
+
+# Ordered list
+
+1.  This is an ordered list following a header.
+2.  This is an ordered list following a header.
+3.  This is an ordered list following a header.
+
+# And a nested list:
+
+- level 1 item
+  - level 2 item
+  - level 2 item
+    - level 3 item
+    - level 3 item
+- level 1 item
+  - level 2 item
+  - level 2 item
+  - level 2 item
+- level 1 item
+  - level 2 item
+  - level 2 item
 - level 1 item

data/_posts/2022-04-5-Getting-Started.md

@@ -1,149 +1,149 @@
----
-layout: post
-site-title: Getting Started
-author: Involts
-pin: true
----
-
-# Prerequisites
-
-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/)
-
-# Installation
-
-## Creating a new site
-
-1. [Using RubyGems](https://rubygems.org/gems/jekyll-theme-fica) - Easy to upgrade, but it is not convenient with customizing the Theme.
-
-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/).
-
-## Option 1. Using RubyGems
-
-Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.2.0'`, paste it on the `Gemfile` file then run 
-
-```bash
-$ bin/run insdep
-```
-{: .nolineno}
-or
-```bash
-$ bundle install
-```
-{: .nolineno}
-
-and run
-
-```bash
-$ bin/run server
-```
-{: .nolineno}
-or
-```bash
-$ bundle exec jekyll serve
-```
-{: .nolineno}
-
-
-
-
-## Option 2. Forking Github
-
-name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
-
- then run:
-
-```bash
-$ bin/run insdep
-```
-{: .nolineno}
-
-and run
-
-```bash
-$ bin/run server
-```
-{: .nolineno}
-
-# Usage
-
-### Configuration
-
-> 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 
-`baseurl: /jekyll-fica-theme`
-{: .prompt-warning }
-
-Fica Theme will respect the following variables, in your `_config.yml` file:
-
-```yml
-title: [The title of your site]
-description: [A short description of your site's purpose]
-
-socials:
-  # Change Involts to your full name.
-  name: [The auther of the site]
-  # it also be the copyright owner's link
-  auther-link: [Link of the auther]
-```
-
-Change the links of your site header:
-
-```yml
-header:
-    external_link_1: true # if false, it adds the baseurl of the site
-    header_name_1: Download
-    header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
-
-    external_link_2: false # if false, it adds the baseurl of the site
-    header_name_2: Post
-    header_link_2: /Post/
-    
-    external_link_3: false # if false, it adds the baseurl of the site
-    header_name_3: About
-    header_link_3: /About/
-```
-
-Change the links of your site header:
-
- > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
- {: .prompt-info }
-
-
-{% raw %}
-```diff
-header:
-    external_link_1: true # if false, it adds the baseurl of the site
-    header_name_1: Download
-    header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
--   external_link_2: false # if false, it adds the baseurl of the site
-+   external_link_2: true # if false, it adds the baseurl of the site
-    header_name_2: Post
-    header_link_2: /Post/
-    
--   external_link_3: false # if false, it adds the baseurl of the site
-+   external_link_3: true # if false, it adds the baseurl of the site
-    header_name_3: About
-    header_link_3: /About/
-  ```
-{% endraw %}  
-
-#  Upgrading
-  Depending on how you use the theme:
-
-- if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). Run:
-
-```bash
-$ bin/run upgrade
-```
-{: .nolineno}
-
-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.
-
-- 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.
-
-
-
-
-
-
-
-
+---
+layout: post
+site-title: Getting Started
+author: Involts
+pin: true
+---
+
+# Prerequisites
+
+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/)
+
+# Installation
+
+## Creating a new site
+
+1. [Using RubyGems](https://rubygems.org/gems/jekyll-theme-fica) - Easy to upgrade, but it is not convenient with customizing the Theme.
+
+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/).
+
+## Option 1. Using RubyGems
+
+Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.2.0'`, paste it on the `Gemfile` file then run 
+
+```bash
+$ bin/run insdep
+```
+{: .nolineno}
+or
+```bash
+$ bundle install
+```
+{: .nolineno}
+
+and run
+
+```bash
+$ bin/run server
+```
+{: .nolineno}
+or
+```bash
+$ bundle exec jekyll serve
+```
+{: .nolineno}
+
+
+
+
+## Option 2. Forking Github
+
+name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
+
+ then run:
+
+```bash
+$ bin/run insdep
+```
+{: .nolineno}
+
+and run
+
+```bash
+$ bin/run server
+```
+{: .nolineno}
+
+# Usage
+
+### Configuration
+
+> 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 
+`baseurl: /jekyll-fica-theme`
+{: .prompt-warning }
+
+Fica Theme will respect the following variables, in your `_config.yml` file:
+
+```yml
+title: [The title of your site]
+description: [A short description of your site's purpose]
+
+socials:
+  # Change Involts to your full name.
+  name: [The auther of the site]
+  # it also be the copyright owner's link
+  author-link: [Link of the auther]
+```
+
+Change the links of your site header:
+
+```yml
+header:
+    external_link_1: true # if false, it adds the baseurl of the site
+    header_name_1: Download
+    header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
+
+    external_link_2: false # if false, it adds the baseurl of the site
+    header_name_2: Post
+    header_link_2: /Post/
+    
+    external_link_3: false # if false, it adds the baseurl of the site
+    header_name_3: About
+    header_link_3: /About/
+```
+
+Change the links of your site header:
+
+ > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
+ {: .prompt-info }
+
+
+{% raw %}
+```diff
+header:
+    external_link_1: true # if false, it adds the baseurl of the site
+    header_name_1: Download
+    header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
+-   external_link_2: false # if false, it adds the baseurl of the site
++   external_link_2: true # if false, it adds the baseurl of the site
+    header_name_2: Post
+    header_link_2: /Post/
+    
+-   external_link_3: false # if false, it adds the baseurl of the site
++   external_link_3: true # if false, it adds the baseurl of the site
+    header_name_3: About
+    header_link_3: /About/
+  ```
+{% endraw %}  
+
+#  Upgrading
+  Depending on how you use the theme:
+
+- if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). Run:
+
+```bash
+$ bin/run upgrade
+```
+{: .nolineno}
+
+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.
+
+- 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.
+
+
+
+
+
+
+
+