domain-jekyll 1.2.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4ef75869c60979034e114c8d383a35bba9aa57c7f874464557cd20de29f0f36b
-  data.tar.gz: 20326c16d046f87ad19838013899a022bf95f67fac64b50ef13bbd880bdaab04
+  metadata.gz: e4cbc2a56c167c10a0b1c9c6b6282729845fd5a525eef1d9530931fcdafb1cfe
+  data.tar.gz: 5edf25004405c83602f0b249feff653fbb2f155bd9a58d0fd51eccfdd2bd3cac
 SHA512:
-  metadata.gz: 0e75223508a28956967b812262aac868fedd086bc52666bd2b3e7204ef37b37f530e659ceb248928da6e462f9cebca8840fb468ec2901485f92a186c797456e5
-  data.tar.gz: 07c4934c8477a50bab6ebf104cca250a48d7fa5f5c5c1987ce5424fb6ad845a7db954ec754a1c94eb4249bc2cef4cd00092a3269b1b00e91ecb0fc9094d26e54
+  metadata.gz: ec0a214a90f2762deca283e35914a4f04a7c66a8962c8096d4e416ab8a83b80a859a7fac5e51a97c996b6477341065fe7534bc76f5a2abce48c12a910bf8f80d
+  data.tar.gz: 8d706bdd34b072ec5c5365cde3e6c88003177f309159d25f6b7ff7c07ac28254536f56ac39d6e601fcf3f0740d1513ab688d91feac7f6c253102fe03ee97e89a

data/CHANGELOG.md

@@ -1,3 +1,4 @@
+## [1.3.0](https://github.com/lumunix/domain/releases/tag/1.3.0)
 ## [1.2.1](https://github.com/lumunix/domain/releases/tag/1.2.1)
 ## [1.2.0](https://github.com/lumunix/domain/releases/tag/1.2.0)
 ## [1.1.0](https://github.com/lumunix/domain/releases/tag/1.1.0)

data/_includes/Content.html

@@ -136,4 +136,5 @@
         {%- endif -%}
     </div>
   </div>
+  {%- include PreviousNext.html -%}
 </div>

data/_includes/Header.html

@@ -1,7 +1,7 @@
 <header>
   <div class="main-site-subheader menu disable-select">
     <a class="menu-item" href="{{site.baseurl}}/">
-      <svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
         <path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/>
         <path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/>
       </svg>
@@ -12,41 +12,48 @@
                   xmlns="http://www.w3.org/2000/svg">
                   <path
                       d="M20.9777 21.6138V19.6138C20.9777 18.553 20.5563 17.5356 19.8061 16.7854C19.056 16.0353 18.0386 15.6138 16.9777 15.6138H8.97768C7.91682 15.6138 6.8994 16.0353 6.14926 16.7854C5.39911 17.5356 4.97768 18.553 4.97768 19.6138V21.6138"
-                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                      stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                   <path
                       d="M12.9777 11.6138C15.1868 11.6138 16.9777 9.82298 16.9777 7.61385C16.9777 5.40471 15.1868 3.61385 12.9777 3.61385C10.7685 3.61385 8.97768 5.40471 8.97768 7.61385C8.97768 9.82298 10.7685 11.6138 12.9777 11.6138Z"
-                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                      stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
               </svg>
               <p class="menu-item-text">About</p>
       </a>
       <a class="menu-item" href="{{site.baseurl}}/posts">
             <svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 24 25" fill="none"
-                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                <line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line>
                <line x1="3" y1="10" x2="21" y2="10"></line>
             </svg>
             <p class="menu-item-text">Posts</p>
       </a>
+      <a class="menu-item" href="{{site.baseurl}}/tutorials">
+            <svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 24 24">
+              <path d="M4 17.162l-2 .838v-12.972l12-5.028v2.507l-10 4.19v10.465zm16-8.156v8.635l-8 3.352v-8.635l8-3.352zm2-3.006l-12 5.028v12.972l12-5.028v-12.972zm-14 3.697l10-4.19v-2.507l-12 5.028v12.972l2-.838v-10.465z"
+              stroke-width="0" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+            <p class="menu-item-text">Tutorials</p>
+      </a>
       <a class="menu-item" href="{{site.baseurl}}/tags">
               <svg class="menu-item-icon" width="18" height="19" viewBox="0 0 24 25" fill="none"
                   xmlns="http://www.w3.org/2000/svg">
-                  <path d="M4 9.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                  <path d="M4 15.5H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                  <path d="M10 3.5L8 21.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                  <path d="M16 3.5L14 21.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                  <path d="M4 9.5H20" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
+                  <path d="M4 15.5H20" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
+                  <path d="M10 3.5L8 21.5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
+                  <path d="M16 3.5L14 21.5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
               </svg>
               <p class="menu-item-text">Tags</p>
       </a>
       <a class="menu-item" href="{{site.baseurl}}/feed.xml">
               <svg class="menu-item-icon" width="18" height="19" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M4 11.5C6.38695 11.5 8.67613 12.4482 10.364 14.136C12.0518 15.8239 13 18.1131 13 20.5"
-                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                      stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                   <path d="M4 4.5C8.24346 4.5 12.3131 6.18571 15.3137 9.18629C18.3143 12.1869 20 16.2565 20 20.5"
-                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                      stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                   <path
                       d="M5 20.5C5.55228 20.5 6 20.0523 6 19.5C6 18.9477 5.55228 18.5 5 18.5C4.44772 18.5 4 18.9477 4 19.5C4 20.0523 4.44772 20.5 5 20.5Z"
-                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                      stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
               </svg>
               <p class="menu-item-text">RSS</p>
       </a>

data/_includes/PreviousNext.html

@@ -0,0 +1,14 @@
+{% if page.tutorial_previous or page.tutorial_next %}
+  <nav class="previousnext">
+    {% if page.tutorial_previous %}
+      <a href="{{ page.tutorial_previous | relative_url }}" class="previousnext--pager">{{ "Previous" }}</a>
+    {% else %}
+      <a href="#" class="previousnext--pager disabled">{{ "Previous" }}</a>
+    {% endif %}
+    {% if page.tutorial_next %}
+      <a href="{{ page.tutorial_next | relative_url }}" class="previousnext--pager">{{ "Next" }}</a>
+    {% else %}
+      <a href="#" class="previousnext--pager disabled">{{ "Next" }}</a>
+    {% endif %}
+  </nav>
+{% endif %}

data/_layouts/Default.html

@@ -4,7 +4,9 @@
 <body>
 
   <div class="wrapper">
-    {{ content }}
+    {% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
+    {% assign content_ = content_ | replace: '</table>', '</table></div>' %}
+    {{ content_ }}
   </div>
 
 

data/_layouts/Home.html

@@ -1,4 +1,29 @@
 ---
-layout: Sidebar
+layout: Page
 ---
-{% include Postlist.html %}
+<div id="post-wrapper">
+{% for post in paginator.posts %}
+  <article class="post feed-title-excerpt-block disable-select" data-url="{{site.url}}{{site.baseurl}}{{post.url}}">
+    {% if post.thumbnail %}
+      <a class="post-thumbnail" style="background-image: url({{"" | prepend: site.baseurl | append : post.thumbnail}})" href="{{post.url | prepend: site.baseurl}}"></a>
+    {% else %}
+    {% endif %}
+    <div class="post-content">
+      <h2 class="post-title"><a href="{{post.url | prepend: site.baseurl}}">{{post.title}}</a></h2>
+      <p>{{ post.content | strip_html | truncatewords: 60 }}</p>
+      <span class="post-date">{{post.date | date: '%Y, %b %d'}}&nbsp;&nbsp;&nbsp;—&nbsp;</span>
+      <span class="post-words">{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
+
+    </div>
+  </article>
+{% endfor %}
+</div>
+
+{% case site.preferences.pagination.system %}
+  {% when "infinitescroll" %}
+    {% include InfiniteScroll.html %}
+  {% when "pagination" %}
+    {% include Pagination.html %}
+  {% else %}
+    {% include InfiniteScroll.html %}
+{% endcase %}

data/_layouts/Post.html

@@ -1,5 +1,5 @@
 ---
-layout: Sidebar
+layout: Page
 ---
 <article class="article-page">
   <div class="page-content">

data/_layouts/Tutorial.html

@@ -0,0 +1,53 @@
+---
+layout: Page
+---
+<article class="article-page">
+  <div class="page-content">
+    {% if page.header %}
+    <div class="page-header-image">
+      <figure>
+        <img class="page-image" src={{ "" | prepend: site.baseurl | append : page.header}} alt="{{page.title}}">
+      </figure>
+    </div> <!-- End Page Cover Image -->
+    {% else %}
+    {% endif %}
+    <header class="header-page">
+      <h1 class="page-title">{{page.title}}</h1>
+    </header>
+      {%- include Content.html -%}
+      <div id="post-wrapper">
+        {% for tag in site.tags %}
+          {%- if tag[0] == page.tutorial_tag -%}
+            {% for post in tag[1] %}
+            <article class="post feed-title-excerpt-block disable-select" data-url="{{site.url}}{{site.baseurl}}{{post.url}}">
+              {% if post.thumbnail %}
+                <a class="post-thumbnail" style="background-image: url({{"" | prepend: site.baseurl | append : post.thumbnail}})" href="{{post.url | prepend: site.baseurl}}"></a>
+              {% else %}
+              {% endif %}
+              <div class="post-content">
+                <h2 class="post-title"><a href="{{post.url | prepend: site.baseurl}}">{{post.title}}</a></h2>
+                <p>{{ post.content | strip_html | truncatewords: 60 }}</p>
+                <span class="post-date">{{post.date | date: '%Y, %b %d'}}&nbsp;&nbsp;&nbsp;—&nbsp;</span>
+                <span class="post-words">{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
+              </div>
+            </article>
+            {% endfor %}
+          {%- endif -%}
+        {% endfor %}
+      </div>
+
+      {%- include Footer.html -%}
+
+
+      {% if site.preferences.author.enabled %}
+      {% assign author = site.authors[page.author] %}
+        {% if page.author %}
+          {% include  Author.html %}
+        {% endif %}
+      {% endif %}
+
+      {% if page.comments %}
+        {%- include Comments.html -%}
+      {% endif %}
+  </div> <!-- End Page Content -->
+</article> <!-- End Article Page -->

data/_layouts/Tutorials.html

@@ -0,0 +1,20 @@
+---
+layout: Page
+---
+<div id="post-wrapper">
+{% for tutorial in site.tutorials %}
+  <article class="post feed-title-excerpt-block disable-select" data-url="{{site.url}}{{site.baseurl}}{{tutorial.url}}">
+    {% if tutorial.thumbnail %}
+      <a class="post-thumbnail" style="background-image: url({{"" | prepend: site.baseurl | append : tutorial.thumbnail}})" href="{{tutorial.url | prepend: site.baseurl}}"></a>
+    {% else %}
+    {% endif %}
+    <div class="post-content">
+      <h2 class="post-title"><a href="{{tutorial.url | prepend: site.baseurl}}">{{tutorial.title}}</a></h2>
+      <p>{{ tutorial.content | strip_html | truncatewords: 60 }}</p>
+      <span class="post-date">{{tutorial.date | date: '%Y, %b %d'}}&nbsp;&nbsp;&nbsp;—&nbsp;</span>
+      <span class="post-words">{% capture words %}{{ tutorial.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
+
+    </div>
+  </article>
+{% endfor %}
+</div>

data/_sass/domain/_media.scss

@@ -54,7 +54,6 @@
 
   .content-box {
     padding: 20px 10px;
-    display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: stretch;

data/_sass/domain/_previousnext.scss

@@ -0,0 +1,108 @@
+/* ==========================================================================
+   PreviousNext
+   ========================================================================== */
+/* Previous Next Page Buttons */
+.previousnext {
+  float: left;
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+  width: 100%;
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    font-family: $font-family;
+  }
+
+  li {
+    display: block;
+    float: left;
+    margin-left: -1px;
+
+    a {
+      display: block;
+      margin-bottom: 0.25em;
+      padding: 0.5em 1em;
+      font-family: $font-family;
+      font-size: 14px;
+      font-weight: bold;
+      line-height: 1.5;
+      text-align: center;
+      text-decoration: none;
+      color: $primary-text-color;
+      border: 1px solid mix(#000, $footer-border-color, 25%);
+      border-radius: 0;
+
+      &:hover {
+        background-color: $quaternary-bg-color;
+      }
+
+      &.current,
+      &.current.disabled {
+        color: #fff;
+        background: $button-hover-color;
+      }
+
+      &.disabled {
+        color: rgba($primary-text-color, 0.5);
+        pointer-events: none;
+        cursor: not-allowed;
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+
+      a {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+      }
+    }
+
+    &:last-child {
+      a {
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+      }
+    }
+  }
+
+  /* next/previous buttons */
+  &--pager {
+    display: block;
+    padding: 1em 2em;
+    float: left;
+    width: 50%;
+    font-family: $font-family;
+    font-size: 1em;
+    font-weight: bold;
+    text-align: center;
+    text-decoration: none;
+    color: $primary-text-color;
+    border: 1px solid mix(#000, $footer-border-color, 25%);
+    border-radius: 4px;
+
+    &:hover {
+      background-color: $quaternary-bg-color;
+      //@include yiq-contrasted($primary-text-color);
+    }
+
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:last-child {
+      margin-left: -1px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    &.disabled {
+      color: rgba($primary-text-color, 0.5);
+      pointer-events: none;
+      cursor: not-allowed;
+    }
+  }
+}

data/_sass/domain/_tables.scss

@@ -0,0 +1,18 @@
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+.table-wrapper {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 24px;
+  overflow-x: auto;
+  border-radius: 4px;
+  //box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
+}
+
+table {
+  display: table;
+  min-width: 100%;
+  border-collapse: separate;
+}

data/_sass/domain.scss

@@ -23,3 +23,5 @@
 @import "domain/util";
 @import "domain/author";
 @import "domain/embed";
+@import "domain/previousnext";
+@import "domain/tables";

data/assets/js/ContextMenu.js

@@ -1,18 +1,18 @@
 /********************************************************************************************
  * MIT License
- * 
+ *
  * Copyright (c) 2020 Raghuveer S
- * 
+ *
  * Permission is hereby granted, free of charge, to any person obtaining a copy
  * of this software and associated documentation files (the "Software"), to deal
  * in the Software without restriction, including without limitation the rights
  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  * copies of the Software, and to permit persons to whom the Software is
  * furnished to do so, subject to the following conditions:
- * 
+ *
  * The above copyright notice and this permission notice shall be included in all
  * copies or substantial portions of the Software.
- * 
+ *
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
@@ -20,14 +20,14 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * 
- * 
+ *
+ *
  * File: ContextMenu.js
  * Author@Raghuveer S
  *
  * This allows us to override the default contextmenu provided by the browser and replace
  * it with a custom context menu containing options to view related files and files
- * that link back to it(a.k.a backlinks). 
+ * that link back to it(a.k.a backlinks).
  *********************************************************************************************/
 
 (function (sj) {
@@ -54,7 +54,7 @@
       });
   };
 
-  /* Helper function to check if the click event happened 
+  /* Helper function to check if the click event happened
    inside the specfied css element or outside */
   function clickInsideElement(e, className) {
     var el = e.srsElement || e.target;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: domain-jekyll
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.3.0
 platform: ruby
 authors:
 - Lumunix
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-25 00:00:00.000000000 Z
+date: 2022-12-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: webrick
@@ -161,7 +161,7 @@ files:
 - _includes/InfiniteScroll.html
 - _includes/LinkLibrary.md
 - _includes/Pagination.html
-- _includes/Postlist.html
+- _includes/PreviousNext.html
 - _includes/Related.html
 - _includes/TwitterEmbed.html
 - _includes/Utterances.html
@@ -174,6 +174,8 @@ files:
 - _layouts/Posts.html
 - _layouts/Sidebar.html
 - _layouts/Tags.html
+- _layouts/Tutorial.html
+- _layouts/Tutorials.html
 - _sass/domain.scss
 - _sass/domain/_author.scss
 - _sass/domain/_backtotop.scss
@@ -187,9 +189,11 @@ files:
 - _sass/domain/_media.scss
 - _sass/domain/_normalize.scss
 - _sass/domain/_pagination.scss
+- _sass/domain/_previousnext.scss
 - _sass/domain/_related.scss
 - _sass/domain/_search.scss
 - _sass/domain/_sidenote.scss
+- _sass/domain/_tables.scss
 - _sass/domain/_tag.scss
 - _sass/domain/_toc.scss
 - _sass/domain/_tooltip.scss

data/_includes/Postlist.html

@@ -1,26 +0,0 @@
-<div id="post-wrapper">
-{% for post in paginator.posts %}
-  <article class="post feed-title-excerpt-block disable-select" data-url="{{site.baseurl}}{{post.url}}">
-    {% if post.thumbnail %}
-      <a class="post-thumbnail" style="background-image: url({{"" | prepend: site.baseurl | append : post.thumbnail}})" href="{{post.url | prepend: site.baseurl}}"></a>
-    {% else %}
-    {% endif %}
-    <div class="post-content">
-      <h2 class="post-title"><a href="{{post.url | prepend: site.baseurl}}">{{post.title}}</a></h2>
-      <p>{{ post.content | strip_html | truncatewords: 60 }}</p>
-      <span class="post-date">{{post.date | date: '%Y, %b %d'}}&nbsp;&nbsp;&nbsp;—&nbsp;</span>
-      <span class="post-words">{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
-
-    </div>
-  </article>
-{% endfor %}
-</div>
-
-{% case site.preferences.pagination.system %}
-  {% when "infinitescroll" %}
-    {% include InfiniteScroll.html %}
-  {% when "pagination" %}
-    {% include Pagination.html %}
-  {% else %}
-    {% include InfiniteScroll.html %}
-{% endcase %}