liddlelab-theme 0.0.3 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad6069cda5f397b2a724d02d4a3c942f0a25673b7d94227dad5cac066370dc3c
-  data.tar.gz: 7ef5f11d0cf14249c9c3f022f072c3805f855844648f168b96c7adfbd2224f6c
+  metadata.gz: 92e3deeb597654517ae3c7cbbf4f1d3e0939964d2556517709f3c81e8c5f9440
+  data.tar.gz: 6742c65bd69ba9e4d9c6237f98f3f9553f60b462698ae4ccf1f027686fc28aab
 SHA512:
-  metadata.gz: e7f965639c9f9161bc0db2b5d835d8ac3b15fc47f8e47053a7b84bbdb1a4325cc7c76ab82010a8d19e16f8ca3ab2a075eba2a16e32c54941fa51d60cb653cafe
-  data.tar.gz: 76eee0f604a07d1e44b9fc4b90aed18fd3ca94263df3d223c94ad47260894fbdbb2cc847bc5a2767f3d3c3ed61167ae6e1b35f63176c43ff213ec2963a85f0b5
+  metadata.gz: 42d64a153d71067789e03932b7fdf8ccd3739e9c0135d424c0ec6903b851c0043aca699ba5b2125af1e14b93129c2612b9ce6af83836e24287b2a43a3aca8235
+  data.tar.gz: 6e07b637bcd6cd91a36a4eb702ba9495f60191115c5f5089eb4d302cc67d94d546251be4fdada485401712f00bc112747e17e73b5e11355ae181c270ec68fed6

data/_includes/giscus.html

@@ -1,8 +1,8 @@
 <script src="https://giscus.app/client.js"
-        data-repo="[ENTER REPO HERE]"
-        data-repo-id="[ENTER REPO ID HERE]"
-        data-category="[ENTER CATEGORY NAME HERE]"
-        data-category-id="[ENTER CATEGORY ID HERE]"
+        data-repo="{{ site.repo }}"
+        data-repo-id="{{ site.repo_id }}"
+        data-category="{{ site.category }}"
+        data-category-id="{{ site.category_id }}"
         data-mapping="pathname"
         data-strict="0"
         data-reactions-enabled="1"

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>
@@ -141,15 +141,7 @@ post_class: post-template
 
 <!-- Begin Comments
 ================================================== -->
-{% if page.comments != false %}
-    <div class="container">
-        <div id="comments" class="row justify-content-center mb-5">
-            <div class="col-md-8">
-
-            </div>
-        </div>
-    </div>
-{% endif %}
+{% include giscus.html %}
 <!--End Comments
 ================================================== -->
 

data/assets/js/paginateScroll.js

@@ -0,0 +1,55 @@
+// 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;
+let isFirstLoad = true;
+let numPostsPerPage = 0;
+
+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 < numPostsPerPage) {
+            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 (isFirstLoad) {
+        isFirstLoad = false;
+        numPostsPerPage = postList.children.length;
+    }
+
+    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.3
+  version: 0.0.5
 platform: ruby
 authors:
 - Mike Liddle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2025-03-24 00:00:00.000000000 Z
+date: 2025-03-27 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: