From b7d83bc185cf7379339c845488035d24bbebaf10 Mon Sep 17 00:00:00 2001
From: Will Cohen <chewnoill@gmail.com>
Date: Wed, 19 Jun 2024 15:18:30 -0400
Subject: [PATCH 1/3] [example] copy liquid examples from njk

---
 .../examples/pagination/nav/combined.liquid        | 14 ++++++++++++++
 .../examples/pagination/nav/firstlast.liquid       | 12 ++++++++++++
 .../examples/pagination/nav/nextprev.liquid        | 13 +++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 src/_includes/examples/pagination/nav/combined.liquid
 create mode 100644 src/_includes/examples/pagination/nav/firstlast.liquid
 create mode 100644 src/_includes/examples/pagination/nav/nextprev.liquid

diff --git a/src/_includes/examples/pagination/nav/combined.liquid b/src/_includes/examples/pagination/nav/combined.liquid
new file mode 100644
index 0000000000..dd36f8a00f
--- /dev/null
+++ b/src/_includes/examples/pagination/nav/combined.liquid
@@ -0,0 +1,14 @@
+{% raw %}
+<nav aria-labelledby="my-pagination">
+  <h2 id="my-pagination">This is my Pagination</h2>
+  <ol>
+    <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
+    <li>{% if pagination.href.previous %}<a href="{{ pagination.href.previous }}">Previous</a>{% else %}Previous{% endif %}</li>
+{%- for pageEntry in pagination.pages %}
+    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+{%- endfor %}
+    <li>{% if pagination.href.next %}<a href="{{ pagination.href.next }}">Next</a>{% else %}Next{% endif %}</li>
+    <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
+  </ol>
+</nav>
+{% endraw %}
\ No newline at end of file
diff --git a/src/_includes/examples/pagination/nav/firstlast.liquid b/src/_includes/examples/pagination/nav/firstlast.liquid
new file mode 100644
index 0000000000..fee5abc25d
--- /dev/null
+++ b/src/_includes/examples/pagination/nav/firstlast.liquid
@@ -0,0 +1,12 @@
+{% raw %}
+<nav aria-labelledby="my-pagination">
+  <h2 id="my-pagination">This is my Pagination</h2>
+  <ol>
+    <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
+{%- for pageEntry in pagination.pages %}
+    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+{%- endfor %}
+    <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
+  </ol>
+</nav>
+{% endraw %}
diff --git a/src/_includes/examples/pagination/nav/nextprev.liquid b/src/_includes/examples/pagination/nav/nextprev.liquid
new file mode 100644
index 0000000000..8cd9ac5cd7
--- /dev/null
+++ b/src/_includes/examples/pagination/nav/nextprev.liquid
@@ -0,0 +1,13 @@
+
+{% raw %}
+<nav aria-labelledby="my-pagination">
+  <h2 id="my-pagination">This is my Pagination</h2>
+  <ol>
+    <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
+{%- for pageEntry in pagination.pages %}
+    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+{%- endfor %}
+    <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
+  </ol>
+</nav>
+{% endraw %}
\ No newline at end of file

From 2c69d59c5ae0deaa0b03876d3b636d99e11cc8ac Mon Sep 17 00:00:00 2001
From: Will Cohen <chewnoill@gmail.com>
Date: Wed, 19 Jun 2024 15:22:26 -0400
Subject: [PATCH 2/3] [examples] convert njk examples to liquid

The only differences here is that liquid uses the
variable name `forloop` instead of `loop`
---
 src/_includes/examples/pagination/nav/combined.liquid  | 2 +-
 src/_includes/examples/pagination/nav/firstlast.liquid | 2 +-
 src/_includes/examples/pagination/nav/nextprev.liquid  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/_includes/examples/pagination/nav/combined.liquid b/src/_includes/examples/pagination/nav/combined.liquid
index dd36f8a00f..f279602f2b 100644
--- a/src/_includes/examples/pagination/nav/combined.liquid
+++ b/src/_includes/examples/pagination/nav/combined.liquid
@@ -5,7 +5,7 @@
     <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
     <li>{% if pagination.href.previous %}<a href="{{ pagination.href.previous }}">Previous</a>{% else %}Previous{% endif %}</li>
 {%- for pageEntry in pagination.pages %}
-    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+    <li><a href="{{ pagination.hrefs[ forloop.index0 ] }}"{% if page.url == pagination.hrefs[ forloop.index0 ] %} aria-current="page"{% endif %}>Page {{ forloop.index }}</a></li>
 {%- endfor %}
     <li>{% if pagination.href.next %}<a href="{{ pagination.href.next }}">Next</a>{% else %}Next{% endif %}</li>
     <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
diff --git a/src/_includes/examples/pagination/nav/firstlast.liquid b/src/_includes/examples/pagination/nav/firstlast.liquid
index fee5abc25d..d3750497bf 100644
--- a/src/_includes/examples/pagination/nav/firstlast.liquid
+++ b/src/_includes/examples/pagination/nav/firstlast.liquid
@@ -4,7 +4,7 @@
   <ol>
     <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
 {%- for pageEntry in pagination.pages %}
-    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+    <li><a href="{{ pagination.hrefs[ forloop.index0 ] }}"{% if page.url == pagination.hrefs[ forloop.index0 ] %} aria-current="page"{% endif %}>Page {{ forloop.index }}</a></li>
 {%- endfor %}
     <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
   </ol>
diff --git a/src/_includes/examples/pagination/nav/nextprev.liquid b/src/_includes/examples/pagination/nav/nextprev.liquid
index 8cd9ac5cd7..350164ce6f 100644
--- a/src/_includes/examples/pagination/nav/nextprev.liquid
+++ b/src/_includes/examples/pagination/nav/nextprev.liquid
@@ -5,7 +5,7 @@
   <ol>
     <li>{% if page.url != pagination.href.first %}<a href="{{ pagination.href.first }}">First</a>{% else %}First{% endif %}</li>
 {%- for pageEntry in pagination.pages %}
-    <li><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if page.url == pagination.hrefs[ loop.index0 ] %} aria-current="page"{% endif %}>Page {{ loop.index }}</a></li>
+    <li><a href="{{ pagination.hrefs[ forloop.index0 ] }}"{% if page.url == pagination.hrefs[ forloop.index0 ] %} aria-current="page"{% endif %}>Page {{ forloop.index }}</a></li>
 {%- endfor %}
     <li>{% if page.url != pagination.href.last %}<a href="{{ pagination.href.last }}">Last</a>{% else %}Last{% endif %}</li>
   </ol>

From e5d5fb5c3950188a827b783aa7018bca41daeedc Mon Sep 17 00:00:00 2001
From: Will Cohen <chewnoill@gmail.com>
Date: Wed, 19 Jun 2024 15:24:24 -0400
Subject: [PATCH 3/3] [doc] update pagination nav docs with new examples

---
 src/docs/pagination/nav.md | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/docs/pagination/nav.md b/src/docs/pagination/nav.md
index 5b1adaa527..fea41b6145 100644
--- a/src/docs/pagination/nav.md
+++ b/src/docs/pagination/nav.md
@@ -257,7 +257,10 @@ Note that if the current page (`page.url`) is the first or last in the set, we w
 <seven-minute-tabs persist sync>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: "paged-nav-nextprev", valid: "njk,js"} %}
   <div id="paged-nav-nextprev-liquid" role="tabpanel">
-    <p><em>This example has not yet been added—you can swap to another template language above! Or maybe you want to contribute it? {% include "edit-on-github.njk" %}</em></p>
+    {%- codetitle "nextprev.liquid" %}
+    {%- highlight "liquid" %}
+    {%- include "examples/pagination/nav/nextprev.liquid" %}
+    {%- endhighlight %}
   </div>
   <div id="paged-nav-nextprev-njk" role="tabpanel">
     {%- codetitle "nextprev.njk" %}
@@ -284,7 +287,10 @@ For clarity here, we’re omitting the previous and next links from the previous
 <seven-minute-tabs persist sync>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: "paged-nav-firstlast", valid: "njk,js"} %}
   <div id="paged-nav-firstlast-liquid" role="tabpanel">
-    <p><em>This example has not yet been added—you can swap to another template language above! Or maybe you want to contribute it? {% include "edit-on-github.njk" %}</em></p>
+    {%- codetitle "firstlast.liquid" %}
+    {%- highlight "liquid" %}
+    {%- include "examples/pagination/nav/firstlast.liquid" %}
+    {%- endhighlight %}
   </div>
   <div id="paged-nav-firstlast-njk" role="tabpanel">
     {%- codetitle "firstlast.njk" %}
@@ -309,7 +315,10 @@ Here’s the final pagination navigation template code, pieced together:
 <seven-minute-tabs persist sync>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: "paged-nav-combined", valid: "njk,js"} %}
   <div id="paged-nav-combined-liquid" role="tabpanel">
-    <p><em>This example has not yet been added—you can swap to another template language above! Or maybe you want to contribute it? {% include "edit-on-github.njk" %}</em></p>
+    {%- codetitle "combined.liquid" %}
+    {%- highlight "liquid" %}
+    {%- include "examples/pagination/nav/combined.liquid" %}
+    {%- endhighlight %}
   </div>
   <div id="paged-nav-combined-njk" role="tabpanel">
     {%- codetitle "combined.njk" %}