implement comments and footer

This commit is contained in:
Lynne Megido 2020-04-06 22:19:02 +10:00
parent 36aa0f676a
commit 6bf7faa80b
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
5 changed files with 16 additions and 8 deletions

View file

@ -87,7 +87,9 @@
</head> </head>
<body> <body>
{% unless page.no_header %}{% include header.html %}{% endunless %}
{{ content }} {{ content }}
{% unless page.no_footer %}{% include footer.html %}{% endunless %}
</body> </body>
</html> </html>

View file

@ -1,7 +1,6 @@
--- ---
layout: default layout: default
--- ---
{% include header.html %}
<h1 id='logo'>{{ site.title }}</h1> <h1 id='logo'>{{ site.title }}</h1>
{%- if page.autopages %} {%- if page.autopages %}
<div id='subheading'>Posts {{ page.pagination_type | default: "in category" }} "{{ page.autopages.display_name }}"</div> <div id='subheading'>Posts {{ page.pagination_type | default: "in category" }} "{{ page.autopages.display_name }}"</div>
@ -27,9 +26,9 @@ layout: default
{%- if paginator.total_pages > 1 %} {%- if paginator.total_pages > 1 %}
<div id='pagination'> <div id='pagination'>
<a {%- if paginator.previous_page %} href='{{ paginator.previous_page_path | absolute_url }}' {%- endif %}>Newer</a> <a {%- if paginator.previous_page %} href='{{ paginator.previous_page_path | absolute_url }}' rel='prev' {%- endif %}>Newer</a>
Page {{ paginator.page }} of {{ paginator.total_pages }} Page {{ paginator.page }} of {{ paginator.total_pages }}
<a {%- if paginator.next_page %} href='{{ paginator.next_page_path | absolute_url }}' {%- endif %}>Older</a> <a {%- if paginator.next_page %} href='{{ paginator.next_page_path | absolute_url }}' rel='next' {%- endif %}>Older</a>
</div> </div>
{%- endif %} {%- endif %}
</div> </div>

View file

@ -1,7 +1,7 @@
--- ---
layout: default layout: default
--- ---
{% include header.html %} <script data-isso="//isso.bune.city/" src="//isso.bune.city/js/embed.min.js"></script>
<h1 id='post-title'>{{ page.title }}</h1> <h1 id='post-title'>{{ page.title }}</h1>
<main> <main>
<article id='post-content'> <article id='post-content'>
@ -15,7 +15,7 @@ layout: default
{%- if page.tags.size > 0 -%} {%- if page.tags.size > 0 -%}
<i class='material-icons'>label</i> Tags: <i class='material-icons'>label</i> Tags:
{{ " " }}{%- for tag in page.tags -%} {{ " " }}{%- for tag in page.tags -%}
<a href='/tags/{{ tag | downcase }}'>{{ tag }}</a> <a href='/tags/{{ tag | downcase }}' rel='tag'>{{ tag }}</a>
{%- unless tag == page.tags.last %}, {% endunless %} {%- unless tag == page.tags.last %}, {% endunless %}
{%- endfor %} {%- endfor %}
{%- endif %} {%- endif %}
@ -51,7 +51,7 @@ layout: default
</section> </section>
<section id='post-comments'> <section id='post-comments'>
<h2 id='comments'>Leave a comment</h2> <h2 id='comments'>Leave a comment</h2>
coming soon uwu <div id='isso-thread'></div>
</section> </section>
</article> </article>
</main> </main>

View file

@ -1,7 +1,6 @@
body { body {
font-family: "Liberation Sans", "Nimbus Sans", "Arial", "Helvetica", sans-serif; font-family: "Liberation Sans", "Nimbus Sans", "Arial", "Helvetica", sans-serif;
margin: 0; margin: 0;
margin-bottom: 20px;
} }
h1 { h1 {
@ -20,11 +19,17 @@ h1#logo {
margin-top: -20px; margin-top: -20px;
} }
header { header, footer {
font-family: sans-serif; font-family: sans-serif;
background: #fafafa; background: #fafafa;
padding: 0 20px; padding: 0 20px;
} }
footer {
margin-top: 20px;
text-align: center;
padding: 10px 20px;
}
nav { nav {
display: inline-block; display: inline-block;
} }

View file

@ -1,6 +1,8 @@
--- ---
title: Share Bune City Blog post on Mastodon title: Share Bune City Blog post on Mastodon
layout: default layout: default
no_header: true
no_footer: true
--- ---
<script src='/assets/mastodon-share.js'></script> <script src='/assets/mastodon-share.js'></script>
<main> <main>