minimal-categorized 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 254566b40472ac659a9cb242c455510f34a8c65c99d6b3ca0ac8d2a226096a82
-  data.tar.gz: db6b1f754708d8a9859e55423abff3951eac3e6352641172a2c55fb41cc38574
+  metadata.gz: 66d9c7adfacb7e6111b320bd50ebde55a5ea2e2ce5c4c590dc5b04cc9fac9d58
+  data.tar.gz: f11ac0125158fef5cd6bb24ad29109ffee6b39242c7b6b695eb4bdc40665d946
 SHA512:
-  metadata.gz: 58ee131f70c612d2e4cd54d229b496d39989416144dfe546eaddd8dd30d933d0ded65d3213e7eaf9770133c40def0d9040d3c1c313d125225cfc432d3029c2ce
-  data.tar.gz: b853214814738cfb4a85cf203df62223c708af8b715975e0a1a7b51a115d95ee0ba7865b42f3961ad48f6693a5642036449161acc75bc18cbe18598e39fa70d7
+  metadata.gz: ccc8c06921c53acde993543bb2910725e57afc7d2c964e719f89261b7eb734953061fa38e823473648a0cdcfb4cd24ffd218fb6fd487c2c7c4470578c7db0554
+  data.tar.gz: 8ed445ff7a0ec65b527a133708179220514e9acc9fb6ad52ec2ece0c0489ea2bdc89dd246fae65a5b76c4d39c148234fa7fa6983f722d4a411c5d31f99250b44

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,19 @@ 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`:
+TODO
+
+Structure of `_data/metaData.yml`:
+TODO
 
 ## 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/_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: https://cataas.com/cat/1
+  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: https://cataas.com/cat/2
   icon_name: fas fa-cogs
   category: category-2
+  tooltip: This is category 2
 
 - title: ABOUT
   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,4 @@
 author: Site Author
-avatar_url: 
+avatar_url: /assets/img/avatar.png
 twitter_username:
 github_username:

data/_includes/menu.html

@@ -5,7 +5,7 @@
         <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 }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
                     <i class="{{ menu_item.icon_name }}"> </i>
                 </a>
             </li>
@@ -21,6 +21,7 @@
         {% endfor %}
     </div>
 </aside>
+
 {% else %}
 
 <aside class="menu">
@@ -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 }}" category="{{ menu_item.category }}" title="{{ menu_item.tooltip }}">
+                    <i class="{{ menu_item.icon_name }}"> </i>
                     <span>{{ menu_item.title }}</span>
                 </a>
             </li>

data/_layouts/default.html

@@ -5,7 +5,6 @@
     <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>
   </head>
   <body>
       {% include menu.html %}

data/_sass/styles/_menu.scss

@@ -33,7 +33,9 @@
             padding: 3px 10px 3px 10px;
         }
     }
-
+    h1 {
+        font-size: 2.5em;
+    }
     ul {
         @include mobile {
             display: flex;
@@ -54,7 +56,7 @@
                 justify-content: center;
                 letter-spacing: 1px;
                 line-height: 28px;
-                :hover {
+                &:hover {
                     text-decoration: underline;
                     font-weight: 900;
                     color: $p_lighter;
@@ -62,15 +64,16 @@
                 }
                 &.selected {
                     color: $s_lighter;
-                    :hover {
-                        color: $primary;
-                    }
                 }
                 @include mobile {
                     height: calc(#{$menu-size} - 10px);
                     width: $menu-size;
                     font-size: 30px;
                 }
+
+                i {
+                    margin-right: 5px;
+                }
             }
         }
     }
@@ -104,8 +107,20 @@
             user-select:none;
             margin-left: 4px;
             margin-right: 4px;
-            :hover {
-                color: $primary;
+            &:hover {
+                color: $p_lightest;
+            }
+        }
+    }
+
+    &.minimal {
+        ul {
+            li {
+                a {
+                    i {
+                        margin: 0;
+                    }
+                }
             }
         }
     }

data/_sass/variables/_index.scss

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

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

@@ -6,4 +6,4 @@ $menu-size: 50px;
 $menu-size: 200px;
 {% endif %}
 
-@import "{{ site.theme }}";
+@import "minimal-categorized";

data/pages/category-1.html

@@ -1,9 +1,16 @@
 ---
-layout: category-aggregator
 title: Category 1
+layout: category-aggregator
 permalink: /category-1.html
 category: category-1
 ---
 
-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>.
+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.

data/pages/category-2.html

@@ -1,9 +1,16 @@
 ---
-layout: category-aggregator
 title: Category 2
 layout: category-aggregator
 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,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: minimal-categorized
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Patryk Bieszke
@@ -31,6 +31,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- 404.html
 - LICENSE.txt
 - README.md
 - _config.yml
@@ -54,11 +55,13 @@ files:
 - _sass/variables/_colors.scss
 - _sass/variables/_index.scss
 - _sass/variables/_layout.scss
+- _sass/variables/_mixins.scss
+- assets/img/avatar.png
 - 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: {}