liddlelab-theme 0.0.2 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c358385f8797836484c2fd4451a29569877c835e1bae2127b1198033db051f72
-  data.tar.gz: 396ee77d8072998db6697b7bba6eed374daba585b0ce26a185e6ff08363a1945
+  metadata.gz: 2dbfb332c90448bd1c9241bb8427b3b329a5552ac68b7a7e89173e3062dd8cc5
+  data.tar.gz: 2df038cfdf016b04e297c24592566fcabce23afc3535289169e472285315c77d
 SHA512:
-  metadata.gz: d8d4182234538efed42b037e414e82febfde905eff74bf8ea2c28841cd605ed19bb443d1733c42c5f820a83f101f544faf085b02843a6642eebd1410e78a7da6
-  data.tar.gz: bdd93ec1aa98122603524cb4f4616108e07c553e904b7948a00ed987a8beb7821684cc99458a624591ab58146b4d2a53825512b48a463a2b16f12a075bf68fac
+  metadata.gz: c05544f395af55e596525981bc81d3f40ea9e39168eb406169f7090b4169e36c99ba984aa3b99f569123d0a4c6f1044663b251fdeb842d12b1cf2e6aea460b23
+  data.tar.gz: 3bca68ed2d4c86af42026dce88ea3673250b56090116e5ea2a6d5639130648562c1bca3070c1ea1ede4d72be045fa7145a3679f98aab3f6fd08ee56468ee03f5

data/_includes/navbar.html

@@ -33,11 +33,11 @@
 
             {% for pagelink in site.pages %}
                 {% if pagelink.url == "/" %}
-                {% elsif pagelink.url == "/blog/" %}
                 {% elsif pagelink.url == "/404.html" %}
                 {% elsif pagelink.title == nil or pagelink.title == "" %}
                 {% elsif pagelink.title == "Categories" %}
                 {% elsif pagelink.title == "Tags" %}
+                {% elsif pagelink.url contains "/blog/" %}
                 {% elsif pagelink.url contains "/category/" %}
                 {% else %}
                     {% if page.url == pagelink.url %}

data/_layouts/post.html

@@ -122,10 +122,10 @@ post_class: post-template
             <!-- Prev/Next -->
             <div class="row PageNavigation d-flex justify-content-between font-weight-bold">
             {% if page.previous.url %}
-            <a class="prev d-block col-md-6" href="{{ site.baseurl }}/{{page.previous.url}}"> &laquo; {{page.previous.title}}</a>
+            <a class="prev d-block col-md-6" href="{{page.previous.url}}"> &laquo; {{page.previous.title}}</a>
             {% endif %}
             {% if page.next.url %}
-            <a class="next d-block col-md-6 text-lg-right" href="{{ site.baseurl }}/{{page.next.url}}">{{page.next.title}} &raquo; </a>
+            <a class="next d-block col-md-6 text-lg-right" href="{{page.next.url}}">{{page.next.title}} &raquo; </a>
             {% endif %}
             <div class="clearfix"></div>
             </div>

data/assets/js/paginateScroll.js

@@ -0,0 +1,39 @@
+// identify our page number statically
+// get ready to load the next page
+// on a scroll down, load the next page of results and append it in the #postlist container
+let currentPage = 1;
+let loading = false;
+let hitEnd = false;
+const loadMorePosts = async () => {
+    if (hitEnd) return; // Prevent loading more if we've hit the end
+    try {
+        currentPage++;
+        const response = await fetch(`/blog/page${currentPage}`);
+        if (!response.ok) throw new Error('Failed to load posts');
+        const newPosts = await response.text();
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(newPosts, 'text/html');
+        const tempDiv = document.createElement('div');
+        tempDiv.innerHTML = doc.getElementById('postlist').innerHTML;
+        const postList = document.getElementById('postlist');
+        if (tempDiv.children.length < 10) {
+            hitEnd = true; // No more posts to load
+        }
+        while (tempDiv.firstChild) {
+            postList.appendChild(tempDiv.firstChild);
+        }
+        loading = false;
+    } catch (error) {
+        hitEnd = true;
+        console.error('Error loading more posts:', error);
+    }
+};
+
+window.addEventListener('scroll', () => {
+    if (loading || hitEnd) return; // Prevent multiple loads
+    const postList = document.getElementById('postlist');
+    if (window.innerHeight + window.scrollY >= postList.offsetTop + postList.offsetHeight - 100) {
+        loading = true;
+        loadMorePosts();
+    }
+});

data/blog/index.html

@@ -2,53 +2,16 @@
 layout: default
 title: Blog
 ---
-
-<section class="featured-posts">
-    <div class="section-title">
-        <h2><span>Featured</span></h2>
-    </div>
-    <div class="row">
-
-    {% for post in site.posts %}
-
-        {% if post.featured == true %}
-
-            {% include featuredbox.html %}
-
-        {% endif %}
-
-    {% endfor %}
-
-    </div>
-</section>
-
+<script src="/assets/js/paginateScroll.js"></script>
 <!-- Posts Index
 ================================================== -->
 <section class="recent-posts">
-
     <div class="section-title">
-
-        <h2><span>All Stories</span></h2>
-
+        <h2><span>Articles</span></h2>
     </div>
-
-    <div class="row listrecent">
-
+    <div class="row listrecent" id="postlist">
         {% for post in paginator.posts %}
-
         {% include postbox.html %}
-
         {% endfor %}
-
     </div>
-
-</section>
-
-<!-- Pagination
-================================================== -->
-<div class="bottompagination">
-<div class="pointerup"><i class="fa fa-caret-up"></i></div>
-<span class="navigation" role="navigation">
-    {% include pagination.html %}
-</span>
-</div>
+</section>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: liddlelab-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.4
 platform: ruby
 authors:
 - Mike Liddle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2025-03-24 00:00:00.000000000 Z
+date: 2025-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
@@ -172,6 +172,7 @@ files:
 - assets/img/sample2.jpg
 - assets/js/lunr.js
 - assets/js/lunrsearchengine.js
+- assets/js/paginateScroll.js
 - blog/index.html
 homepage: https://liddlelaboratory.com
 licenses: