minimal-categorized 0.0.2 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 254566b40472ac659a9cb242c455510f34a8c65c99d6b3ca0ac8d2a226096a82
-  data.tar.gz: db6b1f754708d8a9859e55423abff3951eac3e6352641172a2c55fb41cc38574
+  metadata.gz: 9591ce0b0bbe7d3236a3581de7173de19775687d92e18bc0e9ea5ecf4bdbe1e0
+  data.tar.gz: 656424f45f6b9b6f5a830abda82774fc7295aa9a08b4aceb995aa386a8a7b9e6
 SHA512:
-  metadata.gz: 58ee131f70c612d2e4cd54d229b496d39989416144dfe546eaddd8dd30d933d0ded65d3213e7eaf9770133c40def0d9040d3c1c313d125225cfc432d3029c2ce
-  data.tar.gz: b853214814738cfb4a85cf203df62223c708af8b715975e0a1a7b51a115d95ee0ba7865b42f3961ad48f6693a5642036449161acc75bc18cbe18598e39fa70d7
+  metadata.gz: 82a1a507aaa46a05a312ccbf00abf55811beba30c844c1b835b7481aa53512ac2b4e79c3d798e8cbe4a80cd4b685868840a32b8a399aa8df863d537f1b47109d
+  data.tar.gz: f4f6cb55b484fbdc1787cffec6ba1d16d12708d1427933520f39897aede1d3bc315aa709e481712c2fe0d70a518243e8aabcc11a1b357e1d467b59ff74fd8126

data/404.html

@@ -0,0 +1,11 @@
+---
+layout: default
+permalink: 404.html
+---
+
+<div class="content-container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>

data/README.md

@@ -1,11 +1,12 @@
-# minimal-categorized
+# [minimal-categorized Jekyll theme](https://github.com/ItsMeaga1n/minimal-categorized/)
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+[![LICENSE](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE)
+[![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%203.9-blue.svg)](https://jekyllrb.com/)
+[![Ruby gem](https://img.shields.io/gem/v/minimal-mistakes-jekyll.svg)](https://rubygems.org/gems/minimal-mistakes-jekyll)
 
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
-
-TODO: Delete this and the text above, and describe your gem
+minimal-categorized is a flexible Jekyll theme, designed for sites with content easily aggregated into categories. Demo is available [here](https://itsmeaga1n.github.io/minimal-categorized/).
 
+![layout examples](screenshot.png)
 
 ## Installation
 
@@ -31,11 +32,37 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+This theme is based on separating content into categories, which is later shown on separated sites designated to the specific content type.
+
+As for now, theme allows to use two main categories that will be displayed on home screen and more categories displayed only in menu to further separate content. Those are defined in `_data/menu.yml`.
+
+Structure of `_data/menu.yml`:
+* menu_title: Displayed on menu (only for normal menu)
+* menu_headline: Displayed in menu (only for normal menu) and in about page
+* menu_intro: Displayed in menu (only for normal menu) and in about page
+* show_menu_on_category_select: Boolean value determining if menu should be visible on category selection page
+* minimal_menu: Boolean value determining the style of menu bar
+* menu_logo: Path to logo displayed on menu (only for normal menu)
+* menu_pages: a list of items in menu. Each item contains information:
+    * title: Menu position title
+    * url: URL for href
+    * show_on_home: Boolean value to determine if this position is a category to be shown on category picker
+    * image_url: image URL for category picker
+    * icon_name: FavIcon to be displayed in menu
+    * category: unique identifier of category. Used to determine which menu item is selected
+    * tooltip: Tooltip for menu item
+* menu_contacts: a list of items to be displayed for a contact section in menu
+    * faicon: FavIcon to be displayed in menu
+    * url: URL for href
+    * target: target value of \<a> tag
+
+Structure of `_data/metaData.yml`:
+author: Site Author name
+avatar_url: URL for avatar (for about page)
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/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.
+Bug reports and pull requests are welcome on [GitHub](https://github.com/ItsMeaga1n/minimal-categorized). 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.
 
 ## Development
 

data/_config.yml

@@ -19,13 +19,13 @@ description: >- # this means to ignore newlines until "baseurl:"
   Write an awesome description for your new site here. You can edit this
   line in _config.yml. It will appear in your document head meta (for
   Google search results) and in your feed.xml site description.
-baseurl: "" # the subpath of your site, e.g. /blog
+baseurl: "/minimal-categorized" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
 
 # Build settings
 markdown: kramdown
-theme: minimal-categorized
+remote_theme: ItsMeaga1n/minimal-categorized
 # Exclude these files from production site
 exclude:
   - CHANGELOG.md

data/_data/menu.yml

@@ -2,29 +2,32 @@ menu_title: Example menu title
 menu_headline: example menu headline
 menu_intro: Hi! This is an example of intro that you could write for your jekyll minimal-categorized theme!
 show_menu_on_category_select: False
-minimal_menu: False
-menu_logo: assets/img/logo.jpg
+minimal_menu: True
+menu_logo: assets/img/avatar.png
 
 menu_pages:
 - title: Category 1
   url: /category-1.html
   show_on_home: True
-  image_url:
-  icon_name: fas fa-cogs
+  image_url: assets/img/category-1.jpg
+  icon_name: fas fa-dice
   category: category-1
+  tooltip: This is category 1
 
 - title: Category 2
   url: /category-2.html
   show_on_home: True
-  image_url:
+  image_url: assets/img/category-2.jpg
   icon_name: fas fa-cogs
   category: category-2
+  tooltip: This is category 2
 
 - title: ABOUT
-  url: /about.html
+  url: about.html
   show_on_home: False
   icon_name: fas fa-address-card
   category: about
+  tooltip: This is about
 
 menu_contacts:
 - faicon: fab fa-github-alt

data/_data/metaData.yml

@@ -1,4 +1,2 @@
 author: Site Author
-avatar_url: 
-twitter_username:
-github_username:
+avatar_url: assets/img/avatar.png

data/_includes/common-head.html

@@ -0,0 +1,5 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{ page.title }}</title>
+<link rel="stylesheet" href="{{ '/assets/styles/styles.css' | relative_url }}">
+<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>

data/_includes/menu.html

@@ -1,11 +1,11 @@
 {% if site.data.menu.minimal_menu %}
-<aside class="menu minimal">
+<aside class="menu">
     <div class="menu-top">
 
         <ul class="navigation">
             {% for menu_item in site.data.menu.menu_pages %}
             <li>
-                <a href="{{ menu_item.url }}" category="{{ menu_item.category }}">
+                <a href="{{ menu_item.url | relative_url }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
                     <i class="{{ menu_item.icon_name }}"> </i>
                 </a>
             </li>
@@ -15,20 +15,21 @@
     <div class="menu-contact">
         {% for contact in site.data.menu.menu_contacts %}
 
-        <a href="{{ contact.url }}" target="{{ contact.target }}">
+        <a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
             <i class="{{ contact.faicon }}"></i>
         </a>
         {% endfor %}
     </div>
 </aside>
+
 {% else %}
 
 <aside class="menu">
     <div class="menu-top">
         <div class="profile">
             <div class="avatar">
-                <a href="/about.html" alt="avatar">
-                    <img src="{{ site.data.menu.menu_logo }}" alt="avatar" onerror="this.style.display='none'">
+                <a href="{{ '/about.html' | relative_url }}" alt="avatar">
+                    <img src="{{ site.data.menu.menu_logo | relative_url }}" alt="avatar" onerror="this.style.display='none'">
                 </a>
             </div>
             <h1>{{ site.data.menu.menu_title }}</h1>
@@ -39,8 +40,8 @@
         <ul class="navigation">
             {% for menu_item in site.data.menu.menu_pages %}
             <li>
-                <a href="{{ menu_item.url }}">
-                    <!-- <i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"> </i>  -->
+                <a href="{{ menu_item.url | relative_url }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
+                    <i class="{{ menu_item.icon_name }}"> </i>
                     <span>{{ menu_item.title }}</span>
                 </a>
             </li>
@@ -50,7 +51,7 @@
     <div class="menu-contact">
         {% for contact in site.data.menu.menu_contacts %}
 
-        <a href="{{ contact.url }}" target="{{ contact.target }}">
+        <a href="{{ contact.url | relative_url }}" target="{{ contact.target }}">
             <i class="{{ contact.faicon }}"></i>
         </a>
         {% endfor %}

data/_layouts/category-aggregator.html

@@ -3,14 +3,19 @@ layout: default
 ---
 <div class="content-container category-aggregator {{ page.category }}">
     <h1>{{ page.title }}</h1>
+    <p>{{ page.summary }}</p>
     {{content}}
-    <hr>
+    <hr class="content-separator">
     {% for post in site.posts %}
         {% if post.category == page.category %}
             <article>
                 <header>
                     <h2>
-                        <a href="{{ post.permalink }}">
+                        {% if post.external_url %}
+                        <a href="{{ post.external_url | relative_url }}" target="_blank">
+                        {% else %}
+                        <a href="{{ post.url | relative_url }}">
+                        {% endif %}
                             <i class="fas fa-angle-right"></i>
                             {{ post.title }}
                         </a>
@@ -22,6 +27,18 @@ layout: default
                         {{ post.summary }}
                     </p>
                 </section>
+                <span class="article-read">
+                    {% if post.external_url %}
+                    <a href="{{ post.external_url | relative_url }}" target="_blank">
+                    {% else %}
+                    <a href="{{ post.url | relative_url }}">
+                    {% endif %}                        {% if post.external_name %}
+                        Read more on {{ post.external_name }} &rarr;
+                        {% else %}
+                        Read more &rarr;
+                        {% endif %}
+                    </a>
+                </span>
                 <hr>
             </article>
         {% endif %}

data/_layouts/default.html

@@ -1,14 +1,14 @@
 <!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>{{ page.title }}</title>
-    <link rel="stylesheet" href="/assets/styles/styles.css">
-    <script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
-    <script src="/assets/scripts/main.js" crossorigin="anonymous"></script>
+    {% include common-head.html %}
   </head>
+  {% if site.data.menu.minimal_menu %}
+  <body class="is-minimal-menu" >
+  {% else %}
   <body>
-      {% include menu.html %}
+  {% endif %}
+    {% include menu.html %}
       <main class="content-layout">
           {{ content }}
           {% include footer.html %}

data/_layouts/home.html

@@ -1,15 +1,16 @@
 <!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <title>{{ page.title }}</title>
-    <link rel="stylesheet" href="/assets/styles/styles.css">
-    <script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
+    {% include common-head.html %}
     <script>
       {% include home.js %}
     </script>
   </head>
+  {% if site.data.menu.minimal_menu and site.data.menu.show_menu_on_category_select %}
+  <body class="is-minimal-menu" >
+  {% else %}
   <body>
+  {% endif %}
     {% if site.data.menu.show_menu_on_category_select %}
     {% include menu.html %}
     <main class="content-layout">
@@ -19,8 +20,8 @@
         <div class="home">
             {% for menu_item in site.data.menu.menu_pages %}
                 {% if menu_item.show_on_home %}
-                    <a href="{{ menu_item.url }}" class="category-container">
-                        <div class="category" style="background-image: url('{{ menu_item.image_url }}')"></div>
+                    <a href="{{ menu_item.url | relative_url }}" class="category-container">
+                        <div class="category" style="background-image: url('{{ menu_item.image_url | relative_url}}')"></div>
                         <p>
                             {{ menu_item.title }}
                         </p>

data/_layouts/post.html

@@ -1,7 +1,14 @@
 ---
 layout: default
 ---
-<div class="content-container post {{ page.category }}">
-    <h1>{{ page.title }}</h1>
-    {{content}}
+<div class="post">
+    {% if page.image %}
+    <figure>
+        <img src="{{ page.image | relative_url }}"/>
+    </figure>
+    {% endif %}
+    <div class="content-container {{ page.category }}">
+        <h1>{{ page.title }}</h1>
+        {{content}}
+    </div>
 </div>

data/_sass/styles/_category-aggregator.scss

@@ -2,19 +2,38 @@
     color: $p_dark;
     a {
         color: $secondary;
+        &:hover {
+            color: darken($secondary, 10%);
+        }
     }
     hr {
         border: 0;
         height: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
         border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+        margin: $gap auto $gap * 0.5 auto;
     }
-    .article-date {
-        font-weight: 700;
-        padding-left: 18px;
+    article {
+        position: relative;
+        .article-date {
+            font-weight: 700;
+            padding-left: 18px;
+            font-style: italic;
+            margin-top: -0.6em;
+            color: rgba(0, 0, 0, 0.4);
+            font-size: 0.9em;
+        }
+        .article-read {
+            position: absolute;
+            right: 10px;
+            font-size: 0.8em;
+            bottom: 0;
+        }
     }
     section {
         p {
+            width: 90%;
+            line-height: 1.7em;
             padding-left: 18px;
         }
     }

data/_sass/styles/_defaults.scss

@@ -1,36 +1,59 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-
 h1 {
     text-transform: uppercase;
     font-weight: 700;
     text-rendering: optimizeLegibility;
-    line-height: 1.1;
     color: inherit;
     text-align: center;
-    margin: 30px 0;
-    font-size: 4em;
+    font-size: 2.5em;
     letter-spacing: -1px;
+    margin: 1em 50px 1em;
 }
 
-h2 {
+h2, h2 a {
     font-weight: 700;
-    font-size: 1.5em;
+    font-size: 1.4em;
+    line-height: 1.4em;
     color: $secondary;
 }
 
-html {
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    line-height: 1.7em;
+}
+body {
+    font-size: 16px;
     color: $base-white;
-    font-family: 'Roboto', sans-serif;
+    font-family: forma-djr-micro,Arial,sans-serif;
 }
 main {
     .content-container {
         margin: 0px auto;
         max-width: 960px;
+        width: 90%;
         padding: 0px 18px 24px;
         flex-grow: 1;
+
+        .content-separator {
+            margin: $gap auto;
+        }
     }
 }
 a {
     text-decoration-line: none;
     color: inherit;
+}
+
+a, p, li {
+    font-size: 1.1em;
+}
+
+@include mobile {
+    body {
+        font-size: 13px;
+    }
+    h1 {
+        font-size: 2em;
+    }
 }

data/_sass/styles/_home.scss

@@ -53,4 +53,12 @@
             }
         }
     }
+
+    @include mobile {
+        flex-direction: column;
+        a {
+            height: 50%;
+            width: 100%;
+        }
+    }
 }

data/_sass/styles/_index.scss

@@ -3,4 +3,5 @@
 @import './layout';
 @import './home';
 @import './category-aggregator';
-@import './profile';
+@import './profile';
+@import "./post";

data/_sass/styles/_layout.scss

@@ -1,4 +1,3 @@
-
 main {
     background-color: $main-bg-color;
     color: black;
@@ -34,4 +33,16 @@ footer {
     p {
         margin: 0;
     }
+}
+
+.is-minimal-menu {
+    main {
+        width: $content-width-desktop-minimal-menu;
+        left: $minimal-menu-size;
+        @include mobile {
+            top: $minimal-menu-size;
+            left: 0;
+            width: 100%;
+        }
+    }
 }

data/_sass/styles/_menu.scss

@@ -33,7 +33,6 @@
             padding: 3px 10px 3px 10px;
         }
     }
-
     ul {
         @include mobile {
             display: flex;
@@ -54,27 +53,32 @@
                 justify-content: center;
                 letter-spacing: 1px;
                 line-height: 28px;
-                :hover {
-                    text-decoration: underline;
+                &:hover {
                     font-weight: 900;
                     color: $p_lighter;
 
                 }
                 &.selected {
                     color: $s_lighter;
-                    :hover {
-                        color: $primary;
-                    }
                 }
                 @include mobile {
                     height: calc(#{$menu-size} - 10px);
                     width: $menu-size;
                     font-size: 30px;
                 }
+
+                i {
+                    margin-right: 5px;
+                }
             }
         }
     }
 
+    h1 {
+        font-size: 2em;
+        margin: 0.5em;
+    }
+
     h2 {
         color: darken($color: $s_text, $amount: 25);
         font-weight: 400;
@@ -84,18 +88,26 @@
     
 
     &-contact {
-        @include mobile{
-            a {
-                margin-top: 8px;
-                height: calc(#{$menu-size} - 10px);
-                width: calc(#{$menu-size} - 10px);
-                font-size: 30px;
-            }
-        }
         display:flex;
         justify-content:center;
         margin-bottom: 20px;
         flex-wrap: wrap;
+        @include mobile{
+            font-size: 16px;
+            max-height: $menu-size;
+            margin-bottom: 0;
+            display: inline-grid;
+            grid-template-rows: 50% 50%;
+            a:nth-child(odd) {
+                grid-row-start: 1;
+            }
+            a:nth-child(even) {
+                grid-row-start: 2;
+            }
+            a:nth-child(odd):last-child {
+                margin-top: 13px;
+            }
+        }
         a {
             color: $p_lighter;
             cursor:pointer;
@@ -104,8 +116,31 @@
             user-select:none;
             margin-left: 4px;
             margin-right: 4px;
-            :hover {
-                color: $primary;
+            &:hover {
+                color: $p_lightest;
+            }
+        }
+    }
+}
+
+.is-minimal-menu {
+    .menu {
+        width: $minimal-menu-size;
+        @include mobile {
+            height: $minimal-menu-size;
+            width: 100%;
+        }
+        ul {
+            li {
+                a {
+                    i {
+                        margin: 0;
+                    }
+                    @include mobile {
+                        height: calc(#{$minimal-menu-size} - 10px);
+                        width: $minimal-menu-size;
+                    }
+                }
             }
         }
     }

data/_sass/styles/_post.scss

@@ -0,0 +1,41 @@
+.post {
+    font-size: 1.2em;
+    a {
+        text-decoration-line: none;
+        color: $secondary;
+        &:hover {
+            text-decoration: underline;
+            font-weight: 500;
+        }
+    }
+    .language-plaintext, .language-shell, .language-html {
+        border-radius: 3px;
+        padding: 1px 3px;
+        background-color:rgb(228, 230, 232);
+    }
+    figure {
+        margin: 0;
+        width: 100%;
+        img {
+            width: 100%;
+            background-repeat: no-repeat;
+            background-size: cover;
+        }
+    }
+    p, ul {
+        margin-bottom: $gap * .5;
+        margin-top: $gap * .5;
+    }
+    ul {
+        display: block;
+        list-style-type: disc;
+        margin-block-start: 1em;
+        margin-block-end: 1em;
+        margin-inline-start: 0px;
+        margin-inline-end: 0px;
+        padding-inline-start: 40px;
+    }
+    li {
+        display: list-item;
+    }
+}

data/_sass/variables/_index.scss

@@ -1,2 +1,3 @@
 @import './colors';
-@import './layout';
+@import './layout';
+@import './mixins';

data/_sass/variables/_layout.scss

@@ -1,6 +1,11 @@
-$content-width-desktop: calc(100% - #{$menu-size});
 $tablet-width: 768px;
 $desktop-width: 1024px;
+$menu-size: 200px;
+$minimal-menu-size: 50px;
+$gap: 30px;
+
+$content-width-desktop: calc(100% - #{$menu-size});
+$content-width-desktop-minimal-menu: calc(100% - #{$minimal-menu-size});
 @mixin tablet {
     @media only screen and (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
       @content;

data/_sass/variables/_mixins.scss

@@ -0,0 +1,34 @@
+@mixin tooltip {
+    position: relative;
+    &:hover .tooltip {
+        visibility: visible;
+        opacity: 1;
+      }
+    & .tooltip {
+        visibility: hidden;
+        width: 120px;
+        background-color: #555;
+        color: #fff;
+        text-align: center;
+        border-radius: 6px;
+        padding: 5px 0;
+        position: absolute;
+        z-index: 1;
+        bottom: 100%;
+        left: 50%;
+        margin-left: -60px;
+        opacity: 0;
+        transition: opacity 0.3s;
+        font-size: 14px;
+        &::after {
+            content: "";
+            position: absolute;
+            top: 100%;
+            left: 50%;
+            margin-left: -5px;
+            border-width: 5px;
+            border-style: solid;
+            border-color: #555 transparent transparent transparent;
+          }
+    }
+}

data/assets/styles/styles.scss

@@ -1,9 +1,4 @@
 ---
 ---
-{% if site.data.menu.minimal_menu %}
-$menu-size: 50px;
-{% else %}
-$menu-size: 200px;
-{% endif %}
 
-@import "{{ site.theme }}";
+@import "minimal-categorized";

data/pages/about.html

@@ -1,17 +1,16 @@
 ---
 layout: post
 title: About
-permalink: /about.html
+permalink: about.html
 category: about
 
 ---
 <div class="profile">
     <div class="avatar">
-        <a href="/about.html" alt="avatar">
+        <a href="about.html" alt="avatar">
             <img src="{{ site.data.metaData.avatar_url }}" alt="avatar" onerror="this.style.display='none'"> 
         </a>
     </div>
-    <h1>{{ site.data.menu.menu_title }}</h1>
     <h2>{{ site.data.menu.menu_headline }}</h2>
     <p>{{ site.data.menu.menu_intro }}</p>
 </div>

data/pages/category-1.html

@@ -1,9 +1,8 @@
 ---
-layout: category-aggregator
 title: Category 1
-permalink: /category-1.html
+layout: category-aggregator
+permalink: category-1.html
 category: category-1
+summary: Summary of a category. It is just a special placeholder wrapped in a particular class, so it looks more interesting. You can always make your own layout for a category, or make a category.html look the way you want.
 ---
 
-Here I'm posting about software engineering. You can find updates on projects I am working on as well as my writings devoted to the technical aspect.
-All my open-source repositories are available on my <a href="https://github.com/ItsMeaga1n" target="_blank">GitHub account</a>.

data/pages/category-2.html

@@ -1,9 +1,16 @@
 ---
-layout: category-aggregator
 title: Category 2
 layout: category-aggregator
-permalink: /category-2.html
+permalink: category-2.html
 category: category-2
 ---
 
-This site is still under development. Please come back later!
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse efficitur turpis nec tortor sagittis, in tincidunt lectus iaculis. Sed tempor ligula ac nulla dictum, quis luctus tortor pretium. Suspendisse vitae nibh id sapien tempus posuere eu id ante. Fusce nec neque nisl. Suspendisse velit elit, euismod et lacus a, commodo mollis ligula. Duis non nibh gravida, interdum tellus sed, aliquam libero. Ut et tempor velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+
+Maecenas egestas eu nulla sed facilisis. Phasellus suscipit varius nibh, nec pharetra velit dignissim vel. Proin eget sapien nec massa ornare ornare. Vestibulum mattis placerat sapien, vel cursus est pretium nec. Sed at est eget enim semper scelerisque. Proin massa massa, luctus vel ante nec, dignissim molestie leo. Nulla auctor et ligula nec mollis. Fusce lectus lorem, hendrerit et metus suscipit, molestie commodo eros.
+
+Aliquam tempor porttitor mi. Aliquam et sapien faucibus, mattis purus sed, malesuada urna. Ut eget enim urna. Duis tempus est vel tincidunt luctus. Nunc commodo ante nec orci scelerisque, eu lobortis massa fermentum. Nunc sagittis eros at sapien volutpat aliquet. Donec posuere efficitur laoreet. Ut ornare tellus ut ipsum hendrerit, vitae varius ante pharetra. Suspendisse fringilla leo erat, dignissim auctor ex ultrices a. Sed ultrices blandit eros. Pellentesque volutpat ultrices sem, vel semper enim fermentum eu. Nulla eget eros ipsum. Sed hendrerit et arcu vitae pulvinar. Vivamus facilisis, eros eu gravida rhoncus, enim felis suscipit leo, vitae lacinia magna nisl hendrerit est. Cras eget blandit ante. Aenean tincidunt blandit lacus, vitae porta ipsum viverra et.
+
+Proin urna lorem, pulvinar quis orci non, accumsan pharetra erat. Aliquam vulputate aliquam tellus, ac sollicitudin nibh fermentum in. Sed malesuada nisl mi, vitae lobortis massa pretium ut. Nunc risus diam, consectetur non congue sed, rutrum eu eros. Integer sed aliquet sapien, a porttitor ex. Nam sed auctor augue, vitae cursus arcu. Donec vehicula viverra scelerisque.
+
+Duis quis mattis eros, gravida convallis dui. Nullam venenatis nisi mauris, eu consequat purus fermentum non. Suspendisse libero ipsum, tristique non efficitur ultrices, fringilla vulputate purus. Nullam laoreet lacus non sapien euismod, in viverra augue feugiat. Integer congue varius risus at cursus. Aenean tincidunt arcu vitae massa eleifend porta. Nullam facilisis eros rhoncus metus tincidunt tempus. Maecenas viverra urna mi, id rhoncus lectus aliquet maximus. Pellentesque vulputate turpis ut nulla lobortis, at ullamcorper sem sodales. Phasellus fringilla neque ut libero condimentum fermentum. Sed lobortis, felis mollis porta lacinia, nibh neque maximus ante, non eleifend dolor nunc dictum velit. Sed lacinia ut quam et dapibus.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minimal-categorized
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.7
 platform: ruby
 authors:
 - Patryk Bieszke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-12 00:00:00.000000000 Z
+date: 2020-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -31,11 +31,13 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- 404.html
 - LICENSE.txt
 - README.md
 - _config.yml
 - _data/menu.yml
 - _data/metaData.yml
+- _includes/common-head.html
 - _includes/footer.html
 - _includes/home.js
 - _includes/menu.html
@@ -50,15 +52,20 @@ files:
 - _sass/styles/_index.scss
 - _sass/styles/_layout.scss
 - _sass/styles/_menu.scss
+- _sass/styles/_post.scss
 - _sass/styles/_profile.scss
 - _sass/variables/_colors.scss
 - _sass/variables/_index.scss
 - _sass/variables/_layout.scss
+- _sass/variables/_mixins.scss
+- assets/img/avatar.png
+- assets/img/category-1.jpg
+- assets/img/category-2.jpg
 - assets/styles/styles.scss
 - pages/about.html
 - pages/category-1.html
 - pages/category-2.html
-homepage: http://127.0.0.1:4000/about.html
+homepage: https://github.com/ItsMeaga1n/minimal-categorized
 licenses:
 - MIT
 metadata: {}