feat(): add support for pagination in _default/list.html

README.md

@@ -6,7 +6,6 @@ A theme for [Hugo](https://gohugo.io/), inspired by Atom editor.
 
 This repo is a work in progress, there is still work to do, contributions are welcome !
 
-- Support pagination in list layout
 - Support "dynamic" titles and descriptions
 - Uglify CSS and Javascript
 - Add integration with Disqus

layouts/_default/list.html

@@ -1,10 +1,12 @@
 {{ partial "top.html" . }}
+{{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
 <div class="articles-list">
-    {{ range .Data.Pages }}
+    {{ range $paginator.Pages }}
     <article>
         <h3><a href="{{ .Permalink }}">{{ .Title }}</a> - {{ dateFormat "01-02-2006 15:04:05" .Date }}</h3>
         {{ .Summary }}
     </article>
     {{ end }}
 </div>
+{{ template "_internal/pagination.html" . }}
 {{ partial "bottom.html" . }}

static/css/_paginator.scss

@@ -0,0 +1,18 @@
+@import "./variables";
+
+ul.pagination {
+  padding-left: 0px;
+  margin: 14px auto;
+  width: 200px;
+  text-align: center;
+  li {
+    display: inline-block;
+    padding: 3px;
+    &.active {
+      text-decoration: underline;
+    }
+    &.disabled a {
+      color: $text-color;
+    }
+  }
+}

static/css/theme.scss

@@ -1,6 +1,7 @@
-@import "./variables.scss";
+@import "./variables";
-@import "./custom-bootstrap.scss";
+@import "./custom-bootstrap";
-@import "./mixins.scss";
+@import "./mixins";
+@import "./paginator";
 
 html {
   height: 100%;