minimal-categorized 0.0.6 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2ad0357f897f7af62d7ce176ea669d9b708c7276b12d90629ffe820259d4739c
-  data.tar.gz: fcbecfbde0dd45a0188edd7ecaaa81ae9a576280c1c2b4a8be0712bf4bd43c97
+  metadata.gz: 60b00053fc68dba704da894303403887a302cac570b27c992a6c348a2369e16c
+  data.tar.gz: 57d20f961c3b1b8be197f9418774c17d09637ef607c50949bacfa8c9171268ff
 SHA512:
-  metadata.gz: 0d8e5d4234b5b30f8ea378f44cc53dae41c865794fb20f19161bbc551e840e53b9aad25108463c18b365ffe42d3ed830a1869915521a3494355646ba7897da89
-  data.tar.gz: 33615ee449abe555e05917ef201daa4b7adb6aa60d6fd919bf72632d3bb40a9d10fcc25f816e69e569182f72ed6ffd1fe030ffa6a4119e6dd95256162d80d701
+  metadata.gz: 85e3a1b2a3fd308725e66f040b07533badd0769b8aa615d4be58a813be42b2d9a801b2f9618cbb07b07a802853f4317a65f51562918a262c255067ef2c99b0e3
+  data.tar.gz: 2a07fc4f37f0df2101937592f1fedda33b59ea92d49bf60015bfbe7c706e16ed0b37398906d7b7f09bd551534c78042bf0589447fc771572c6044c67087cf6d6

data/README.md

@@ -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/_layouts/home.html

@@ -6,7 +6,7 @@
       {% include home.js %}
     </script>
   </head>
-  {% if site.data.menu.minimal_menu %}
+  {% if site.data.menu.minimal_menu and site.data.menu.show_menu_on_category_select %}
   <body class="is-minimal-menu" >
   {% else %}
   <body>

data/_sass/styles/_category-aggregator.scss

@@ -19,7 +19,7 @@
             font-weight: 700;
             padding-left: 18px;
             font-style: italic;
-            margin-top: -0.8em;
+            margin-top: -0.6em;
             color: rgba(0, 0, 0, 0.4);
             font-size: 0.9em;
         }

data/_sass/styles/_cookies.scss

@@ -0,0 +1,48 @@
+.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;
+        font-family: Titillium Web,sans-serif;
+        display: inline-block;
+        padding: 10px 20px;
+        background: $p_text;
+        color: $primary;
+        border: 3px solid $p_light;
+        border-radius: 3px;
+        text-decoration: none;
+    }
+    @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,12 +6,13 @@ h1 {
     text-align: center;
     font-size: 2.5em;
     letter-spacing: -1px;
-    margin: 1em 50px 1em;
+    padding: 1em 50px 1em;
 }
 
-h2 {
+h2, h2 a {
     font-weight: 700;
-    font-size: 1.5em;
+    font-size: 1.4em;
+    line-height: 1.4em;
     color: $secondary;
 }
 
@@ -33,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/_home.scss

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

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/_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.6
+  version: 0.0.11
 platform: ruby
 authors:
 - Patryk Bieszke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-01 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