jekyll-theme-zer0 0.2.0 → 0.2.1

data/_includes/header.html

@@ -1,79 +0,0 @@
-<!-- 
-  file: header.html
-  path: /_includes/header.html
-  includes:  branding.html, navbar.html, info-bar.html, halfmoon.html
-  TODO: Fix Nanobar progress bar
- -->
-
-<header id="navbar" class="container-fluid  text-center z-1" role="navigation">
-
-    <!-- Top Navigation Bar -->
-    <div class="navbar navbar-expand-lg bg-body-tertiary flex-nowrap justify-content-center bottom-shadow">
-       
-        <div class="nanobar" id="top-progress-bar" style="position: fixed;">
-            <div class="bar"></div>
-        </div>
-        <!-- Main Navbar -->
-        <nav class=" container-xl order-2 order-lg-1 grid gap-1">
-
-            <!-- Offcanvas button for left side bar in mobile view -->
-            <div class="bd-navbar-toggle ">
-                <button class="navbar-toggler p-2" 
-                        type="button" 
-                        data-bs-toggle="offcanvas" 
-                        data-bs-target="#bdSidebar" 
-                        aria-controls="bdSidebar" 
-                        aria-label="Toggle navigation">
-                <span class="bi bi-list"></span>
-                </button>
-            </div>
-
-            <!-- Home and Root Logo -->
-            <div class="container d-inline-flex text-center ">
-                <!-- Home Link -->
-                {%- for home in site.data.navigation.home -%}
-                <a class="btn " href="{{ home.url | relative_url }}">
-                    <i class="{{ site.default_icon}} {{ home.icon }}" ></i>
-                </a>
-                {% endfor %}
-                <!-- Brand Logo to root  -->
-                <!-- set the URL for the logo image in the _config file -->
-                {% capture logo_path %}{{ site.logo }}{% endcapture %}
-                <a class="navbar-brand" href="{{ site.baseurl }}/">
-                    <img src="{{ logo_path | relative_url }}" alt="Logo" width="30" height="30">
-                </a>
-            </div>
-            <!-- include branding.html --> 
-                {% include branding.html %}
-    
-                <!-- include navbar.html -->
-                {% include navbar.html %}
-
-            <!-- Settings modal button -->
-            <div 
-                class="btn"
-                data-bs-toggle="modal" 
-                data-bs-target="#info-section" 
-                aria-expanded="false" 
-                aria-controls="#info-section"
-                role="button"  >
-                <i 
-                    type="button" 
-                    class="{{site.default_icon}} bi-gear">
-                </i>
-            </div>
-
-            <!-- Offcanvas button for nav links -->
-            <div class="bd-navbar-toggle ">
-                <button class="navbar-toggler p-2" 
-                        type="button" 
-                        data-bs-toggle="offcanvas" 
-                        data-bs-target="#bdNavbar" 
-                        aria-controls="bdNavbar" 
-                        aria-label="Toggle navigation">
-                        <span class="bi bi-three-dots"></span>
-                </button>
-            </div>
-        </nav>
-    </div>
-</header>

data/_includes/intro.html

@@ -1,68 +0,0 @@
-<!-- 
-  file: _intro.html
-  description: This is the intro section of the blog post. It includes the title, author, and excerpt of the post.
-  path: _includes/intro.html
- -->
-
- {% if page.collection %}
- {% capture page_dir %}{{ site.collections_dir }}{% endcapture %}
- {% assign testvar = "collection exists" %}
-{% endif %}
-
-<!-- Intro Section -->
-
-<div class="bd-intro pt-5 ps-lg-2 position-relative" style="
-  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{site.baseurl}}/{{ site.public_folder }}/{{ page.preview | default: site.info_banner }}') no-repeat center center / cover;
-  color: #fff;">
-
-<!-- Share Icon with Dropdown for Multiple Sharing Options -->
-<div class="position-absolute top-0 end-0 m-3">
-  <div class="dropdown">
-    <button class="btn btn-info dropdown-toggle" type="button" id="shareDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-    <i class="bi bi-share"></i>
-    </button>
-    <ul class="dropdown-menu" aria-labelledby="shareDropdown">
-      <li>
-        <a class="dropdown-item" href="https://reddit.com/submit?url={{ page.url | absolute_url | url_encode }}&amp;title={{ page.title | url_encode }}" target="_blank">
-          Share on Reddit
-        </a>
-      </li>
-      <li>
-        <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
-        <script type="IN/Share" data-url="{{ page.url | absolute_url | url_encode }}"></script>
-      </li>
-      <li>
-        <button class="dropdown-item" onclick='navigator.clipboard.writeText("{{ page.url | absolute_url }}");'>
-          Copy Link
-        </button>
-      </li>
-    </ul>
-  </div>
-</div>
-
-
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
-    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
-      return new bootstrap.Popover(popoverTriggerEl);
-    });
-
-    // Optional: Check if the clipboard API is supported
-    if (!navigator.clipboard) {
-      console.warn('Clipboard API not supported');
-    }
-  });
-</script>
-
-  <br>
-  <h1>{{ page.title }}</h1>
-  <p>By {{ page.author | default: site.author.name }}</p>
-  <p>{{ page.description }}</p>
-  <p>Estimated reading time: {{ content | number_of_words | divided_by:200 }} minutes</p>
-  <!-- Edit on Github Button -->
-  <a href="https://github.com/{{ site.repository }}/blob/master/{{ page_dir }}/{{ page.path }}" class="btn btn-dark position-absolute bottom-0 end-0 m-3">
-    <i class="bi bi-github"></i>
-    <span class="d-none d-sm-inline">Edit on Github</span>
-  </a>
-</div>

data/_includes/navbar.html

@@ -1,34 +0,0 @@
-<!-- 
-  file: navbar.html
-  path: /includes/navbar.html
-  includes: 
- -->
-
-<!-- Navigation Links - Offcanvas -->
-<div class="offcanvas offcanvas-end col-lg-2" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbar"> 
-
-<!-- Main Navigation Header - Offcanvas -->
-    <div class="offcanvas-header border-bottom">
-        <h5 class="offcanvas-title" id="mainNavOffcanvasLabel">Main Navigation</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
-    </div>
-
-<!-- Main Navigation List - Offcanvas  -->
-<ul class="navbar-nav offcanvas-body justify-content-lg-center text-start" >
-    {%- for link in site.data.navigation.main -%}
-        <div class="btn-group">
-            <a href="{{ link.url | relative_url }}" class=" nav-link">{{ link.title }}</a>
-            {% if link.sublinks %}
-                <button type="button" class="nav-link dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-                    <span class="visually-hidden">Toggle Dropdown</span>
-                </button>
-                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                    {%- for sublink in link.sublinks -%}
-                        <a class="dropdown-item" href="{{ sublink.url | relative_url }}">{{ sublink.title }}</a> 
-                    {%- endfor -%}
-                </div>
-            {% endif %}
-        </div>
-    {% endfor %}
-</ul>
-</div>

data/_includes/sidebar-left.html

@@ -1,41 +0,0 @@
-<!-- 
-  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/toc

@@ -1,7 +0,0 @@
-<aside class="sidebar__right">
-<nav class="toc" markdown="1">
-<header><h4 class="nav__title"><i class="fas fa-{{ include.icon | default: 'file-alt' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
-*  Auto generated table of contents
-{:toc .toc__menu}
-</nav>
-</aside>

data/_layouts/javascript.html

@@ -1,63 +0,0 @@
----
-layout: default
----
-<!--
-  ===================================================================
-  JAVASCRIPT LAYOUT - Template for JavaScript demonstration pages
-  ===================================================================
-  
-  File: javascript.html
-  Path: _layouts/javascript.html
-  Inherits: default.html (which inherits root.html)
-  Purpose: Specialized layout for JavaScript tutorials and demos
-  
-  Template Logic:
-  - Provides a simple template for JavaScript demonstration pages
-  - Includes basic HTML structure for interactive elements
-  - Demonstrates client-side scripting integration
-  - Can be extended for JavaScript tutorials and examples
-  
-  Current Demo:
-  - Simple paragraph manipulation example
-  - Button click event handling
-  - DOM element selection and modification
-  
-  Usage:
-  - JavaScript tutorials and learning content
-  - Interactive code demonstrations
-  - Client-side scripting examples
-  - Educational programming content
-  
-  Extension Ideas:
-  - Add syntax highlighting for code examples
-  - Include interactive code playgrounds
-  - Implement live code editing features
-  - Add step-by-step JavaScript tutorials
-  
-  Dependencies:
-  - Assumes myFunction() is defined in included JavaScript
-  - Requires proper JavaScript include in head or footer
-  - May need additional CSS for styling interactive elements
-  ===================================================================
--->
-
-<!-- ================================ -->
-<!-- JAVASCRIPT DEMO SECTION         -->
-<!-- ================================ -->
-<h2>Demo JavaScript in Head</h2>
-
-<!-- ========================== -->
-<!-- INTERACTIVE DEMO ELEMENTS  -->
-<!-- ========================== -->
-<!-- Example paragraph that will be modified by JavaScript -->
-<p id="demo">A Paragraph</p>
-
-<!-- Interactive button to trigger JavaScript function -->
-<!-- Note: Requires myFunction() to be defined in JavaScript includes -->
-<button type="button" onclick="myFunction()">Try it</button>
-
-<!-- ========================== -->
-<!-- ADDITIONAL CONTENT AREA    -->
-<!-- ========================== -->
-<!-- Space for additional JavaScript demos, tutorials, or explanations -->
-{{ content }}