jekyll-theme-zer0 0.1.0

data/_includes/seo.html

@@ -0,0 +1,131 @@
+<!-- 
+  file: seo.html
+  path: _includes/seo.html
+  includes: none
+  description: SEO meta tags for the site
+  purpose: This file is used to generate the SEO meta tags for the site. It is included in the head section of the HTML document. 
+-->
+
+<!--  -->
+
+{%- assign seo_url = site.url | append: site.baseurl -%}
+{%- assign canonical_url = site.url %}
+{%- assign seo_title = page.title | default: site.title | append: " " | append: title_separator | append: " " | append: site.title -%}
+{% assign title_separator = site.title_separator | default: '-' %}
+{%- assign seo_description = page.description | default: site.description -%}
+
+{%- assign author = page.author | default: site.author -%}
+
+<!-- TODO: build author data set for SEO -->
+
+{%- assign author_twitter = site.author.twitter_username %}
+
+{%- assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image | absolute_url -%}
+{%- assign page_large_image = page_large_image | escape -%}
+
+{%- assign page_teaser_image = page.preview | default: site.og_image -%}
+{%- assign page_teaser_image = {{ site.public_folder }}/page_teaser_image | escape -%}
+
+{%- assign site_og_image = site.og_image | absolute_url -%}
+{%- assign site_og_image = site_og_image | escape -%}
+
+{%- if page.date -%}
+  {%- assign og_type = "article" -%}
+{%- else -%}
+  {%- assign og_type = "website" -%}
+{%- endif -%}
+
+<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
+<meta name="description" content="{{ seo_description }}">
+<meta name="author" content="{{ author.name | default: author }}">
+
+{% if og_type == "article" %}
+<meta property="article:author" content="{{ author.name | default: author }}">
+{% endif %}
+
+<meta property="og:type" content="{{ og_type }}">
+<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
+<meta property="og:site_name" content="{{ site.title }}">
+<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
+<meta property="og:url" content="{{ canonical_url }}">
+
+<meta property="og:description" content="{{ seo_description }}">
+
+
+{% if page_large_image %}
+  <meta property="og:image" content="{{ page_large_image }}">
+{% elsif page_teaser_image %}
+  <meta property="og:image" content="{{ page_teaser_image }}">
+{% endif %}
+
+{% if site.twitter.username %}
+  <meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
+  <meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
+  <meta name="twitter:description" content="{{ seo_description }}">
+  <meta name="twitter:url" content="{{ canonical_url }}">
+
+  {% if page_large_image %}
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="{{ page_large_image }}">
+  {% else %}
+    <meta name="twitter:card" content="summary">
+    {% if page_teaser_image %}
+      <meta name="twitter:image" content="{{ page_teaser_image }}">
+    {% endif %}
+  {% endif %}
+
+  {% if author_twitter %}
+    <meta name="twitter:creator" content="@{{ author_twitter }}">
+  {% endif %}
+{% endif %}
+
+<meta property="article:published_time" content="{{ page.date | default: page.lastmod | date_to_xmlschema }}">
+
+{% if og_type == "article" and page.last_modified_at %}
+  <meta property="article:modified_time" content="{{ page.last_modified_at | date_to_xmlschema }}">
+{% endif %}
+
+{% if site.facebook %}
+  {% if site.facebook.publisher %}
+    <meta property="article:publisher" content="{{ site.facebook.publisher }}">
+  {% endif %}
+
+  {% if site.facebook.app_id %}
+    <meta property="fb:app_id" content="{{ site.facebook.app_id }}">
+  {% endif %}
+{% endif %}
+
+<link rel="canonical" href="{{ canonical_url }}">
+
+{% if paginator.previous_page %}
+  <link rel="prev" href="{{ paginator.previous_page_path | absolute_url }}">
+{% endif %}
+{% if paginator.next_page %}
+  <link rel="next" href="{{ paginator.next_page_path | absolute_url }}">
+{% endif %}
+
+<script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    {% if site.social.type == "Organization" %}
+      "@type": "Organization",
+      "url": {{ '/' | absolute_url | jsonify }}{% if site.og_image %},
+      "logo": {{ site_og_image | jsonify }}{% endif %}
+    {% else %}
+      "@type": "Person",
+      "name": {{ site.social.name | default: site.name | jsonify }},
+      "url": {{ '/' | absolute_url |jsonify }}{% if site.social.links %},
+      "sameAs": {{ site.social.links | jsonify }}{% endif %}
+    {% endif %}
+  }
+</script>
+
+<!-- Site verification -->
+
+  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
+  <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
+  <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
+  <meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
+  <meta name="naver-site-verification" content="{{ site.naver_site_verification }}">
+  <meta name="baidu-site-verification" content="{{ site.baidu_site_verification }}">
+<!-- end _includes/seo.html -->

data/_includes/sidebar-categories.html

@@ -0,0 +1,21 @@
+<!-- sidebar-categories.html -->
+<div class="d-flex flex-column flex-shrink-0" style="width: 280px;">
+    <a href="/" class="d-flex align-items-center text-decoration-none">
+        <span class="fs-4">Categories</span>
+    </a>
+    <hr>
+    {% for category in site.categories %}
+        <div class="">
+            <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#{{category[0]}}-list" aria-expanded="false">
+                {{ category[0] }}
+            </button>
+            <div class="collapse" id="{{category[0]}}-list">
+                <ul class="btn-toggle-nav list-unstyled fw-normal small">
+                    {% for post in category[1] %}
+                        <li class="link-light"><a href="{{ post.url }}" class=" rounded">{{ post.title }}</a></li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    {% endfor %}
+</div>

data/_includes/sidebar-folders.html

@@ -0,0 +1,107 @@
+<!-- 
+  file: sidebar-folders.html
+  title: Folder Structured Sidebar
+ -->
+
+ {% assign root_folder = site.collections | where: "label", page.collection | first %}
+ <h2>{{ root_folder.label }}</h2>
+ {% assign docs = root_folder.docs | sort: 'path' %}
+ {% assign prev_path = "" %}
+ <ul class="list-group list-group-flush">
+ {% for doc in docs %}
+   {% assign current_path = doc.path | split: '/' | pop %}
+   {% if current_path != prev_path %}
+     {% for folder in current_path %}
+       {% if forloop.index != 1 %}
+         <li class="folder ">{{ folder }}</li>
+       {% endif %}
+     {% endfor %}
+     {% assign prev_path = current_path %}
+   {% endif %}
+   <li class="file list-group-item list-group-item-action"><a href="{{ doc.url | relative_url }}">{{ doc.title }}</a></li>
+ {% endfor %}
+ </ul>
+
+ <!-- {% assign collection = site.collections | where: "label", page.collection | first %}
+
+ <div class="d-flex">
+    <ul class="list-group list-group-flush ">
+      {% assign folders = "" | split: '/' %}
+      {% for doc in collection.docs %}
+        {% assign doc_folders = doc.path | split: '/' %}
+        {% for doc_folder in doc_folders %}
+          {% unless folders contains doc_folder %}
+            {% assign folders = folders | push: doc_folder %}
+            <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0" data-bs-toggle="collapse" data-bs-target="#{{ doc_folder }}-collapse" aria-expanded="true">
+              {{ doc_folder }}
+            </button>
+            <div class="collapse show" id="{{ doc_folder }}-collapse" style="">
+              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+                {% for doc in collection.docs %}
+                  {% if doc.path contains doc_folder %}
+                    <li><a href="{{ doc.url }}" class="link-body-emphasis d-inline-flex text-decoration-none rounded">{{ doc.title }}</a></li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            </div>
+          {% endunless %}
+        {% endfor %}
+      {% endfor %}
+    </ul>
+</div> -->
+
+ 
+<!-- <ul class="list-unstyled ps-0">
+      <li class="mb-1">
+        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="true">
+          Home
+        </button>
+        <div class="collapse show" id="home-collapse" style="">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Updates</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Reports</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="mb-1">
+        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-expanded="false">
+          Dashboard
+        </button>
+        <div class="collapse" id="dashboard-collapse" style="">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Overview</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Weekly</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Monthly</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Annually</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="mb-1">
+        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#orders-collapse" aria-expanded="false">
+          Orders
+        </button>
+        <div class="collapse" id="orders-collapse" style="">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">New</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Processed</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Shipped</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Returned</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="border-top my-3"></li>
+      <li class="mb-1">
+        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#account-collapse" aria-expanded="false">
+          Account
+        </button>
+        <div class="collapse" id="account-collapse">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">New...</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Profile</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Settings</a></li>
+            <li><a href="#" class="link-body-emphasis d-inline-flex text-decoration-none rounded">Sign out</a></li>
+          </ul>
+        </div>
+      </li>
+    </ul> -->

data/_includes/sidebar-left.html

@@ -0,0 +1,41 @@
+<!-- 
+  file: sidebar.html 
+  path: _includes/sidebar.html
+  includes: nav_list.html 
+-->
+
+<!-- Sidebar Left Navigation - Offcanvas -->
+<div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel">
+
+  <!-- Sidebar Header - Offcanvas -->
+  <div class="offcanvas-header border-bottom">
+    <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
+    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdSidebar"></button>
+  </div>
+
+  <!-- Left Sidebar Nav List - Offcanvas  -->
+  <div class="offcanvas-body overflow-auto">
+
+  <!-- Dynamic listing of pages in side bar -->
+
+  {% if page.sidebar.nav == "dynamic" %}
+  <div class="list-group" id="sidebar-content">
+    {% assign folders = site.pages | where_exp: "item", "item.path contains 'index.md'" | sort: 'path' %}
+    {% include sidebar-folders.html folders=folders %}
+  </div>
+
+  <!-- Dynamic listing of page categories in side bar -->
+  {% elsif page.sidebar.nav == "searchCats" %}
+  <div class="list-group" id="sidebar-content">
+    {% assign categories = site.categories | sort %}
+    {% include sidebar-categories.html categories=categories %}
+    
+    <!-- Manually defined navigation list in _data  -->
+    {% elsif page.sidebar.nav %}
+    <!-- Includes nav_list.html -->
+    <nav class="w-100">
+      {% include nav_list.html nav=page.sidebar.nav %}
+    </nav>
+  </div>
+  {% endif %}
+</div>

data/_includes/sidebar-right.html

@@ -0,0 +1,47 @@
+<!-- 
+  file: sidebar-right.html 
+  path: _includes/sidebar-right.html
+  includes: nav_list.html, toc.html
+-->
+
+<!-- TOC button in mobile view  -->
+<div class="d-flex justify-content-end position-fixed top-50 end-0 translate-middle-y me-3">
+
+  <button class="btn bg-opacity-2 bd-toc-toggle d-lg-none border z-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#tocContents" aria-controls="tocContents">
+    <i class="bi bi-list-ul"></i>
+  </button>
+</div>
+
+<!-- Right sidebar container -->
+<div class="offcanvas-lg offcanvas-end" tabindex="-1" id="tocContents" aria-labelledby="tocLabel">
+  <div class="offcanvas-header">
+    <h5 class="offcanvas-title" id="tocLabel">Table of Contents</h5>
+    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#tocContents"></button>
+  </div>
+  <div class="offcanvas-body">
+    <!-- Table of contents -->
+    <nav id="TableOfContents">
+      <!-- TOC tile -->
+      <div>
+        <strong>
+          <i class="fas fa-file-alt"></i>
+          On this page
+        </strong>
+      </div>
+
+    <!-- TOC list -->
+
+    <!-- TOC list -->
+      {% include toc.html sanitize=true html=content h_min=1 h_max=3 class="list-group-flush" item_class="list-group-item" anchor_class="" skip_no_ids=true %}
+    </nav>
+  </div>
+</div>
+  <!-- Back to Top -->
+  <div>
+    <button onclick="topFunction()" id="backToTopBtn" title="Go to top">
+      <span class="arrow">&uarr;</span>
+      <span class="text">Back to Top</span>
+    </button>
+  </div>
+
+  

data/_includes/sitemap.html

@@ -0,0 +1,123 @@
+<!-- 
+  file: sitemap.html
+  path: _includes/sitemap.html
+  description: This is the snippet for the sitemap page.
+ -->
+
+<h1>Sitemap - Index</h1>
+
+<input type="text" id="searchBar" onkeyup="searchFunction()" placeholder="Search for keywords..">
+
+<div class="table-responsive">
+    <table class="table">
+        <thead>
+            <tr>
+                <th scope="col" data-type="string" data-order="desc">Collection <i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Page <i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Description<i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Excerpt<i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Path<i class="sort-icon"></i></th>
+                <th scope="col" data-type="date" data-order="desc">Last Modified Date <i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Categories<i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Tags<i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Absolute URL<i class="sort-icon"></i></th>
+                <th scope="col" data-type="string" data-order="desc">Author <i class="sort-icon"></i></th>
+                
+            </tr>
+        </thead>
+        <tbody>
+            {% for collection in site.collections %}
+            {% for item in collection.docs %}
+            <tr>
+                <td>{{ collection.label }}</td>
+                <td>
+                    <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
+                </td>
+                <td>{{ item.description }}</td>
+                <td>{{ item.excerpt }}</td>
+                <td>{{ item.path }}</td>
+                <td>{{ item.lastmod | date: "%Y/%m/%d" | default: "null" }}</td>
+                <td>{{ item.categories | join: ", " }}</td>
+                <td>{{ item.tags | join: ", " }}</td>
+                <td>
+                    <a href="{{ site.url }}{{ item.url }}">{{ site.url }}{{ item.url }}</a>
+                </td>
+                <td>{{ item.author }}</td>
+            </tr>
+            {% endfor %}
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+
+<!-- Sorting feature -->
+
+<script>
+    document.querySelectorAll('th').forEach(header => {
+        header.addEventListener('click', () => {
+            const tableElement = document.querySelector('table');
+            const headerIndex = Array.prototype.indexOf.call(header.parentNode.children, header);
+            const currentTbody = tableElement.querySelector('tbody');
+            const newTbody = currentTbody.cloneNode(true);
+            const rows = Array.from(newTbody.querySelectorAll('tr'));
+            const type = header.getAttribute('data-type');
+            const order = header.getAttribute('data-order');
+            const sortedRows = rows.sort((a, b) => {
+                const aValue = a.children[headerIndex].textContent;
+                const bValue = b.children[headerIndex].textContent;
+                if (type === 'date') {
+                    const aDate = aValue === "null" ? new Date(0) : new Date(...aValue.split('/').map((val, idx) => parseInt(val) - (idx === 1 ? 1 : 0))); // subtract 1 from month
+                    const bDate = bValue === "null" ? new Date(0) : new Date(...bValue.split('/').map((val, idx) => parseInt(val) - (idx === 1 ? 1 : 0))); // subtract 1 from month
+                    return order === 'asc' ? aDate - bDate : bDate - aDate;
+                }
+                return order === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
+            });
+            sortedRows.forEach(row => newTbody.appendChild(row));
+            tableElement.replaceChild(newTbody, currentTbody);
+            header.setAttribute('data-order', order === 'asc' ? 'desc' : 'asc');
+            document.querySelectorAll('.sort-icon').forEach(icon => icon.className = 'sort-icon'); // clear all icons
+            header.querySelector('.sort-icon').className = order === 'asc' ? 'sort-icon bi bi-arrow-down' : 'sort-icon bi bi-arrow-up'; // set the icon for the sorted column
+
+        });
+    });
+    </script>
+
+<!-- searchbar script -->
+
+<script>
+function searchFunction() {
+    var input, filter, table, tr, td, i, j, txtValue;
+    input = document.getElementById("searchBar");
+    filter = input.value.toLowerCase();
+    table = document.getElementsByTagName("table");
+    tr = table[0].getElementsByTagName("tr");
+
+    for (i = 0; i < tr.length; i++) {
+        td = tr[i].getElementsByTagName("td");
+        for (j = 0; j < td.length; j++) {
+            if (td[j]) {
+                txtValue = td[j].textContent || td[j].innerText;
+                if (txtValue.toLowerCase().indexOf(filter) > -1) {
+                    tr[i].style.display = "";
+                    break;
+                } else {
+                    tr[i].style.display = "none";
+                }
+            }
+        }
+    }
+}
+</script>
+
+<script>
+    // Parse the URL query parameters
+    const urlParams = new URLSearchParams(window.location.search);
+    // Get the 'q' parameter
+    const searchQuery = urlParams.get('q');
+    // If a search query was provided, set it as the value of the search bar
+    if (searchQuery) {
+        document.getElementById('searchBar').value = searchQuery;
+        // Call the search function
+        searchFunction();
+    }
+</script>