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

Layout changes

Browse Source
master
Tanner Collin 2 years ago
parent e6ee39a113
commit 8f97640709
4 changed files with 13 additions and 140 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 93
      themes/theme/templates/about.html
  2. 10
      themes/theme/templates/article.html
  3. 5
      themes/theme/templates/base.html
  4. 45
      themes/theme/templates/style.css

93
themes/theme/templates/about.html
Unescape 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
Unescape 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
Unescape 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
Unescape 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;
}

Write Preview
Loading…
Cancel
Save