Layout changes

content/.obsidian/core-plugins.json

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

content/.obsidian/workspace

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

themes/theme/templates/about.html

@@ -1,93 +0,0 @@
-{% 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,17 +24,9 @@
 
 {% 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">
-		{% endif %}
+				<p class="return-home">← <a href="/">Return Home</a></p>
-
 				<header>
 					<h1>{{ article.title }}</h1>
 					<div class="summary">

themes/theme/templates/base.html

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