jekyll-theme-fica 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 22d3ef716ca6e5badb776ad02fade07c0f2dfee8c5e2a916614d47636f0971f0
-  data.tar.gz: 5b4cf1c8562afddcfb734ab3550687b6b598f92da278e67fbd3bedaac5e6aed9
+  metadata.gz: 370b73cd35c6858fe878abfae60823e254ee7ac63a0b8a202faa470c4cbffc1f
+  data.tar.gz: ab3d975feb2e4987a55880f3d69a974402718fbc7f0c4cf69bcfdb7b1c966a9e
 SHA512:
-  metadata.gz: 72376230cac700d01bb2e833599a38a3f8545b1c22c137e6b5d800ac7614b77def3ed0f74a2a8700078cb521e725b459b0f384fc28663756d874086966ffd052
-  data.tar.gz: 7717018c3f26f620548fe41b82f44f8e213f0678e8a4ff1df6ac602966cc0f8eac9fa704c0788dd45f6ff28e65382e5d9df5e03b9c5fc07fec293440c6c3809e
+  metadata.gz: 4ac1fa6b7be37883d4be6a5b33c7ac07bdf6ae17c99d8e927804ce6416a6f4271dde7106ce49523f4cbec0f3490e421422ce99b757501ad071a7ca5b3c8d4b11
+  data.tar.gz: 9d62ee628d19ca5432641421810b0a3d50473b1e158e7538763f052e2e1d8fa2c4d792b7e061dc8b015ec384eeb8a8ee53711f3a75a98ccd97e8db9396711ee6

data/README.md

@@ -1,9 +1,10 @@
-<img src="logo.png" align="left" />
-<h1 align="left">Fica Theme</h1>
+<img src="https://user-images.githubusercontent.com/100028421/160099110-7571a93c-a1a1-4f45-b969-d7f4dccc3b4c.png"/>
 
+                            
 You can preview the theme to [see what it looks like](https://involts.github.io/jekyll-theme-fica/) or
 [download it today !](https://github.com/Involts/jekyll-theme-fica/zipball/master)
 
+[![Gem Version](https://badge.fury.io/rb/jekyll-theme-fica.svg)](https://badge.fury.io/rb/jekyll-theme-fica)
 ## Installation and first use
 
 Add this line to your Jekyll site's `Gemfile`:
@@ -18,6 +19,7 @@ And add this line to your Jekyll site's `_config.yml`:
 theme: jekyll-theme-fica
 ```
 
+
 to install all the dependencies:
 
     $ script/bootstrap
@@ -33,12 +35,33 @@ and run, to run your jekyll site:
    # _config.yml
    baseurl: [Your Repository Name]
   ```
+ If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header.html`:
+
+Before:
+ ```
+          <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>
+          </div>
+  ```
+
+  After:
+  ```
+            <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.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>
+  ```        
+
+
 
 # Customizations
 
 ## Customizing '_config.yml'
 
-Cayman will respect the following variables, in your '_config.yml' file:
+Fica Theme will respect the following variables, in your '_config.yml' file:
 
 ```
 title: [The title of your site]
@@ -58,7 +81,9 @@ header:
 ```
 ## Customizing the Styles, Vriables and Color Scheme:
 if you like to override the default styles of the theme, go to '_sass/Custom-Styles.scss'.
+
 if you like to override the default Variables of the theme, go to '_sass/Custom-Variable.scss'.
+
 if you like to change the colors of the site, go to '_sass/Color_scheme.scss'.
 
 
@@ -74,15 +99,23 @@ Replace 'assets/img/fica_ad.png'.
 
 Google has released several iterations to their Google Analytics code over the years since this theme was first created. If you would like to take advantage of the latest code, paste it into _includes/Google-Analytics.html in your Jekyll site.
 
-# Contributing
+## Contributing
+
+Interested in contributing to Fica Theme? We'd love your help. Fica Theme is an open source project, built one contribution at a time by users like you. See [the contributing file](docs/contributing.md) for instructions on how to contribute.
+
+### Previewing the theme locally
 
-Bug reports and pull requests are welcome on GitHub at [Fica Theme](https://github.com/Involts/hello). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+If you'd like to preview the theme locally (for example, in the process of proposing a change):
 
-# Development
+1. Clone down the theme's repository (`git clone https://github.com/Involts/jekyll-theme-fica`)
+2. `cd` into the theme's directory
+3. Run `script/bootstrap` to install the necessary dependencies
+4. Run `script/bootstrap` to start the preview server
+5. Visit [`localhost:4000`](http://localhost:4000) or [`localhost:4000/jekyll-theme-fica`](http://localhost:4000/jekyll-theme-fica) in your browser to preview the theme
 
-To set up your environment to develop this theme, run `script/bootstrap`.
+### Running tests
 
-Your theme is setup just like a normal Jekyll site! To test your theme, run `script/build` and open your browser at `http://localhost:4000/jekyll-theme-fica/` or 'http://localhost:4000(site.baseurl)'. This starts a Jekyll server using the Fica Theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+The theme contains a minimal test suite, to ensure a site with the theme would build successfully. To run the tests, simply run `script/build`. You'll need to run `script/bootstrap` once before the test script will work.
 ## License
 
 The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_includes/Header.html

@@ -11,7 +11,7 @@
           </span>
         </label>
           <div class="trigger"> 
-            <a class="page-link" href="{{site.baseurl}}{{site.header.header_link_1}}">{{site.header.header_name_1}}</a>
+            <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>
           </div>

data/_layouts/page.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+    {% include Head.html %}
+    <body>
+        {% include Header.html %}
+        <main class="page-content" aria-label="Content">
+            <div class="wrapper">
+                {{ content }}
+            </div>
+        </main>
+        {% include Footer.html %}
+    </body>
+</html>

data/_layouts/post_home.html

@@ -2,13 +2,10 @@
 layout: default
 ---
 <div class="home">
-    {%- if page.title -%}
-      <h1 class="page-heading">{{ page.title }}</h1>
-    {%- endif -%}
-  
+    <h1>Posts</h1>
     {{ content }}
   
-  <h1>Posts</h1>
+
   
       {%- if site.paginate -%} 
       {% assign posts = paginator.posts %}

data/_sass/Base.scss

@@ -1,288 +1,315 @@
 html {
-    font-size: $base-font-size;
+  font-size: $base-font-size;
 }
 
 /**
- * Reset some basic elements
- */
- body, h1, h2, h3, h4, h5, h6,
- p, blockquote, pre, hr,
- dl, dd, ol, ul, figure {
-   margin: 0;
-   padding: 0;
- 
- }
+* Reset some basic elements
+*/
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+ margin: 0;
+ padding: 0;
+
+}
+
 
- body {
-    font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
-    color: $text-color;
-    background-color: $background-color;
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-feature-settings: "kern" 1;
-       -moz-font-feature-settings: "kern" 1;
-         -o-font-feature-settings: "kern" 1;
-            font-feature-settings: "kern" 1;
-    font-kerning: normal;
-    display: flex;
-    min-height: 100vh;
-    flex-direction: column;
-    overflow-wrap: break-word;
-  } 
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+     -moz-font-feature-settings: "kern" 1;
+       -o-font-feature-settings: "kern" 1;
+          font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-wrap: break-word;
+} 
 
 /**
- * Set `margin-bottom` to maintain vertical rhythm
- */
- h1, h2, h3, h4, h5, h6,
- p, blockquote, pre,
- ul, ol, dl, figure,
- %vertical-rhythm {
-   margin-bottom: $spacing-unit / 2;
- }
- 
- hr {
-   margin-top: $spacing-unit;
-   margin-bottom: $spacing-unit;
- }
- 
- /**
-  * `main` element
-  */
- main {
-   display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
- }
- 
- /**
-  * Images
-  */
- img {
-   max-width: 100%;
-   vertical-align: middle;
- }
- 
- 
- 
- /**
-  * Figures
-  */
- figure > img {
-   display: block;
- }
- 
- figcaption {
-   font-size: $small-font-size;
- }
- 
- 
- 
- /**
-  * Lists
-  */
- ul, ol {
-   margin-left: $spacing-unit;
- }
- 
- li {
-   > ul,
-   > ol {
-     margin-bottom: 0;
-   }
- }
- 
- 
- 
- /**
-  * Headings
-  */
- h2, h3, h4, h5, h6 {
-   font-weight: 650;
-   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+* Set `margin-bottom` to maintain vertical rhythm
+*/
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+ margin-bottom: $spacing-unit / 2;
+}
+
+hr {
+ margin-top: $spacing-unit;
+ margin-bottom: $spacing-unit;
+}
+
+/**
+* `main` element
+*/
+main {
+ display: block;
+  /* Default value of `display` of `main` element is 'inline' in IE 11. */
+  animation-name: text_trans;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+  @keyframes text_trans {
+    0%   {opacity: 0%;}
+    20%  {opacity: 20%;}
+    50%  {opacity: 50%;}
+    70%  {opacity: 70%;}
+    90%  {opacity: 90%;}
+    100% {opacity: 100%;}
+  }
+}
+
+/**
+* Images
+*/
+img {
+ max-width: 100%;
+ vertical-align: middle;
+}
+
+
+
+/**
+* Figures
+*/
+figure > img {
+ display: block;
+}
+
+figcaption {
+ font-size: $small-font-size;
+}
+
+
+
+/**
+* Lists
+*/
+ul, ol {
+ margin-left: $spacing-unit;
+}
+
+li {
+ > ul,
+ > ol {
+   margin-bottom: 0;
  }
- 
- h1 {
-   font-weight: 700;
-   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-   font-size: 35px;
+}
+
+
+
+/**
+* Headings
+*/
+h2, h3, h4, h5, h6 {
+ font-weight: 650;
+ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+h1 {
+ font-weight: 700;
+ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+ font-size: 35px;
+}
+
+
+/**
+* Links
+*/
+a {
+ color: $link-base-color;
+ text-decoration: none;
+ transition: $transition-links;
+
+ &:visited {
+   color: $link-visited-color;
  }
- 
- 
- /**
-  * Links
-  */
- a {
-   color: $link-base-color;
+
+ &:hover {
+   color: $link-hover-color;
    text-decoration: none;
-   transition: $transition-links;
- 
-   &:visited {
-     color: $link-visited-color;
-   }
- 
-   &:hover {
-     color: $link-hover-color;
-     text-decoration: none;
-   }
  }
- 
- 
- /**
-  * Blockquotes
-  */
- blockquote {
-   color: $blockquote-text-color;
-   border-left: 4px solid $border-color-01;
-   padding-left: $spacing-unit / 2;
-   @include relative-font-size(1.125);
-   font-style: italic;
- 
-   > :last-child {
-     margin-bottom: 0;
-   }
- 
-   i, em {
-     font-style: normal;
-   }
- }
- 
- 
- 
- /**
-  * Code formatting
-  */
- pre,
- code {
-   font-family: $code-font-family;
-   font-size: 0.9375em;
-   border: 1px solid $border-color-01;
-   border-radius: 4px;
-   background-color: $code-background-color;
+}
+
+
+/**
+* Blockquotes
+*/
+blockquote {
+ color: $blockquote-text-color;
+ border-left: 4px solid $border-color-01;
+ padding-left: $spacing-unit / 2;
+ @include relative-font-size(1.125);
+ font-style: italic;
+
+ > :last-child {
+   margin-bottom: 0;
  }
- 
- code {
-   padding: 1px 5px;
+
+ i, em {
+   font-style: normal;
  }
- 
- pre {
-   padding: 8px 12px;
-   overflow-x: auto;
- 
-   > code {
-     border: 0;
-     padding-right: 0;
-     padding-left: 0;
-   }
+}
+
+
+
+/**
+* Code formatting
+*/
+pre,
+code {
+ font-family: $code-font-family;
+ font-size: 0.9375em;
+ border: 1px solid $border-color-01;
+ border-radius: 4px;
+ background-color: $code-background-color;
+}
+
+code {
+ padding: 1px 5px;
+}
+
+pre {
+ padding: 8px 12px;
+ overflow-x: auto;
+
+ > code {
+   border: 0;
+   padding-right: 0;
+   padding-left: 0;
  }
- 
- .highlight {
-   border-radius: 3px;
+}
+
+.highlight {
+ border-radius: 3px;
+ background: $code-background-color;
+ @extend %vertical-rhythm;
+
+ .highlighter-rouge & {
    background: $code-background-color;
-   @extend %vertical-rhythm;
- 
-   .highlighter-rouge & {
-     background: $code-background-color;
-   }
- }
- 
- 
- 
- /**
-  * Wrapper
-  */
- .wrapper {
-   max-width: calc(#{$content-width} - (#{$spacing-unit}));
-   margin-right: auto;
-   margin-left: auto;
-   padding-right: $spacing-unit / 2;
-   padding-left: $spacing-unit / 2;
-   @extend %clearfix;
- 
-   @media screen and (min-width: $on-large) {
-     max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
-     padding-right: $spacing-unit;
-     padding-left: $spacing-unit;
-   }
  }
- 
- .wrapper_header {
-   padding-left: 20px;
-   padding-right: auto;
-   @extend %clearfix;
-   @media screen and (min-width: $on-medium) {
-     padding-right: 70px;
-     padding-left: 70px;
-   }
- }
- 
- 
- 
- /**
-  * Clearfix
-  */
- %clearfix:after {
-   content: "";
-   display: table;
-   clear: both;
+}
+
+
+
+/**
+* Wrapper
+*/
+.wrapper {
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
+ margin-right: auto;
+ margin-left: auto;
+ padding-right: $spacing-unit / 2;
+ padding-left: $spacing-unit / 2;
+ @extend %clearfix;
+
+ @media screen and (min-width: $on-large) {
+   max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+   padding-right: $spacing-unit;
+   padding-left: $spacing-unit;
  }
- 
- 
- 
- /**
-  * Icons
-  */
- 
- .stackoverflow {
-   color: #f66a0a;
+}
+
+.wrapper_header {
+ padding-left: 20px;
+ padding-right: auto;
+ @extend %clearfix;
+ @media screen and (min-width: $on-medium) {
+   padding-right: 70px;
+   padding-left: 70px;
  }
- 
- .youtube {
-   color: #dd0505;
+}
+
+.wrapper_footer {
+max-width: calc(#{$content-width} - (#{$spacing-unit}));
+margin-right: auto;
+margin-left: auto;
+padding-right: $spacing-unit / 2;
+padding-left: $spacing-unit / 2;
+@extend %clearfix;
+
+@media screen and (min-width: $on-large) {
+  max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+  padding-right: $spacing-unit;
+  padding-left: $spacing-unit;
+}
+}
+
+
+
+/**
+* Clearfix
+*/
+%clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+
+
+/**
+* Icons
+*/
+
+.stackoverflow {
+ color: #f66a0a;
+}
+
+.youtube {
+ color: #dd0505;
+}
+
+.github {
+ color: #f9f9f9
+}
+
+.svg-icon {
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ fill: currentColor;
+ padding: 5px 3px 2px 5px;
+ vertical-align: text-bottom;
+}
+
+
+/**
+* Tables
+*/
+table {
+ margin-bottom: $spacing-unit;
+ width: 100%;
+ text-align: $table-text-align;
+ color: $table-text-color;
+ border-collapse: collapse;
+ border: 1px solid $table-border-color;
+ tr {
+   &:nth-child(even) {
+     background-color: $table-zebra-color;
+   }
  }
- 
- .github {
-   color: #f9f9f9
+ th, td {
+   padding: ($spacing-unit / 3) ($spacing-unit / 2);
  }
- 
- .svg-icon {
-   width: 16px;
-   height: 16px;
-   display: inline-block;
-   fill: currentColor;
-   padding: 5px 3px 2px 5px;
-   vertical-align: text-bottom;
+ th {
+   background-color: $table-header-bg-color;
+   border: 1px solid $table-header-border;
  }
- 
- 
- /**
-  * Tables
-  */
- table {
-   margin-bottom: $spacing-unit;
-   width: 100%;
-   text-align: $table-text-align;
-   color: $table-text-color;
-   border-collapse: collapse;
+ td {
    border: 1px solid $table-border-color;
-   tr {
-     &:nth-child(even) {
-       background-color: $table-zebra-color;
-     }
-   }
-   th, td {
-     padding: ($spacing-unit / 3) ($spacing-unit / 2);
-   }
-   th {
-     background-color: $table-header-bg-color;
-     border: 1px solid $table-header-border;
-   }
-   td {
-     border: 1px solid $table-border-color;
-   }
- 
-   @include media-query($on-laptop) {
-     display: block;
-     overflow-x: auto;
-     -webkit-overflow-scrolling: touch;
-             -ms-overflow-style: -ms-autohiding-scrollbar;
-   }
- }  
+ }
 
- 
+ @include media-query($on-laptop) {
+   display: block;
+   overflow-x: auto;
+   -webkit-overflow-scrolling: touch;
+           -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-fica
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Involts
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-24 00:00:00.000000000 Z
+date: 2022-03-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -88,6 +88,7 @@ files:
 - _includes/Header.html
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/page.html
 - _layouts/post.html
 - _layouts/post_home.html
 - _sass/Base.scss
@@ -99,6 +100,7 @@ files:
 - assets/css/Styles.scss
 - assets/fica-icons.svg
 - assets/img/fica_ad.png
+- logo.png
 homepage: https://github.com/Involts/jekyll-theme-fica
 licenses:
 - MIT
@@ -119,7 +121,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
+rubygems_version: 3.3.10
 signing_key:
 specification_version: 4
 summary: A modern theme with minimal look