Fix lite theme to work with Obsidian

themes/lite/templates/article.html

@@ -6,8 +6,14 @@
 {% block style %}
 
 <style>
-p, h2, h3, h4, h5 {
-	margin: 0;
+a.external {
+	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
+	background-position: center right;
+	background-repeat: no-repeat;
+	padding-right: 15px;
+}
+.content {
+	max-width: 600px;
 }
 .toclink {
 	color: black;
@@ -37,9 +43,11 @@ img {
 {% endblock %}
 
 {% block content %}
+<div class="content">
 <h1>{{ article.title }}</h1>
 {{ article.summary }}
 {{ article.locale_date }}
 <hr />
 {{ article.content }}
+</div>
 {% endblock %}

themes/lite/templates/base.html

@@ -1,2 +1,2 @@
-{% block meta %}{% endblock %}<link rel=icon href=data:,>{% block style %}{% endblock %}<pre style=font:unset>{% block content %}
+{% block meta %}{% endblock %}<link rel=icon href=data:,>{% block style %}{% endblock %}{% block content %}
 {% endblock %}

themes/lite/templates/creations.html

@@ -6,6 +6,7 @@
 {% endblock %}
 
 {% block content %}
+<pre style=font:unset>
 Creations
 =========
 

themes/lite/templates/index.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block content %}
-Hi, I'm Tanner! I like home automation, privacy, bots,
-Python, <a href=d>sensors*</a>, Debian, coffee, and makerspaces.
+<pre style=font:unset>Hi, I'm Tanner! I like home automation, privacy, bots,
+Python, <a href=d>sensors</a>, Debian, coffee, and makerspaces.
 
 Please sign my <a href=g>Guest Book</a>!
 
@@ -18,14 +18,13 @@ BSc. Electrical Engineering from University of Calgary
 
 Projects
 
-<a href=q>QotNews*
-<a href=n>Notica*
-<a href=m>Spaceport*
-<a href=t>t0txt*
+{% for article in articles_page.object_list if article.category.name == 'Projects' %}
+{% if loop.index <= 4 %}
+<a href={{ article.url }}>{{ article.title }}
+{% endif %}
+{% endfor %}
 <a href=y>[more]</a>
 
-* external link
-
 Creations
 
 {% for article in articles_page.object_list if article.category.name == 'Creations' %}

themes/lite/templates/projects.html

@@ -6,27 +6,18 @@
 {% endblock %}
 
 {% block content %}
+<pre style=font:unset>
 Projects
 ========
 
 My main hobby is working on software projects. I typically design websites or
 build tools that make my life easier. 
 
-<a href="https://news.t0.vc/" target="_blank" rel="noreferrer noopener">QotNews*</a> - <a class="source" href="https://git.tannercollin.com/tanner/qotnews" target="_blank" rel="noreferrer noopener">source code*</a>
-    Hacker News, Reddit, Lobsters, and Tildes articles pre-rendered in reader mode.
-    Optimized for speed and distraction-free reading.
-
-<a href="https://notica.us" target="_blank" rel="noreferrer noopener">Notica*</a> - <a class="source" href="https://github.com/tannercollin/Notica" target="_blank" rel="noreferrer noopener">source code*</a>
-    Send browser notifications from your terminal. No installation. No registration.
-
-<a href="https://my.protospace.ca" target="_blank" rel="noreferrer noopener">Spaceport*</a> - <a class="source" href="https://github.com/Protospace/spaceport" target="_blank" rel="noreferrer noopener">source code*</a>
-    Makerspace members' portal for Calgary Protospace. It tracks membership,
-    courses, training, access cards, and more.
-
-<a href="https://txt.t0.vc" target="_blank" rel="noreferrer noopener">t0txt*</a> - <a class="source" href="https://github.com/tannercollin/t0txt" target="_blank" rel="noreferrer noopener">source code*</a>
-    Minimal command line pastebin. Allows you to upload text notes from a bash pipe
-    or web browser.
+{% for article in articles if article.category.name == 'Projects' %}
+<a href="/{{ article.url }}">{{ article.title }}</a>
+    {{ article.summary | striptags }}
 
+{% endfor %}
 <a href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs*</a>
     A filesystem that mounts your Standard Notes account as a directory of text
     files that you can edit.

themes/lite/templates/writing.html

@@ -6,6 +6,7 @@
 {% endblock %}
 
 {% block content %}
+<pre style=font:unset>
 Writing
 =======