{% 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" class="me" alt="A picture of me smiling" />
	<div class="info">
		Tanner Collin
		<p class="contact-icons">
			<a href="mailto:site2@tannercollin.com" rel="noreferrer noopener"><img alt="email icon" src="/theme/mail.svg" /></a>
			<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
			<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github logo" src="/theme/github.svg" /></a>
		</p>
		<p class='theme-select'>
			<a onClick="setTheme('light')">Light</a> / <a onClick="setTheme('dark')">Dark</a>
		</p>
	</div>
{% endblock %}

{% block content %}
	<div class="content">

		<div class="topbar">
			{{ info() }}
		</div>

		<p>
			Hi, I'm Tanner! I do firmware and web development in Calgary.
		</p>

		<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>

		<h2>Creations</h2>

		<p>Sometimes I create art or interactive tech.</>

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