13 files changed, 351 insertions, 0 deletions
diff --git a/themes/bear/templates/404.html b/themes/bear/templates/404.html
new file mode 100644
index 0000000..15fd75c
--- /dev/null
+++ b/themes/bear/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/themes/bear/templates/base.html b/themes/bear/templates/base.html
new file mode 100644
index 0000000..4ba8442
--- /dev/null
+++ b/themes/bear/templates/base.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="{{ lang | default(value="en-US" ) }}">
+<head>
+  <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>
+  {% include "header.html" ignore missing -%}
+  {% block main %}{%- endblock -%}
+  {% include "footer.html" ignore missing -%}
+  {% include "custom_body.html" ignore missing -%}
+</body>
+</html>
diff --git a/themes/bear/templates/favicon.html b/themes/bear/templates/favicon.html
new file mode 100644
index 0000000..28b504d
--- /dev/null
+++ b/themes/bear/templates/favicon.html
@@ -0,0 +1,3 @@
+{% if config.extra.favicon %}
+  <link rel="shortcut icon" href="{{ config.extra.favicon }}">
+{%- endif -%}
diff --git a/themes/bear/templates/footer.html b/themes/bear/templates/footer.html
new file mode 100644
index 0000000..c952a93
--- /dev/null
+++ b/themes/bear/templates/footer.html
@@ -0,0 +1,5 @@
+<footer>
+  {%- if not config.extra.hide_made_with_line %}
+    Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
+  {%- endif %}
+</footer>
diff --git a/themes/bear/templates/header.html b/themes/bear/templates/header.html
new file mode 100644
index 0000000..c1d3c3e
--- /dev/null
+++ b/themes/bear/templates/header.html
@@ -0,0 +1,8 @@
+<header>
+  <a href="{{ config.base_url }}" class="title">
+    <h2>{{ config.title }}</h2>
+  </a>
+  <nav>
+    {% include "nav.html" %}
+  </nav>
+</header>
diff --git a/themes/bear/templates/index.html b/themes/bear/templates/index.html
new file mode 100644
index 0000000..6caf1d5
--- /dev/null
+++ b/themes/bear/templates/index.html
@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+{% block main %}
+  <main>
+    {{ section.content | safe }}
+  </main>
+{% endblock %}
diff --git a/themes/bear/templates/nav.html b/themes/bear/templates/nav.html
new file mode 100644
index 0000000..e006ab1
--- /dev/null
+++ b/themes/bear/templates/nav.html
@@ -0,0 +1,10 @@
+<a href="{{ config.base_url }}">Home</a>
+{%- if config.extra.main_menu %}
+  {%- for item in config.extra.main_menu %}
+    {%- if item.url is matching("https?://") %}
+      <a href="{{ item.url }}">{{ item.name }}</a>
+    {%- else %}
+      <a href="{{ get_url(path=item.url )}}">{{ item.name }}</a>
+    {%- endif %}
+  {%- endfor %}
+{%- endif -%}
diff --git a/themes/bear/templates/page.html b/themes/bear/templates/page.html
new file mode 100644
index 0000000..89de955
--- /dev/null
+++ b/themes/bear/templates/page.html
@@ -0,0 +1,31 @@
+{% 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=config.extra.date_format) -}}
+          </time>
+        </i>
+      </p>
+    {%- endif %}
+  {%- endif %}
+  <main>
+    {{ page.content | safe }}
+  </main>
+  <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/themes/bear/templates/section.html b/themes/bear/templates/section.html
new file mode 100644
index 0000000..e596ffb
--- /dev/null
+++ b/themes/bear/templates/section.html
@@ -0,0 +1,38 @@
+{% extends "base.html" %}
+
+{% block main %}
+  <main>
+    {%- 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 %}
+        <li>
+          <span>
+            <i>
+              <time datetime='{{ page.date | date(format='%+') }}' pubdate>
+                {{ page.date | date(format=config.extra.date_format) }}
+              </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>
+  </main>
+{% endblock %}
diff --git a/themes/bear/templates/seo_tags.html b/themes/bear/templates/seo_tags.html
new file mode 100644
index 0000000..797569a
--- /dev/null
+++ b/themes/bear/templates/seo_tags.html
@@ -0,0 +1 @@
+<meta name="title" content="{% if page.title %}{{ page.title }}{% else %}{{ config.title }}{% endif %}">
diff --git a/themes/bear/templates/style.html b/themes/bear/templates/style.html
new file mode 100644
index 0000000..4744695
--- /dev/null
+++ b/themes/bear/templates/style.html
@@ -0,0 +1,172 @@
+<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;
+  }
+
+  .title {
+    text-decoration: none;
+    border: 0;
+  }
+
+  .title span {
+    font-weight: 400;
+  }
+
+  nav a {
+    margin-right: 10px;
+  }
+
+  textarea {
+    width: 100%;
+    font-size: 1rem;
+  }
+
+  input {
+    font-size: 1rem;
+  }
+
+  main,article {
+    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: 0.875rem;
+    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/themes/bear/templates/taxonomy_list.html b/themes/bear/templates/taxonomy_list.html
new file mode 100644
index 0000000..69d9fa2
--- /dev/null
+++ b/themes/bear/templates/taxonomy_list.html
@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block main %}
+  <main>
+    <small>
+      <div>
+        {% set tags = get_taxonomy(kind="tags") %}
+        {% for post in tags.items %}
+          <a href="{{ post.permalink }}">#{{ post.name }}</a>&nbsp;
+        {% endfor %}
+      </div>
+    </small>
+  </main>
+{% endblock %}
diff --git a/themes/bear/templates/taxonomy_single.html b/themes/bear/templates/taxonomy_single.html
new file mode 100644
index 0000000..d5712b0
--- /dev/null
+++ b/themes/bear/templates/taxonomy_single.html
@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+
+{% block main %}
+  <main>
+    {%- 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 %}
+        <li>
+          <span>
+            <i>
+              <time datetime='{{ page.date | date(format='%+') }}' pubdate>
+                {{ page.date | date(format=config.extra.date_format) }}
+              </time>
+            </i>
+          </span>
+          <a href="{{ page.permalink }}">{{ page.title }}</a>
+        </li>
+      {% else %}
+        <li>
+          No posts yet
+        </li>
+      {% endfor %}
+    </ul>
+  </main>
+{% endblock %}