content/.obsidian/core-plugins.json

@@ -11,5 +11,6 @@
   "markdown-importer",
   "outline",
   "word-count",
+  "open-with-default-app",
   "file-recovery"
 ]

content/.obsidian/workspace

@@ -9,7 +9,7 @@
         "state": {
           "type": "markdown",
           "state": {
-            "file": "Hydroponics.md",
+            "file": "Plant Waterer.md",
             "mode": "source",
             "source": false
           }
@@ -40,7 +40,7 @@
             "state": {
               "type": "search",
               "state": {
-                "query": "",
+                "query": "aside",
                 "matchingCase": false,
                 "explainSearch": false,
                 "collapseAll": false,
@@ -49,7 +49,8 @@
               }
             }
           }
-        ]
+        ],
+        "currentTab": 1
       }
     ],
     "direction": "horizontal",
@@ -69,7 +70,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "Hydroponics.md",
+                "file": "Plant Waterer.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -86,7 +87,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "Hydroponics.md"
+                "file": "Plant Waterer.md"
               }
             }
           }
@@ -99,15 +100,15 @@
   },
   "active": "160122bd13ae4b72",
   "lastOpenFiles": [
-    "Hydroponics Aphid War.md",
+    "Plant Waterer.md",
+    "Linux Flavour.md",
+    "Light Switch.md",
     "Hydroponics.md",
-    "Hand of Ozymandias.md",
+    "Fake Dog.md",
-    "Garage Door Opener.md",
     "Bypassing Ports.md",
     "Backup Strategy.md",
     "Acoustic Panels.md",
-    "About.md",
+    "Hydroponics Aphid War.md",
-    "Plant Waterer.md",
+    "Painting.md"
-    "Linux Flavour.md"
   ]
 }

themes/theme/templates/about.html

@@ -0,0 +1,93 @@
+{% extends "base.html" %}
+
+{% block head %}
+	{{ super() }}
+
+	<meta name="description" content="The personal website of Tanner Collin." />
+	<meta name="summary" content="The personal website of Tanner Collin." />
+{% endblock %}
+
+{% block info %}
+	<picture>
+		<source type="image/webp" srcset="/theme/me.webp">
+		<source type="image/jpeg" srcset="/theme/me.jpg">
+		<img src="/theme/me.jpg" width="128" height="164" class="me" alt="me smiling wide and looking into the camera lit up brightly">
+	</picture>
+
+	<div class="info">
+		<h1>Tanner Collin</h1>
+		<p class="contact-icons">
+			<a href="mailto:site4@tannercollin.com" rel="noreferrer noopener"><img alt="email" src="/theme/mail.svg" width="20" height="20" /></a>
+			<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram" src="/theme/telegram.svg" width="20" height="20" /></a>
+			<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github" src="/theme/github.svg" width="20" height="20" /></a>
+		</p>
+	</div>
+{% endblock %}
+
+{% block content %}
+	<div class="content index">
+		<p>
+			Hi, I'm Tanner! I like home automation, <a href="/sensors">sensors</a>, privacy, bots, Python, Debian, coffee, and makerspaces.
+		</p>
+
+		<h2>Contact Info</h2>
+
+		<p>
+			Email: <a href="mailto:site4@tannercollin.com">site4@tannercollin.com</a> <br />
+			Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
+		</p>
+
+		<h2>Resume</h2>
+
+		<ul>
+			<li>Firmware Engineer at <a class="external" href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
+			<li>Lead Hardware Engineer at <a class="external" href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
+			<li>Electrical Engineer at <a class="external" href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
+			<li>Electrical Engineer Intern at <a class="external" href="https://www.pason.com/" target="_blank" rel="noreferrer noopener">Pason Systems</a>, 2014–2015</li>
+			<li>BSc. Electrical Engineering from University of Calgary</li>
+		</ul>
+
+		<h2>Projects</h2>
+
+		<p>
+			My main hobby is working on software projects. I typically design websites or
+			build tools that make my life easier.
+		</p>
+
+		{% for article in articles_page.object_list if article.category.name == 'Projects' %}
+			<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
+			<div class="summary">
+				{{ article.summary }}
+			</div>
+		{% endfor %}
+
+		<h3>
+			<a class="external" href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs</a>
+		</h3>
+		<div class="summary">
+			<p>A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.</p>
+		</div>
+
+		<h2>Creations</h2>
+
+		<p>Sometimes I create art or interactive tech.</p>
+
+		{% for article in articles_page.object_list if article.category.name == 'Creations' %}
+			<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
+			<div class="summary">
+				{{ article.summary }}
+			</div>
+		{% endfor %}
+
+		<h2>Writing</h2>
+
+		<p>Various articles, mostly about computers.</p>
+
+		{% for article in articles_page.object_list if article.category.name == 'Writing' %}
+			<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
+			<div class="summary">
+				{{ article.summary }}
+			</div>
+		{% endfor %}
+	</div>
+{% endblock %}

themes/theme/templates/article.html

@@ -24,9 +24,17 @@
 
 {% endblock %}
 
+{% block info %}
+				<p>← <a class="return-home" href="/">Return Home</a></p>
+{% endblock %}
+
 {% block content %}
+		{% if article.wide %}
+			<div class="content content-wide">
+		{% else %}
 			<div class="content">
-				<p class="return-home">← <a href="/">Return Home</a></p>
+		{% endif %}
+
 				<header>
 					<h1>{{ article.title }}</h1>
 					<div class="summary">

themes/theme/templates/base.html

@@ -21,6 +21,11 @@
 
 	<body>
 		<div class="container">
+			<div class="bar">
+				{% block info %}
+				{% endblock %}
+			</div>
+
 			{% block content %}
 			{% endblock %}
 		</div>

themes/theme/templates/style.css

@@ -24,7 +24,7 @@
 			}
 
 			.index h3 {
-				font: 1.2rem/1.5 serif;
+				font: 1.1rem/1.5 serif;
 			}
 
 			.source {
@@ -44,7 +44,7 @@
 			}
 
 			.container {
-				max-width: 42rem;
+				max-width: 56rem;
 				margin: 1rem auto 12rem auto;
 			}
 
@@ -79,8 +79,16 @@
 				margin-left: 1.5rem;
 			}
 
+			.content {
+				max-width: 36rem;
+			}
+
+			.content-wide {
+				max-width: none;
+			}
+
 			.content p {
-				font: 1.2rem/1.5 serif;
+				font: 1.1rem/1.5 serif;
 			}
 
 			.content ul {
@@ -88,15 +96,13 @@
 			}
 
 			.content li {
-				font: 1.2rem/1.5 serif;
+				font: 1.1rem/1.5 serif;
 			}
 
 			.content img:not(.floated) {
 				width: 100%;
 				max-width: 36rem;
 				height: auto;
-				display: block;
-				margin: 0 auto;
 			}
 
 			.content .floated {
@@ -112,7 +118,19 @@
 				border-bottom: none;
 			}
 
-			@media screen and (min-width:62rem) {
+			@media screen and (min-width:36rem) {
+				.content {
+					margin-left: 10rem;
+				}
+
+				.bar {
+					margin-top: 2px;
+					float: left;
+					width: 8rem;
+					text-align: right;
+					white-space: nowrap;
+				}
+
 				.content .aside {
 					display: inline;
 					float: left;
@@ -123,6 +141,13 @@
 				}
 			}
 
+			@media screen and (max-width:36rem) {
+				.bar {
+					overflow: auto;
+					margin-bottom: -1rem;
+				}
+			}
+
 
 			body {
 				background-color: #fff;
@@ -139,11 +164,7 @@
 				border-bottom: 1px solid #555;
 			}
 
-			.return-home {
+			a.return-home:visited, a.toclink:visited, .toc a:visited {
-				margin-bottom: 2rem;
-			}
-
-			.return-home a:visited, a.toclink:visited, .toc a:visited {
 				color: inherit;
 				border-bottom: inherit;
 			}