minimal-categorized 0.0.5 → 0.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6415a38becb2fecea685e504e1151de202d319b0318eaf7a944974883d0a16ac
-  data.tar.gz: 713e4a72dd644f0acdcbc64babe51311edcdeb664c28ee13dd903792d515e56c
+  metadata.gz: 156570bfb4f581a3e86595e953d9ca2590a38090df109e508def1672dd846643
+  data.tar.gz: 1a447df98586bb3a1163f732db414be39672f5b679b4b37e9bccbc6b2b80abb7
 SHA512:
-  metadata.gz: 15ef67e272a34ce4b96dfca2bd52c8d9c878d1b17e39e3c0bac59642cf5f28d02c4d102b6da0ff36adadbf17ff04a9cf3882e3f14482812d501a4ef16b135e38
-  data.tar.gz: 48be04e4484a1354600841479a17a0daf6e7d1d478527ceee12ddfd5bae39a3df6dd9dbb3916cde7ffce169d3d184f46d60f5a0eccd59a35f40c8f4bde4dfffa
+  metadata.gz: e92a5f75922ba7ad82fcee985c0de87601b2e36879938f63b193e5bacf10266bf9299eae364fae51237b6d35438a8a204e9d7a0b949285a75358ed1ff6336a5b
+  data.tar.gz: ff0ee93d37f6f377f9435e554077a27151f7cdd7670212b95700ce92e8526571ae3eafb8b0eedac90622ce4552694f2dadf8b2b3102b7adb6fb55bfad8384f88

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

@@ -2,9 +2,11 @@
 layout: default
 ---
 <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}}

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,39 @@
+.cookie-container {
+    position: fixed;
+    right: 0;
+    padding: 20px 15px;
+    z-index: 100;
+    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: 30px;
+    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.5;
+        font-weight: 700;
+        font-family: Titillium Web,sans-serif;
+        display: inline-block;
+        padding: 15px 30px;
+        background: $p_text;
+        color: $primary;
+        border: 3px solid $p_light;
+        border-radius: 3px;
+        text-decoration: none;
+    }
+}

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;
+            }
         }
     }
 }
@@ -44,7 +49,7 @@ a {
     color: inherit;
 }
 
-a, p {
+a, p, li {
     font-size: 1.1em;
 }
 

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/styles/_post.scss

@@ -1,4 +1,5 @@
 .post {
+    font-size: 1.2em;
     a {
         text-decoration-line: none;
         color: $secondary;
@@ -7,21 +8,34 @@
             font-weight: 500;
         }
     }
-    code {
-        &.language-plaintext {
-            border-radius: 3px;
-            padding: 1px 3px;
-            background-color:rgb(228, 230, 232);
-        }
-
+    .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;
+    }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minimal-categorized
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.10
 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
@@ -59,6 +63,8 @@ files:
 - _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