Fix lite theme to work with Obsidian

content/.obsidian/workspace

@@ -9,7 +9,7 @@
         "state": {
           "type": "markdown",
           "state": {
-            "file": "t0txt.md",
+            "file": "QotNews.md",
             "mode": "source",
             "source": false
           }
@@ -69,7 +69,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "t0txt.md",
+                "file": "QotNews.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -86,7 +86,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "t0txt.md"
+                "file": "QotNews.md"
               }
             }
           }
@@ -98,13 +98,13 @@
   },
   "active": "7f0602e2f0f19f5d",
   "lastOpenFiles": [
+    "QotNews.md",
+    "Protospace.md",
     "t0txt.md",
     "Notica.md",
     "Spaceport.md",
     "Backup Strategy.md",
-    "Protospace.md",
     "p.md",
-    "QotNews.md",
     "media/Screenshot from 2022-05-18 16-24-38.png",
     "media/Pasted image 20220518162452.png",
     "media/Pasted image 20220518162414.png"

content/Protospace.md

@@ -3,7 +3,7 @@ Date: 2022-05-01
 Category: Writing
 Summary: An outline of my projects at Calgary's makerspace Protospace.
 Wide: true
-Short: protospace
+Short: p
 
 [Protospace](https://protospace.ca) is Calgary's original makerspace, a place where people go to make things and work on projects. It's a two-bay industrial shop with a full wood working area, metal working area, electronics lab, two laser cutters, five 3D printers, and sewing room. Members pay $55/month for 24/7 access to the facility and everyone is equal: Protospace has no owners and decisions are made by the membership.
 

content/QotNews.md

@@ -10,8 +10,8 @@ You can find the [source code](https://git.tannercollin.com/tanner/qotnews) on m
 
 ![[qotnews1.png]]
 
-I tried to make QotNews the perfect news site for me. I easily get annoyed by cookie banners and distracted by visual clutter when reading normal news articles. I especially hate auto-playing videos and "download our app" popups. All articles are in consistent styling that's easy to read:
+I tried to make QotNews the perfect news site for me. I easily get annoyed by cookie banners and distracted by visual clutter when reading normal news articles. I especially hate auto-playing videos and "download our app" popups. All articles have consistent styling that's easy to read:
 
 ![[qotnews2.png]]
 
-It's by far my favourite project and has paid the most dividends for the amount of time I invested in programming it. I use it multiple times per day and it's become the main source of all my news. Since all the articles and comments are preloaded and saved in Local Storage, it's also great for reading on airplanes.
+It's by far my favourite project and has paid the most dividends for the amount of time I invested in programming it. I use it multiple times per day and it's become the main source of all my news. Since all the articles and comments are preloaded and saved in localStorage, it's also great for reading on airplanes.

pelicanconf_lite.py

@@ -35,7 +35,12 @@ MARKDOWN = {
     'output_format': 'html5',
 }
 
-STATIC_PATHS = ['images', 'extra']
+PLUGINS = [
+    'obsidian',
+    'linkclass',
+]
+
+STATIC_PATHS = ['media', 'extra', 'text']
 
 EXTRA_PATH_METADATA = {
     #'extra/favicon.svg': {'path': 'favicon.svg'},

publishconf_lite.py

@@ -35,7 +35,12 @@ MARKDOWN = {
     'output_format': 'html5',
 }
 
-STATIC_PATHS = ['images', 'extra', 'text']
+PLUGINS = [
+    'obsidian',
+    'linkclass',
+]
+
+STATIC_PATHS = ['media', 'extra', 'text']
 
 EXTRA_PATH_METADATA = {
     #'extra/favicon.svg': {'path': 'favicon.svg'},

themes/lite/templates/article.html

@@ -6,8 +6,14 @@
 {% block style %}
 
 <style>
-p, h2, h3, h4, h5 {
+a.external {
-	margin: 0;
+	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,
+<pre style=font:unset>Hi, I'm Tanner! I like home automation, privacy, bots,
-Python, <a href=d>sensors*</a>, Debian, coffee, and makerspaces.
+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*
+{% for article in articles_page.object_list if article.category.name == 'Projects' %}
-<a href=n>Notica*
+{% if loop.index <= 4 %}
-<a href=m>Spaceport*
+<a href={{ article.url }}>{{ article.title }}
-<a href=t>t0txt*
+{% 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>
+{% for article in articles if article.category.name == 'Projects' %}
-    Hacker News, Reddit, Lobsters, and Tildes articles pre-rendered in reader mode.
+<a href="/{{ article.url }}">{{ article.title }}</a>
-    Optimized for speed and distraction-free reading.
+    {{ article.summary | striptags }}
-
-<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.
 
+{% 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
 =======