{% 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 technical projects. I typically design websites or
			build tools that make my life easier. Sometimes art.
		</p>

		<p>
			You can find my code on <a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener">GitHub</a>.
		</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 %}
	</div>
{% endblock %}