tanner/personal-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Layout changes

Browse Source
This commit is contained in:
Tanner Collin 2022-09-25 14:27:16 -06:00
parent e6ee39a113
commit 8f97640709
4 changed files with 13 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
themes/theme/templates/about.html
View File

@ -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 %}

10
themes/theme/templates/article.html
View File

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

5
themes/theme/templates/base.html
View File

@ -21,11 +21,6 @@
<body>
<div class="container">
<div class="bar">
{% block info %}
{% endblock %}
</div>
{% block content %}
{% endblock %}
</div>

45
themes/theme/templates/style.css
View File

@ -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) {
.content {
margin-left: 10rem;
}
.bar {
margin-top: 2px;
float: left;
width: 8rem;
text-align: right;
white-space: nowrap;
}
@media screen and (min-width:62rem) {
.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;
}