aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorChristian Cleberg <hello@cleberg.net>2024-04-27 17:01:13 -0500
committerChristian Cleberg <hello@cleberg.net>2024-04-27 17:01:13 -0500
commit74992aaa27eb384128924c4a3b93052961a3eaab (patch)
treed5193997d72a52f7a6d6338ea5da8a6c80b4eddc /templates
parent3def68d80edf87e28473609c31970507d9f03467 (diff)
downloadcleberg.net-74992aaa27eb384128924c4a3b93052961a3eaab.tar.gz
cleberg.net-74992aaa27eb384128924c4a3b93052961a3eaab.tar.bz2
cleberg.net-74992aaa27eb384128924c4a3b93052961a3eaab.zip
test conversion back to markdown
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html48
-rw-r--r--templates/blog.html18
-rw-r--r--templates/index.html42
-rw-r--r--templates/page.html51
-rw-r--r--templates/wiki.html16
5 files changed, 175 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..e867cb9
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+ {% block title %}
+ <title>cleberg.net</title>
+ {% endblock %}
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="theme-color" content="#111" media="(prefers-color-scheme: dark)">
+ <meta name="theme-color" content="#fff" media="(prefers-color-scheme: light)">
+ {% if page %}
+ {% if page.description %}
+ <meta name="description" content="{{ page.description }}">
+ {% elif config.description %}
+ <meta name="description" content="{{ config.description }}">
+ {% endif %}
+ {% elif config.description %}
+ <meta name="description" content="{{ config.description }}" />
+ {% endif %}
+
+ {% block rss %}
+ <link rel="alternate" type="application/atom+xml" title="RSS" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
+ {% endblock %}
+
+ {% block css %}
+ <link rel="stylesheet" href="/styles.min.css">
+ {% endblock css %}
+
+ {% block extra_head %}{% endblock extra_head %}
+</head>
+<body>
+ <nav class="site-nav" aria-label="site-nav" role="navigation">
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/blog/">Blog</a></li>
+ <li><a href="/services/">Services</a></li>
+ <li><a href="/wiki/">Wiki</a></li>
+ </ul>
+ </nav>
+
+ <main>{% block content %}{% endblock content %}</main>
+
+ <footer>
+ <p>Last build: {{ now() | date(format="%Y-%m-%d %H:%M:%S") }}</p>
+ <p><a href="https://git.cleberg.net/?p=cleberg.net.git;a=summary" target="_blank" rel="noopener">Source Code</a></p>
+ <p><a href="/atom.xml">Atom RSS Feed</a></p>
+ </footer>
+</body>
+</html>
diff --git a/templates/blog.html b/templates/blog.html
new file mode 100644
index 0000000..184587b
--- /dev/null
+++ b/templates/blog.html
@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1>{{ section.title }}</h1>
+<p>Use <code>Ctrl + F</code> to search blog post titles for keywords.</p>
+<p>You can also add the <a href="/atom.xml">Atom RSS Feed</a> to your feed reader.</p>
+{% set post_date = "1970-01-01" | date(format="%Y") %}
+{% for page in section.pages %}
+ {% if post_date != page.date | date(format="%Y") %}
+ {% set_global post_date = page.date | date(format="%Y") %}
+ <h2>{{ post_date }}</h2>
+ {% endif %}
+ <div class="post">
+ <time datetime="{{ page.date | date(format='%Y-%m-%d %H:%M:%S') }}">{{ page.date | date(format='%Y-%m-%d') }}</time>
+ <a href="/blog/{{ page.slug }}/">{{ page.title }}</a>
+ </div>
+{% endfor %}
+{% endblock content %}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..5f14396
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,42 @@
+{% extends "base.html" %}
+
+{% block content %}
+<section>
+ <h1>cleberg.net</h1>
+ <pre>pub rsa4096 2022-11-16 [SC]
+ <a href="/gpg.txt">3917 973F B159 BBB8 6194 5385 6945 1A51 7AC0 CB37</a>
+uid [ultimate] Christian Cleberg &lt;hello@cleberg.net&gt;</pre>
+</section>
+<section>
+ <h2>Recent Blog Posts</h2>
+ {% set section = get_section(path="blog/_index.md") %}
+ {% set i = 0 %}
+ {% for page in section.pages %}
+ {% if i < 3%}
+ {% set_global i = i + 1%}
+ <div class="post">
+ <time datetime="{{ page.date | date(format='%Y-%m-%d %H:%M:%S') }}">{{ page.date | date(format='%Y-%m-%d') }}</time>
+ <a href="/blog/{{ page.slug }}/">{{ page.title }}</a>
+ </div>
+ {% endif %}
+ {% endfor %}
+ <br>
+ <a href="/blog/">All Posts &rarr;</a>
+</section>
+<section>
+ <h2>Everything Else</h2>
+ <ul>
+ <li><a href="/salary/">Salary</a></li>
+ <li><a href="/services/">Services</a></li>
+ <li><a href="/wiki/">Wiki</a></li>
+ </ul>
+</section>
+<section>
+ <h2>Contact</h2>
+ <ul>
+ <li>hello [at] cleberg.net (<a href="/gpg.txt">GPG</a>)</li>
+ <li><a href="https://matrix.to/#/@cyborg:matrix.tchncs.de" target="_blank" rel="noopener">@cyborg:@matrix.tchncs.de</a></li>
+ <li><a href="https://git.cleberg.net/" target="_blank" rel="noopener">Git</a></li>
+ </ul>
+</section>
+{% endblock content %}
diff --git a/templates/page.html b/templates/page.html
new file mode 100644
index 0000000..b858d1a
--- /dev/null
+++ b/templates/page.html
@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+
+{% block title %}
+<title>{{ page.title }} | cleberg.net</title>
+{% endblock %}
+
+{% block css %}
+<link rel="stylesheet" href="/syntax-theme-dark.css" media="(prefers-color-scheme: dark)">
+<link rel="stylesheet" href="/syntax-theme-light.css" media="(prefers-color-scheme: light)">
+<link rel="stylesheet" href="/styles.css">
+{% endblock css %}
+
+{% block content %}
+<section class="post-metadata">
+ <h1>{{ page.title }}</h1>
+ {% if page.date %}
+ <p><time datetime="{{ page.date | date(format='%Y-%m-%d %H:%M:%S') }}">{{ page.date }}</time></p>
+ {% endif %}
+ {% if page.updated %}
+ <p>Last Updated: <time datetime="{{ page.updated | date(format='%Y-%m-%d %H:%M:%S') }}">{{ page.updated }}</time></p>
+ {% endif %}
+ <p>{{ page.word_count }} words; {{ page.reading_time }} minute(s)</p>
+{% if page.toc %}
+ <details open>
+ <summary>Table of Contents</summary>
+ <nav class="page-nav" aria-label="page-nav" role="navigation">
+ <ul>
+ {% for h1 in page.toc %}
+ <li>
+ <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
+ {% if h1.children %}
+ <ul>
+ {% for h2 in h1.children %}
+ <li>
+ <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+ </li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </details>
+{% endif %}
+</section>
+
+<article role="article">
+{{ page.content | safe }}
+</article>
+{% endblock content %}
diff --git a/templates/wiki.html b/templates/wiki.html
new file mode 100644
index 0000000..a61d197
--- /dev/null
+++ b/templates/wiki.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1>{{ section.title }}</h1>
+<p>Use <code>Ctrl + F</code> to search wiki pages for keywords.</p>
+<div class="wiki-post">
+ <p>Wiki Page</p>
+ <p>Last Updated</p>
+</div>
+{% for page in section.pages %}
+ <div class="wiki-post">
+ <p><a href="/wiki/{{ page.slug }}/">{{ page.title }}</a></p>
+ <time datetime="{{ page.updated | date(format='%Y-%m-%d %H:%M:%S') }}">{{ page.updated | date(format='%Y-%m-%d')}}</p>
+ </div>
+{% endfor %}
+{% endblock content %}