diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/404.html | 8 | ||||
-rw-r--r-- | templates/base.html | 39 | ||||
-rw-r--r-- | templates/favicon.html | 3 | ||||
-rw-r--r-- | templates/footer.html | 3 | ||||
-rw-r--r-- | templates/header.html | 4 | ||||
-rw-r--r-- | templates/index.html | 7 | ||||
-rw-r--r-- | templates/nav.html | 6 | ||||
-rw-r--r-- | templates/page.html | 33 | ||||
-rw-r--r-- | templates/section.html | 38 | ||||
-rw-r--r-- | templates/seo_tags.html | 1 | ||||
-rw-r--r-- | templates/style.html | 173 | ||||
-rw-r--r-- | templates/taxonomy_list.html | 14 | ||||
-rw-r--r-- | templates/taxonomy_single.html | 30 |
13 files changed, 359 insertions, 0 deletions
diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..bfb6e35 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,8 @@ +{% extends "base.html" %} + +{% block title %}404{% endblock %} + +{% block main %} +<h1>404</h1> +<h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2> +{% endblock %} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..299e92a --- /dev/null +++ b/templates/base.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="{{ lang or "en-US" }}"> + +<head> + <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" /> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + {%- include "favicon.html" ignore missing -%} + <title>{%- block title %}{{ config.title }}{%- endblock %}</title> + + {%- include "seo_tags.html" ignore missing -%} + <meta name="referrer" content="no-referrer-when-downgrade" /> + + {%- if config.generate_feed %} + {%- block rss -%} + <link rel="alternate" type={% if config.feed_filename == "atom.xml" %}"application/atom+xml"{% else %}"application/rss+xml"{% endif %} title="{{ config.title }}" href="{{ get_url(path=config.feed_filename) | safe }}"> + {% endblock -%} + {%- endif %} + + {%- include "style.html" ignore missing -%} + + {%- include "custom_head.html" ignore missing -%} +</head> + +<body> + <header> + {%- include "header.html" ignore missing -%} + </header> + <main> + {%- block main %}{%- endblock %} + </main> + <footer> + {%- include "footer.html" ignore missing -%} + </footer> + + {%- include "custom_body.html" ignore missing -%} +</body> + +</html> diff --git a/templates/favicon.html b/templates/favicon.html new file mode 100644 index 0000000..51d9fbd --- /dev/null +++ b/templates/favicon.html @@ -0,0 +1,3 @@ +{% if config.extra.favicon %} + <link rel="shortcut icon" href="{{ config.extra.favicon }}" /> +{%- endif %} diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..97d6b89 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,3 @@ +{% if not config.extra.hide_made_with_line %} +Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a> +{% endif %} diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..64c79f0 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,4 @@ +<a href="{{ config.base_url }}" class="title"> + <h2>{{ config.title }}</h2> +</a> +<nav>{% include "nav.html" %}</nav> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..31710be --- /dev/null +++ b/templates/index.html @@ -0,0 +1,7 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {{ section.content | safe }} +</content> +{% endblock %} diff --git a/templates/nav.html b/templates/nav.html new file mode 100644 index 0000000..135e407 --- /dev/null +++ b/templates/nav.html @@ -0,0 +1,6 @@ +<a href="{{ config.base_url }}">Home</a> +{%- if config.extra.main_menu %} +{%- for item in config.extra.main_menu %} +<a href="{{ get_url(path=item.url )}}">{{ item.name }}</a> +{%- endfor %} +{%- endif %} diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..bf9eca7 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,33 @@ +{% extends "base.html" %} + +{% block title %} +{{ page.title }} | {{ super() }} +{% endblock %} + +{% block main %} +{%- if not page.extra.menu %} +<h1>{{ page.title }}</h1> +{%- if page.date %} +<p> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> +</p> +{%- endif %} +{%- endif %} +<content> + {{ page.content | safe }} +</content> +<p> + {%- if page.taxonomies %} + {%- for name, taxon in page.taxonomies %} + {{ name | capitalize }}: + {%- for item in taxon %} + <a href="{{ get_taxonomy_url(kind=name, name=item) }}">#{{ item }}</a> + {%- endfor %} + {%- endfor %} + {%- endif %} +</p> +{% endblock %} diff --git a/templates/section.html b/templates/section.html new file mode 100644 index 0000000..6801267 --- /dev/null +++ b/templates/section.html @@ -0,0 +1,38 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {%- if taxonomy.term %} + <h3 style="margin-bottom:0">Filtering for "{{ section.title }}"</h3> + <small> + <a href="{{ get_url(path="@/blog/_index.md") }}">Remove filter</a> + </small> + {%- endif %} + <ul class="blog-posts"> + {% for page in section.pages | reverse %} + <li> + <span> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> + </span> + <a href="{{ page.permalink }}">{{ page.title }}</a> + </li> + {% else %} + <li> + No posts yet + </li> + {% endfor %} + </ul> + <small> + <div> + {% set tags = get_taxonomy(kind="tags") %} + {% for post in tags.items %} + <a href="{{ post.permalink }}">#{{ post.name }}</a> + {% endfor %} + </div> + </small> +</content> +{% endblock %} diff --git a/templates/seo_tags.html b/templates/seo_tags.html new file mode 100644 index 0000000..88c14e0 --- /dev/null +++ b/templates/seo_tags.html @@ -0,0 +1 @@ +<meta name="title" content="{% if page.title %}{{ page.title }}{% else %}{{ config.title }}{% endif %}" /> diff --git a/templates/style.html b/templates/style.html new file mode 100644 index 0000000..122a641 --- /dev/null +++ b/templates/style.html @@ -0,0 +1,173 @@ +<style> + body { + font-family: Verdana, sans-serif; + margin: auto; + padding: 20px; + max-width: 720px; + text-align: left; + background-color: #fff; + word-wrap: break-word; + overflow-wrap: break-word; + line-height: 1.5; + color: #444; + } + + h1, + h2, + h3, + h4, + h5, + h6, + strong, + b { + color: #222; + } + + a { + color: #3273dc; + /*color: #ff5e6c;*/ + } + + .title { + text-decoration: none; + border: 0; + } + + .title span { + font-weight: 400; + } + + nav a { + margin-right: 10px; + } + + textarea { + width: 100%; + font-size: 16px; + } + + input { + font-size: 16px; + } + + content { + line-height: 1.6; + } + + table { + width: 100%; + } + + img { + max-width: 100%; + } + + code { + padding: 2px 5px; + background-color: #f2f2f2; + } + + pre code { + color: #222; + display: block; + padding: 20px; + white-space: pre-wrap; + font-size: 14px; + overflow-x: auto; + } + + div.highlight pre { + background-color: initial; + color: initial; + } + + div.highlight code { + background-color: unset; + color: unset; + } + + blockquote { + border-left: 1px solid #999; + color: #222; + padding-left: 20px; + font-style: italic; + } + + footer { + padding: 25px; + text-align: center; + } + + .helptext { + color: #777; + font-size: small; + } + + .errorlist { + color: #eba613; + font-size: small; + } + + /* blog posts */ + ul.blog-posts { + list-style-type: none; + padding: unset; + } + + ul.blog-posts li { + display: flex; + } + + ul.blog-posts li span { + flex: 0 0 130px; + } + + ul.blog-posts li a:visited { + color: #8b6fcb; + } + + @media (prefers-color-scheme: dark) { + body { + background-color: #333; + color: #ddd; + } + + h1, + h2, + h3, + h4, + h5, + h6, + strong, + b { + color: #eee; + } + + a { + color: #8cc2dd; + } + + code { + background-color: #777; + } + + pre code { + color: #ddd; + } + + blockquote { + color: #ccc; + } + + textarea, + input { + background-color: #252525; + color: #ddd; + } + + .helptext { + color: #aaa; + } + } + +</style> diff --git a/templates/taxonomy_list.html b/templates/taxonomy_list.html new file mode 100644 index 0000000..876087c --- /dev/null +++ b/templates/taxonomy_list.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} + +{% block main %} +<content> + <small> + <div> + {% set tags = get_taxonomy(kind="tags") %} + {% for post in tags.items %} + <a href="{{ post.permalink }}">#{{ post.name }}</a> + {% endfor %} + </div> + </small> +</content> +{% endblock %} diff --git a/templates/taxonomy_single.html b/templates/taxonomy_single.html new file mode 100644 index 0000000..685eaf5 --- /dev/null +++ b/templates/taxonomy_single.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {%- if taxonomy.term %} + <h3 style="margin-bottom:0">Filtering for "{{ term.name }}"</h3> + <small> + <a href="{{ get_url(path="@/blog/_index.md") }}">Remove filter</a> + </small> + {%- endif %} + <ul class="blog-posts"> + {% for page in term.pages | reverse %} + <li> + <span> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> + </span> + <a href="{{ page.permalink }}">{{ page.title }}</a> + </li> + {% else %} + <li> + No posts yet + </li> + {% endfor %} + </ul> +</content> +{% endblock %} |