minimal-categorized 0.0.7 → 0.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9591ce0b0bbe7d3236a3581de7173de19775687d92e18bc0e9ea5ecf4bdbe1e0
-  data.tar.gz: 656424f45f6b9b6f5a830abda82774fc7295aa9a08b4aceb995aa386a8a7b9e6
+  metadata.gz: c92466dafcf4c200ddcfd91ce2f2ad8205259d20373c3bdcc02f2731bca4b254
+  data.tar.gz: f8333e47fbd197b637006c8c410fe0a93a796b6d3ea0d507b5c8bd1fb2447cae
 SHA512:
-  metadata.gz: 82a1a507aaa46a05a312ccbf00abf55811beba30c844c1b835b7481aa53512ac2b4e79c3d798e8cbe4a80cd4b685868840a32b8a399aa8df863d537f1b47109d
-  data.tar.gz: f4f6cb55b484fbdc1787cffec6ba1d16d12708d1427933520f39897aede1d3bc315aa709e481712c2fe0d70a518243e8aabcc11a1b357e1d467b59ff74fd8126
+  metadata.gz: 1a06a339da722ff87ddbdf43e7541190e70c0afafdc48f1313394ea813a5fe3acd8a842533df7086bb1bd98d5cfa345f9845091f0f4485c688748df557fb841b
+  data.tar.gz: 8e3812adf408c92c8ba2382504be75b7b8bd5993c954e7579ff0e7f10729509b330ace8395e270969824c221ad995c65cc078be29950610769bfe9c6f987e2ed

data/README.md

@@ -2,7 +2,7 @@
 
 [![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)
+[![Gem Version](https://badge.fury.io/rb/minimal-categorized.svg)](https://badge.fury.io/rb/minimal-categorized)
 
 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/).
 
@@ -55,6 +55,10 @@ Structure of `_data/menu.yml`:
     * faicon: FavIcon to be displayed in menu
     * url: URL for href
     * target: target value of \<a> tag
+    * cookies: customize information about site cookies
+        * enabled: determine if should show cookies pop-up
+        * message: text on cookie pop-up
+        * agreeButtonText: text on agree button
 
 Structure of `_data/metaData.yml`:
 author: Site Author name

data/_config.yml

@@ -13,15 +13,21 @@
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: Site title
+title: minimal-categorized
+tagline: A site showing the usage of Jekyll custom theme
 email: email@example.com
 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.
+  This website was created as a demonstration for Jekyll custom theme
+  named minimal-categorized. Its main feature is to aggregate posts into
+  categories, witch are easily distinguishable
 baseurl: "/minimal-categorized" # the subpath of your site, e.g. /blog
-url: "" # the base hostname & protocol for your site, e.g. http://example.com
-
+url: "https://itsmeaga1n.github.io" # the base hostname & protocol for your site, e.g. http://example.com
+author: itsmeaga1n
+twitter:
+  username: itsmeaga1n
+  card: summary
+plugins:
+  - jekyll-seo-tag
 
 # Build settings
 markdown: kramdown

data/_data/customs.yml

@@ -0,0 +1,3 @@
+custom-css:
+
+custom-js:

data/_data/metaData.yml

@@ -1,2 +1,6 @@
 author: Site Author
-avatar_url: assets/img/avatar.png
+avatar_url: assets/img/avatar.png
+cookies:
+  enabled: True
+  message: This site might be using cookies! Customize your message or disable cookies in metaData.yml!
+  agreeButtonText: Agree

data/_includes/common-head.html

@@ -1,5 +1,6 @@
 <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>
+<script src="https://kit.fontawesome.com/79c31398dc.js" crossorigin="anonymous"></script>
+{% include customizations.html %}
+{% seo %}

data/_includes/cookies.js

@@ -0,0 +1,29 @@
+(function() {
+    const consentPropName = "cookies_consent";
+    const storageType = localStorage;
+
+    shouldShowCookieConsent = () => !storageType.getItem(consentPropName);
+    acceptCookieConsent = () => storageType.setItem(consentPropName, true);
+    window.addEventListener("load", () => {
+        if(!shouldShowCookieConsent()) {
+            return;
+        }
+        const cookieContainer = document.createElement("div");
+        cookieContainer.classList.add("hidden");
+        const cookieParagraph = document.createElement("p");
+        const cookieContent = document.createTextNode("{{ site.data.metaData.cookies.message }}");
+        const cookieAgreeButton = document.createElement("button");
+        const cookieButtonContent = document.createTextNode("{{ site.data.metaData.cookies.agreeButtonText }}");
+        cookieAgreeButton.appendChild(cookieButtonContent);
+        cookieAgreeButton.onclick = () => {
+            acceptCookieConsent();
+            cookieContainer.classList.add("hidden");
+            window.setTimeout(cookieContainer.remove.bind(cookieContainer), 1000);
+        }
+        cookieParagraph.append(cookieContent);
+        cookieContainer.append(cookieParagraph, cookieAgreeButton);
+        cookieContainer.classList.add("cookie-container")
+        document.body.appendChild(cookieContainer);
+        window.setTimeout(() => cookieContainer.classList.remove("hidden"));
+    });
+})();

data/_includes/customizations.html

@@ -0,0 +1,15 @@
+{% for javascript in page.custom-js %}
+    <script src="{{ javascript }}"></script>
+{% endfor %}
+
+{% for javascript in site.data.customs.custom-js %}
+    <script src="{{ javascript }}"></script>
+{% endfor %}
+
+{% for css in page.custom-css %}
+    <link href="{{ css }}" rel="stylesheet">
+{% endfor %}
+
+{% for css in site.data.customs.custom-css %}
+    <link href="{{ css }}" rel="stylesheet">
+{% endfor %}

data/_includes/home.js

@@ -27,5 +27,5 @@
         
         attachEvents(category1, category2);
         attachEvents(category2, category1);
-    })    
-})()
+    });
+})();

data/_layouts/default.html

@@ -1,6 +1,11 @@
 <!doctype html>
 <html>
   <head>
+    {% if site.data.metaData.cookies.enabled %}
+      <script>
+        {% include cookies.js %}
+      </script>
+    {% endif %}
     {% include common-head.html %}
   </head>
   {% if site.data.menu.minimal_menu %}

data/_sass/styles/_cookies.scss

@@ -0,0 +1,53 @@
+.cookie-container {
+    position: fixed;
+    padding: 20px 15px;
+    z-index: $pop-ups-z-1;
+    background-image: radial-gradient(farthest-corner at 25% 0, $primary, $p_dark);
+    box-shadow: 0 0 6px 0 $p_dark;
+    text-align: center;
+    opacity: 0.95;
+    -webkit-transition: opacity 800ms, visibility 800ms;
+    transition: opacity 800ms, visibility 800ms;
+    bottom: 30px;
+    left: 40px;
+    max-width: 300px;
+    border-radius: 3px;
+    border: 3px solid $p_dark;
+
+    p {
+        color: $p_text;
+        line-height: 1.6em;
+        margin-bottom: 10px;
+    }
+    &.hidden {
+        opacity: 0;
+        visibility: hidden;
+    }
+    button {
+        line-height: 1.4;
+        font-weight: 700;
+        display: inline-block;
+        padding: 10px 20px;
+        background: $p_light;
+        color: $p_text;
+        border: none;
+        border-radius: 3px;
+        text-decoration: none;
+        cursor: pointer;
+        -webkit-transition: background 200ms;
+        transition: background 200ms;
+        &:hover {
+            background: $p_lighter_less;
+        }
+    }
+    @include mobile {
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        max-width: 100%;
+        padding: 12px 10px;
+        border-left: 0;
+        border-right: 0;
+        border-bottom: 0;
+    }
+}

data/_sass/styles/_defaults.scss

@@ -6,7 +6,7 @@ h1 {
     text-align: center;
     font-size: 2.5em;
     letter-spacing: -1px;
-    margin: 1em 50px 1em;
+    padding: 1em 50px 1em;
 }
 
 h2, h2 a {
@@ -34,9 +34,13 @@ main {
         width: 90%;
         padding: 0px 18px 24px;
         flex-grow: 1;
+        position: relative;
 
         .content-separator {
             margin: $gap auto;
+            &:last-child {
+                margin: $gap auto 0 auto;
+            }
         }
     }
 }

data/_sass/styles/_index.scss

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

data/_sass/styles/_layout.scss

@@ -16,6 +16,7 @@ main {
         top: $menu-size;
         left: 0;
         width: 100%;
+        height: calc(100% - #{$menu-size});
     }
     &.no-menu {
         width: 100%;
@@ -43,6 +44,7 @@ footer {
             top: $minimal-menu-size;
             left: 0;
             width: 100%;
+            height: calc(100% - #{$minimal-menu-size});
         }
     }
 }

data/_sass/styles/_menu.scss

@@ -76,7 +76,7 @@
 
     h1 {
         font-size: 2em;
-        margin: 0.5em;
+        padding: 0.5em;
     }
 
     h2 {

data/_sass/variables/_colors.scss

@@ -3,6 +3,7 @@ $main-bg-color: #fafafa;
 
 $primary: #455a64;
 $p_light: #718792;
+$p_lighter_less: #8fa4ad;
 $p_lighter: #a8bac2;
 $p_lightest: #eef3f5;
 $p_dark: #1c313a;

data/_sass/variables/_layout.scss

@@ -3,9 +3,11 @@ $desktop-width: 1024px;
 $menu-size: 200px;
 $minimal-menu-size: 50px;
 $gap: 30px;
+$pop-ups-z-1: 100;
 
 $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;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minimal-categorized
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.12
 platform: ruby
 authors:
 - Patryk Bieszke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-02 00:00:00.000000000 Z
+date: 2020-11-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -35,9 +35,12 @@ files:
 - LICENSE.txt
 - README.md
 - _config.yml
+- _data/customs.yml
 - _data/menu.yml
 - _data/metaData.yml
 - _includes/common-head.html
+- _includes/cookies.js
+- _includes/customizations.html
 - _includes/footer.html
 - _includes/home.js
 - _includes/menu.html
@@ -47,6 +50,7 @@ files:
 - _layouts/post.html
 - _sass/minimal-categorized.scss
 - _sass/styles/_category-aggregator.scss
+- _sass/styles/_cookies.scss
 - _sass/styles/_defaults.scss
 - _sass/styles/_home.scss
 - _sass/styles/_index.scss