Testing paginator

Author: Mayer László

_config.yml

@@ -16,6 +16,14 @@ analytics:
     site_fqdn: 'your.site.fqdn'
     script_source: 'https://plausible.io/js/script.js'
 
+defaults:
+  -
+    scope:
+      path: "/project/"
+      type: "posts"
+    values:
+      identifier: "project"
+
 # Styling
 sass:
   sass_dir: _sass

_includes/cards.html

@@ -0,0 +1,26 @@
+<ul class="horizontal-list">
+  {% for item in include.collection %}
+
+  <li class="card">
+    <a href="{{ item.url }}">
+        <span class="header">
+          {{ item.title }}
+
+          {% if item.highlight %}
+            <mark>{{ item.highlight }}</mark>
+          {% endif %}
+
+        </span>
+
+      <hr />
+
+      {% if item.desc != false %}
+      <p class="body">
+        {{ item.desc }}
+      </p>
+      {% endif %}
+    </a>
+  </li>
+
+  {% endfor %}
+</ul>

_sass/reset.scss

@@ -1,55 +1,36 @@
 /* https://www.joshwcomeau.com/css/custom-css-reset/ */
 
-/*
-  1. Use a more-intuitive box-sizing model.
-*/
-*, *::before, *::after {
+*, *::before, *::after {             /* Use a more-intuitive box-sizing model. */
   box-sizing: border-box;
 }
-/*
-  2. Remove default margin
-*/
-* {
+
+* {                                  /* Remove default margin */
   margin: 0;
 }
-/*
-  3. Allow percentage-based heights in the application
-*/
-html, body {
+
+html, body {                         /* Allow percentage-based heights in the application */
   height: 100%;
 }
-/*
-  Typographic tweaks!
-  4. Add accessible line-height
-  5. Improve text rendering
-*/
-body {
+
+body {                               /* Add accessible line-height, improve text rendering */
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
 }
-/*
-  6. Improve media defaults
-*/
-img, picture, video, canvas, svg {
+
+img, picture, video, canvas, svg {   /* Improve media defaults */
   display: block;
   max-width: 100%;
 }
-/*
-  7. Remove built-in form typography styles
-*/
-input, button, textarea, select {
+
+input, button, textarea, select {   /* Remove built-in form typography styles */
   font: inherit;
 }
-/*
-  8. Avoid text overflows
-*/
-p, h1, h2, h3, h4, h5, h6 {
+
+p, h1, h2, h3, h4, h5, h6 {         /* Avoid text overflows */
   overflow-wrap: break-word;
 }
-/*
-  9. Create a root stacking context
-*/
-#root, #__next {
+
+#root, #__next {                    /* Create a root stacking context */
   isolation: isolate;
 }
 

article/index.html

@@ -1,12 +1,12 @@
 ---
 layout: default
-title: LightSpeed Categories
+title: Lasz :: article[]
 ---
 
 <h2>Categories</h2>
 {% for category in site.categories %}
     <h3 class="category-header"><b>{{category | first}}</b></h3>
-        {% for post in category[1] limit:3 %}
+        {% for post in category[1] limit:0 %}
         <span class="post-item">{{ post.date | date: '%Y-%m-%d' }} >> <a href="{{ post.url }}">{{ post.title }}</a></span>
         {% endfor %}
 <div class="category-all-nav">

index.md

@@ -1,6 +1,6 @@
 ---
 layout: default
-title: Mayer - Home
+title: Lasz
 ---
 
 ## About

project/_posts/test1.md

@@ -0,0 +1,6 @@
+---
+layout: article
+title: Sample to Create Pagination
+---
+
+Test 1

project/_posts/test2.md

@@ -0,0 +1,6 @@
+---
+layout: article
+title: Sample to Create Pagination
+---
+
+Test 2!!!!

project/index.html

@@ -1,11 +1,11 @@
 ---
 layout: default
 title: 'Lasz :: project[]'
-pagination:
-    enabled: true
+
 ---
 
 <h2>Projects</h2>
+{% include cards.html paginator.projects %}
 
 <h2>Posts</h2>
 {% for article in paginator.posts %}