jekyll-theme-fica 0.1.3 → 0.1.8

data/_layouts/post_home.html

@@ -2,55 +2,80 @@
 layout: default
 ---
 <div class="home">
-    <h1>Posts</h1>
-    {{ content }}
-  
+  {%- if page.title -%}
+  <h1 class="page-heading">{{ page.title }}</h1>
+  {%- endif -%}
 
-  
-      {%- if site.paginate -%} 
-      {% assign posts = paginator.posts %}
-    {% else %}
-      {% assign posts = site.posts %}
-    {% endif %}
-  
-  
-    {%- if posts.size > 0 -%}
-      {%- if page.list_title -%}
-        <h2 class="post-list-heading">{{ page.list_title }}</h2>
+  {{ content }}
+
+  <h1>Posts</h1>
+
+  {%- if site.paginate -%}
+  {% assign posts = paginator.posts %}
+  {% else %}
+  {% assign posts = site.posts %}
+  {% endif %}
+
+
+  {%- if posts.size > 0 -%}
+  {%- if page.list_title -%}
+  <h2 class="post-list-heading">{{ page.list_title }}</h2>
+  {%- endif -%}
+  <ul class="post-list">
+    {%- assign date_format = site.fica.date_format | default: "%b %-d, %Y" -%}
+    {%- for post in posts -%}
+    <li>
+      <h3>
+        <a class="post-link" href="{{ post.url | relative_url }}">
+          {{ post.title | escape }}
+        </a>
+        <span class="post-meta text-muted">{{ post.date | date: date_format }}</span>
+      </h3>
+      {%- if site.show_descriptions -%}
+      {{ post.excerpt }}
       {%- endif -%}
-      <ul class="post-list">
-        {%- assign date_format = site.fica.date_format | default: "%b %-d, %Y" -%}
-        {%- for post in posts -%}
-        <li>
-          <h3>
-            <a class="post-link" href="{{ post.url | relative_url }}">
-              {{ post.title | escape }}
-            </a>
-            <span class="post-meta">{{ post.date | date: date_format }}</span>
-          </h3>
-          {%- if site.show_descriptions -%}
-            {{ post.excerpt }}
-          {%- endif -%}
+    </li>
+    {%- endfor -%}
+  </ul>
+
+  {%- if site.paginate -%}
+  <ul class="post-nav">
+    <li>
+      {% if paginator.previous_page %}
+      <a href="{{ paginator.previous_page_path | relative_url }}"">
+        <svg class="post-nav-svg">
+          <use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
+            }}"></use>
+        </svg>
+      </a>
+      {% else %} 
+      <a>
+        <svg class="post-nav-svg disable-svg">
+          <use xlink:href="{{ 'assets/fica-icons.svg#arw-back' | relative_url
+            }}"></use>
+        </svg>
+      </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 }}">
+          <svg class="post-nav-svg">
+            <use xlink:href="{{ 'assets/fica-icons.svg#arw-front' | relative_url
+              }}"></use>
+          </svg>
+        </a>
+        {%- else %}
+        <a>
+          <svg class="post-nav-svg disable-svg">
+            <use xlink:href="{{ 'assets/fica-icons.svg#arw-front' | relative_url
+              }}"></use>
+          </svg>
+        </a>
+        {%- endif %}
         </li>
-        {%- endfor -%}
       </ul>
-  
-      {%- if site.paginate -%}
-        <div class="pager">
-          <ul class="pagination">
-          {%- if paginator.previous_page %}
-            <li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous-page">{{ paginator.previous_page }}</a></li>
-          {%- else %}
-            <li><div class="pager-edge">•</div></li>
-          {%- endif %}
-            <li><div class="current-page">{{ paginator.page }}</div></li>
-          {%- if paginator.next_page %}
-            <li><a href="{{ paginator.next_page_path | relative_url }}" class="next-page">{{ paginator.next_page }}</a></li>
-          {%- else %}
-            <li><div class="pager-edge">•</div></li>
-          {%- endif %}
-          </ul>
-        </div>
       {%- endif %}
-  
-    {%- endif -%}
+
+      {%- endif -%}

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

@@ -0,0 +1,8 @@
+---
+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?

data/_posts/2022-04-1-Demo.md

@@ -0,0 +1,114 @@
+---
+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
+- level 1 item

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

@@ -0,0 +1,103 @@
+---
+layout: post
+site-title: Getting Started
+author: Involts
+---
+
+# 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.1.5'`, paste it on the `Gemfile` file then run `bin/build`
+
+> `bin/build` installs the dependencies and runs the server locally.
+{: .prompt-info }
+
+## Option 2. Forking Github
+
+name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
+
+and then run:
+
+```
+$ bin/build
+```
+> `bin/build` installs the dependencies and runs the server locally.
+{: .prompt-info }
+
+# 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:
+
+```
+title: [The title of your site]
+author: [The auther of the site]
+name: [The owner of the site]
+description: [A short description of your site's purpose]
+```
+
+Change the links of your site header:
+
+```yml
+header:
+  header_name_1: Download
+  header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
+  header_name_2: Post
+  header_link_2: /Post/
+  header_name_3: About
+  header_link_3: /About/
+```
+
+ > If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
+ {: .prompt-info }
+
+
+{% raw %}
+```diff
+  <div class="trigger">
+    <a class="page-link" href="{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
+-    <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_2}}">{{site.header.header_name_2}}<a>
+-    <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
++     <a class="page-link" href="{{site.header.header_link_2}}">{{site.header.header_name_2}}</a>
++     <a class="page-link" href="{{site.header.header_link_3}}">{{site.header.header_name_3}}</a>
+  </div>
+  ```
+{% endraw %}  
+
+#  Upgrading
+  Depending on how you use the theme:
+
+- if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). There will be `gem 'jekyll-theme-fica'` in the `Gemfile`.  
+
+```diff
+-  gem 'jekyll-theme-fica', '~> 0.1.4'
++  gem 'jekyll-theme-fica', '~> 0.1.8'
+```
+
+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.
+
+
+
+
+
+
+
+

data/_posts/2022-04-6-Creating-a-new-post.md

@@ -0,0 +1,124 @@
+---
+layout: post
+site-title: Creating a new post
+author: Involts
+---
+
+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.
+
+# Creating a File and Naming a post
+
+Create a new file named `YYY-MM-DD-TITLE.EXTENSION` (.EXTENSION may be `.md` or `.markdown`) and put it on the `_posts` folder.
+
+# Font Matter
+
+Basic Font Matter
+
+|             Font Matter               |  Description
+| --------------------------------------|------------------
+| `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. 
+| `site-title`                          | This displays the website title. **EXCEPT THE HOMEPAGE**
+| `author`                              |  This is optional for the post because the authour is set on the `_config.yml` file.
+| `home`                                | **This is only for the homepage** It displays the website title so that you will not write the website title.
+
+Examples:
+
+- Homepage:
+
+```yml
+---
+layout: home
+home: true
+---
+
+```
+
+- About
+
+```yml
+---
+layout: default
+site-title: About
+permalink: /About/
+---
+
+```
+
+- Post Home
+
+```yml
+---
+layout: post_home
+site-title: post
+---
+```
+
+- Post
+
+```yml
+---
+layout: post
+site-title: Creating a new post
+author: Involts
+---
+```
+
+# Syntax
+
+- Inline Code
+
+```
+`inline code part`
+```
+
+- Code Block
+
+Markdown symbol ``` can easily create a code block as follows:
+
+```
+Plaintext Code Snippet.
+```
+### Specifying Language in Code Block
+
+  Markdown symbol ```{language} can easily create a code block as follows:
+
+````yml
+```yml
+    title: Fica Theme
+```
+````
+
+### Line Number
+
+ 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:
+
+````markdown
+```bash
+echo 'No more line numbers'
+```
+{: .nolineno }
+````
+
+#### Liquid Codes
+
+If you want to display the `Liquid` snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
+
+````markdown
+{% raw %}
+```liquid
+{% if product.title contains 'Pack' %}
+  This product's title contains the word Pack.
+{% endif %}
+```
+{% endraw %}
+````
+
+Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
+
+## Learn More
+
+For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
+
+
+
+

data/_sass/custom/styles.scss

@@ -0,0 +1 @@
+// put your custom layout here!

data/_sass/custom/variables.scss

@@ -0,0 +1 @@
+// put your custom variables here!

data/_sass/jekyll-theme-fica.scss

@@ -0,0 +1,7 @@
+@import 
+"themes/dark theme/theme-dark", 
+"custom/variables",
+"layouts/variables",
+"custom/styles",
+ "layouts/layout",
+"layouts/base";