Split home page into two columns
This commit is contained in:
parent
eddde95b57
commit
42698372ad
|
|
@ -20,83 +20,103 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content index">
|
<div class="content content-index">
|
||||||
<p>
|
<p>
|
||||||
Hi, I'm Tanner! I do firmware and web development in Calgary.
|
Hi, I'm Tanner! I do firmware and web development in Calgary.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>Contact Info</h2>
|
<div class="leftcol">
|
||||||
|
<div class="inside">
|
||||||
|
|
||||||
<p>
|
<h2>Contact Info</h2>
|
||||||
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>
|
<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>
|
||||||
|
|
||||||
<ul>
|
<h2>Resume</h2>
|
||||||
<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>
|
<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>
|
||||||
|
|
||||||
<p>
|
<h2>Projects</h2>
|
||||||
My main hobby is working on software projects. I typically design websites or
|
|
||||||
build tools that make my life easier.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>
|
<p>
|
||||||
<a href="https://news.t0.vc/" target="_blank" rel="noreferrer noopener">QotNews</a>
|
My main hobby is working on software projects. I typically design websites or
|
||||||
<a class="source" href="https://git.tannercollin.com/tanner/qotnews" target="_blank" rel="noreferrer noopener">source code</a>
|
build tools that make my life easier.
|
||||||
</h3>
|
</p>
|
||||||
<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>
|
<h3>
|
||||||
<a href="https://notica.us" target="_blank" rel="noreferrer noopener">Notica</a>
|
<a href="https://news.t0.vc/" target="_blank" rel="noreferrer noopener">QotNews</a>
|
||||||
<a class="source" href="https://github.com/tannercollin/Notica" target="_blank" rel="noreferrer noopener">source code</a>
|
— <a class="source" href="https://git.tannercollin.com/tanner/qotnews" target="_blank" rel="noreferrer noopener">source code</a>
|
||||||
</h3>
|
</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">
|
<div class="summary">
|
||||||
{{ article.summary }}
|
<p>Hacker News, Reddit, Lobsters, and Tildes articles pre-rendered in reader mode. Optimized for speed and distraction-free reading.</p>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
|
||||||
|
<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>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -16,12 +16,7 @@ a {
|
||||||
font: 1.2rem/1.0 Lato,sans-serif;
|
font: 1.2rem/1.0 Lato,sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.index h3 {
|
|
||||||
font: 1.2rem/1.5 Apparatus SIL,serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.source {
|
.source {
|
||||||
float: right;
|
|
||||||
font: 1rem/1.5 Apparatus SIL,serif;
|
font: 1rem/1.5 Apparatus SIL,serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -78,9 +73,17 @@ pre {
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-wide {
|
.content-wide {
|
||||||
|
max-width: 46rem;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-index {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content-index h3 {
|
||||||
|
font: 1.2rem/1.5 Apparatus SIL,serif;
|
||||||
|
}
|
||||||
|
|
||||||
.content p {
|
.content p {
|
||||||
font: 1.2rem/1.5 Apparatus SIL,serif;
|
font: 1.2rem/1.5 Apparatus SIL,serif;
|
||||||
}
|
}
|
||||||
|
|
@ -180,6 +183,30 @@ pre {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width:58rem) {
|
||||||
|
.container {
|
||||||
|
max-width: 75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftcol {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
margin-top: -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftcol > .inside {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightcol {
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightcol > .inside {
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user