change page formatting on blog

wokech · Dec 7, 2023 · ecf311f · ecf311f
1 parent cefd99d
commit ecf311f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git a/_site/blog.html b/_site/blog.html
@@ -75,7 +75,8 @@
 
     const options = {
       valueNames: ['listing-image','listing-date','listing-title','listing-subtitle','listing-author','listing-reading-time','listing-description','listing-categories',{ data: ['index'] },{ data: ['categories'] },{ data: ['listing-date-sort'] },{ data: ['listing-file-modified-sort'] }],
-
+      page: 3,
+    pagination: { item: "<li class='page-item'><a class='page page-link' href='#'></a></li>" },
       searchColumns: ["listing-title","listing-author","listing-date","listing-image","listing-description","listing-categories"],
     };
 
@@ -520,7 +521,7 @@ <h5 class="no-anchor card-title listing-title">
 <a href="./posts/r_rstudio_basics/operators/operators.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img src="./posts/r_rstudio_basics/operators/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
+<img data-src="./posts/r_rstudio_basics/operators/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -565,7 +566,7 @@ <h5 class="no-anchor card-title listing-title">
 <a href="./posts/r_rstudio_basics/data_types/data_types.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img src="./posts/r_rstudio_basics/data_types/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
+<img data-src="./posts/r_rstudio_basics/data_types/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -610,7 +611,7 @@ <h5 class="no-anchor card-title listing-title">
 <a href="./posts/r_rstudio_basics/variables/post_3.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img src="./posts/r_rstudio_basics/variables/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
+<img data-src="./posts/r_rstudio_basics/variables/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -655,7 +656,7 @@ <h5 class="no-anchor card-title listing-title">
 <a href="./posts/r_rstudio_basics/arithmetic/arithmetic.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img src="./posts/r_rstudio_basics/arithmetic/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
+<img data-src="./posts/r_rstudio_basics/arithmetic/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -700,7 +701,7 @@ <h5 class="no-anchor card-title listing-title">
 <a href="./posts/r_rstudio_basics/software_install/software_install.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img src="./posts/r_rstudio_basics/software_install/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
+<img data-src="./posts/r_rstudio_basics/software_install/r_and_rstudio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -745,6 +746,9 @@ <h5 class="no-anchor card-title listing-title">
 <div class="listing-no-matching d-none">
 No matching items
 </div>
+<nav id="posts_r_rstudio_basics-pagination" class="listing-pagination" aria-label="Page Navigation">
+  <ul class="pagination"></ul>
+</nav>
 </div>
 </section>
 <section id="data-stories" class="level2">

diff --git a/_site/sitemap.xml b/_site/sitemap.xml
@@ -114,7 +114,7 @@
   </url>
   <url>
     <loc>https://williamokech.com/blog.html</loc>
-    <lastmod>2023-12-07T18:11:53.661Z</lastmod>
+    <lastmod>2023-12-07T22:00:26.092Z</lastmod>
   </url>
   <url>
     <loc>https://williamokech.com/about.html</loc>
@@ -290,7 +290,7 @@
   </url>
   <url>
     <loc>https://williamokech.com/posts/r_rstudio_basics/software_install/software_install.html</loc>
-    <lastmod>2023-12-07T11:58:18.417Z</lastmod>
+    <lastmod>2023-12-07T22:28:45.429Z</lastmod>
   </url>
   <url>
     <loc>https://williamokech.com/posts/r_rstudio_basics/vectors/vectors.html</loc>

diff --git a/blog.qmd b/blog.qmd
@@ -10,7 +10,7 @@ listing:
     filter-ui: true
     fields: [image, date, title, subtitle, author, reading-time, description, categories]
     feed: true
-    #page-size: 3
+    page-size: 3
   - id: posts_data_stories
     contents: posts/data_stories/
     sort: "date desc"
@@ -20,7 +20,7 @@ listing:
     filter-ui: true
     fields: [image, date, title, subtitle, author, reading-time, description, categories]
     feed: true
-    #page-size: 3
+    page-size: 3
   - id: posts_code_along_with_me
     contents: posts/code_along_with_me/
     sort: "date desc"
@@ -30,7 +30,7 @@ listing:
     filter-ui: true
     fields: [image, date, title, subtitle, author, reading-time, description, categories]
     feed: true
-    #page-size: 3
+    page-size: 3
   - id: posts_biotech
     contents: posts/biotech/
     sort: "date desc"
@@ -40,7 +40,7 @@ listing:
     filter-ui: true
     fields: [image, date, title, subtitle, author, reading-time, description, categories]
     feed: true
-    #page-size: 3
+    page-size: 3
 page-layout: full
 title-block-banner: false
 comments: false