feat: improve style & add paging links

avatar-cli · Oct 22, 2020 · 4b0521c · 4b0521c
1 parent 1c881a3
commit 4b0521c
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 3 deletions.
diff --git a/sass/_markdown.scss b/sass/_markdown.scss
@@ -26,7 +26,7 @@
   font-family: monospace;
 }
 
-.content pre>code {
+.content pre>code, .content h2>code {
   background-color: unset;
 }
 

diff --git a/sass/_text.scss b/sass/_text.scss
@@ -70,4 +70,15 @@ h3, .subtitle-text {
 
 .content h3+p {
   margin: 5px 0 18px 0;
-}
+}
+
+.pager_links {
+  text-align: center;
+  width: fit-content;
+  padding: 40px;
+}
+
+.text.content.documentation p {
+  margin-top: 8px;
+  margin-bottom: 10px;
+}
diff --git a/static/images/paypal.svg b/static/images/paypal.svg
diff --git a/templates/blog.html b/templates/blog.html
@@ -42,6 +42,13 @@ <h1 style="display: none; visibility: hidden;">Blog</h1>
             {% endblock content %}
         </div>
     </main>
+    {% if paginator.previous or paginator.next %}
+    <div class="text pager_links">
+        {% if paginator.previous %}<a href="{{ paginator.previous | safe }}">Previous</a>{% endif %}
+        {% if paginator.previous and paginator.next %}&nbsp;···&nbsp;{% endif %}
+        {% if paginator.next %}<a href="{{ paginator.next | safe }}">Next</a>{% endif %}
+    </div>
+    {% endif %}
 
     {% block footer %}
     <footer>

diff --git a/templates/blog_page.html b/templates/blog_page.html
@@ -21,4 +21,11 @@
 {% block content %}
 <h1>{{ page.title }}<br/><span class="subtitle-date">{{ page.date }}</span></h1>
 {{ page.content | safe }}
+{% if page.earlier or page.later %}
+<div class="text pager_links">
+    {% if page.earlier %}<a href="{{ page.earlier.permalink | safe }}">Previous</a>{% endif %}
+    {% if page.earlier and page.later %}&nbsp;···&nbsp;{% endif %}
+    {% if page.later %}<a href="{{ page.later.permalink | safe }}">Next</a>{% endif %}
+</div>
+{% endif %}
 {% endblock content %}
diff --git a/templates/doc_page.html b/templates/doc_page.html
@@ -56,7 +56,7 @@
         </div>
         {% endblock toc %}
 
-        <div class="content text">
+        <div class="content text documentation">
         {% block content %}
         <h1>{{ page.title }}<br/><span class="subtitle-date">{{ page.date }}</span></h1>
         {{ page.content | safe }}