personal-site/themes/theme/templates/index.html

{% 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 %}
	<img src="/theme/me.jpg" width="128" class="me" alt="me smiling wide and looking into the camera lit up brightly" />
	<div class="info">
		<h1>Tanner Collin</h1>
		<p class="contact-icons">
			<a href="mailto:site2@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 content-index">
		<p>
			Hi, I'm Tanner! I do firmware and web development in Calgary.
		</p>

		<div class="leftcol">
		<div class="inside">

			<h2>Contact Info</h2>

			<p>
				Email: <a href="mailto:site2@tannercollin.com">site2@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 href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
				<li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
				<li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
				<li>Electrical Engineer Intern at <a 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>

			<h3>
				<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>
			</h3>
			<div class="summary">
				<p>Hacker News, Reddit, Lobsters, and Tildes articles pre-rendered in reader mode. Optimized for speed and distraction-free reading.</p>
			</div>

			<h3>
				<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>
			</h3>
			<div class="summary">
				<p>Send browser notifications from your terminal. No installation. No registration.</p>
			</div>

			<h3>
				<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>
			</h3>
			<div class="summary">
				<p>Makerspace members' portal for Calgary Protospace. It tracks membership, courses, training, access cards, and more.</p>
			</div>

			<h3>
				<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>
			</h3>
			<div class="summary">
				<p>Minimal command line pastebin. Allows you to upload text notes from a bash pipe or web browser.</p>
			</div>

			<h3>
				<a 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>
		</div>
		</div>

		<div class="rightcol">
		<div class="inside">
			<h2>Creations</h2>

			<p>Sometimes I create art or interactive tech.</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 %}

			<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>
		</div>
	</div>
{% endblock %}