diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 48 | ||||
| -rw-r--r-- | templates/blog.html | 18 | ||||
| -rw-r--r-- | templates/index.html | 42 | ||||
| -rw-r--r-- | templates/page.html | 51 | ||||
| -rw-r--r-- | templates/wiki.html | 16 |
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 <hello@cleberg.net></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 →</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 %} |