From 4e2c9e709500229b84798dacfd14b6bbf9140e53 Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Fri, 11 Sep 2020 01:22:57 +0000
Subject: [PATCH] add proper prev next buttons #11
---
layouts/partials/sprites.html | 5 ++
layouts/partials/document.html | 9 ----
layouts/partials/pager.html | 20 ++++++++++
static/images/next.svg | 43 +++++++++++++++++++++
4 files changed, 69 insertions(+), 8 deletions(-)
diff --git a/layouts/partials/document.html b/layouts/partials/document.html
index f991472..fd59054 100644
--- a/layouts/partials/document.html
+++ b/layouts/partials/document.html
@@ -5,13 +5,6 @@
<section class="content">
<h1>{{ .Title }}</h1>
{{- .Content }}
- <div class="pager">
- {{- with .Next }}
- <a href="{{ .Permalink }}" id="prev"><< {{ .Title }}</a>
- {{ end }}
- {{- with .Prev }}
- <a href="{{ .Permalink }}" id="next">{{ .Title }} >></a>
- {{- end }}
- </div>
+ {{ partial "pager" . }}
</section>
</div>
diff --git a/layouts/partials/pager.html b/layouts/partials/pager.html
new file mode 100644
index 0000000..401564b
--- /dev/null
+++ b/layouts/partials/pager.html
@@ -0,0 +1,20 @@
+<div class="pager{{ if .Next }}{{ else }} pager_lean{{ end }}">
+ {{ with .Next }}
+ <div class="pager_item prev">
+ <span class="pager_meta">PREVIOUS</span>
+ <a href="{{ .Permalink }}" class="pager_link button" title="{{ .Title }}">
+ <span class="pager_label">{{ .Title }}</span>
+ </a>
+ </div>
+ {{ end }}
+
+ {{ with .Prev }}
+ <div class="pager_item next">
+ <span class="pager_meta">NEXT</span>
+ <a href="{{ .Permalink }}" class="pager_link button" title="{{ .Title }}">
+ <span class="pager_label">{{ .Title }}</span>
+ </a>
+ </div>
+ {{ end }}
+</div>
+{{ partial "sprites" . }}
\ No newline at end of file
diff --git a/layouts/partials/sprites.html b/layouts/partials/sprites.html
new file mode 100644
index 0000000..ec8c6f4
--- /dev/null
+++ b/layouts/partials/sprites.html
@@ -0,0 +1,5 @@
+<svg width="0" height="0" class="hidden">
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492.004 492.004" id="next">
+ <path d="M484.14 226.886L306.46 49.202c-5.072-5.072-11.832-7.856-19.04-7.856-7.216 0-13.972 2.788-19.044 7.856l-16.132 16.136c-5.068 5.064-7.86 11.828-7.86 19.04 0 7.208 2.792 14.2 7.86 19.264L355.9 207.526H26.58C11.732 207.526 0 219.15 0 234.002v22.812c0 14.852 11.732 27.648 26.58 27.648h330.496L252.248 388.926c-5.068 5.072-7.86 11.652-7.86 18.864 0 7.204 2.792 13.88 7.86 18.948l16.132 16.084c5.072 5.072 11.828 7.836 19.044 7.836 7.208 0 13.968-2.8 19.04-7.872l177.68-177.68c5.084-5.088 7.88-11.88 7.86-19.1.016-7.244-2.776-14.04-7.864-19.12z"></path>
+ </symbol>
+</svg>
\ No newline at end of file
diff --git a/static/images/next.svg b/static/images/next.svg
new file mode 100644
index 0000000..de70acf
--- /dev/null
+++ b/static/images/next.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 492.004 492.004;" xml:space="preserve" fill="#eee">
+<g>
+ <g>
+ <path d="M484.14,226.886L306.46,49.202c-5.072-5.072-11.832-7.856-19.04-7.856c-7.216,0-13.972,2.788-19.044,7.856l-16.132,16.136
+ c-5.068,5.064-7.86,11.828-7.86,19.04c0,7.208,2.792,14.2,7.86,19.264L355.9,207.526H26.58C11.732,207.526,0,219.15,0,234.002
+ v22.812c0,14.852,11.732,27.648,26.58,27.648h330.496L252.248,388.926c-5.068,5.072-7.86,11.652-7.86,18.864
+ c0,7.204,2.792,13.88,7.86,18.948l16.132,16.084c5.072,5.072,11.828,7.836,19.044,7.836c7.208,0,13.968-2.8,19.04-7.872
+ l177.68-177.68c5.084-5.088,7.88-11.88,7.86-19.1C492.02,238.762,489.228,231.966,484.14,226.886z"/>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
--
Gitblit v1.10.0