about summary refs log tree commit diff stats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/404.html8
-rw-r--r--templates/base.html39
-rw-r--r--templates/favicon.html3
-rw-r--r--templates/footer.html3
-rw-r--r--templates/header.html4
-rw-r--r--templates/index.html7
-rw-r--r--templates/nav.html6
-rw-r--r--templates/page.html33
-rw-r--r--templates/section.html38
-rw-r--r--templates/seo_tags.html1
-rw-r--r--templates/style.html173
-rw-r--r--templates/taxonomy_list.html14
-rw-r--r--templates/taxonomy_single.html30
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>&nbsp;
+      {% 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>&nbsp;
+      {% 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 %}