Compare commits

...

2 Commits

Author SHA1 Message Date
f2e94e2ae9 Replace signature logo with photo and name 2020-08-27 23:33:03 +00:00
35fce33baa Add contact icons 2020-08-27 20:30:43 +00:00
7 changed files with 109 additions and 16 deletions

View File

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

After

Width:  |  Height:  |  Size: 827 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
L338.213,256L482,112.212V399.787z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 959 B

View File

@ -0,0 +1 @@
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Telegram icon</title><path d="M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7l-5.45-1.7c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z"/></svg>

After

Width:  |  Height:  |  Size: 307 B

View File

@ -16,16 +16,29 @@
<body>
<div class="container">
<div class="sidebar">
<img src="/theme/me.jpg" alt="A picture of me smiling" />
<p>
Tanner Collin
</p>
<img src="/theme/me.jpg" class="me" alt="A picture of me smiling" />
<div class="info">
<p>
Tanner Collin
</p>
<p class="contact-icons">
<a href="mailto:site@tannercollin.com"><img src="/theme/mail.svg" /></a>
<a href="https://t.me/tannercollin" target="_blank"><img src="/theme/telegram.svg" /></a>
<a href="https://github.com/tannercollin" target="_blank"><img src="/theme/github.svg" /></a>
</p>
</div>
</div>
<div class="content">
<div class="topbar">
<p>
<img src="/theme/logo.png" alt="My name in handwriting" />
</p>
<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:site@tannercollin.com"><img src="/theme/mail.svg" /></a>
<a href="https://t.me/tannercollin" target="_blank"><img src="/theme/telegram.svg" /></a>
<a href="https://github.com/tannercollin" target="_blank"><img src="/theme/github.svg" /></a>
</p>
</div>
</div>
{% block content %}
{% endblock %}

View File

@ -34,24 +34,59 @@ pre {
text-align: right;
}
.sidebar img {
.sidebar .me {
width: 100%;
display: block;
}
.sidebar p {
.sidebar .info {
margin-top: 2rem;
}
.topbar {
text-align: center;
margin-bottom: 1.5rem;
.sidebar .contact-icons a {
border-bottom: none;
}
.content .topbar img {
filter: invert(100%);
width: 14rem;
height: auto;
.sidebar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
.topbar {
display: table;
overflow: auto;
margin: auto;
margin-top: -0.5rem;
font-size: 1.5rem;
}
.topbar .me {
float: left;
height: 6rem;
width: auto;
}
.topbar .info {
float: left;
margin-top: -0.25rem;
margin-left: 1.5rem;
}
.topbar .contact-icons {
margin-top: 1.5rem;
margin-left: 0.25rem;
margin-bottom: 0;
}
.topbar .contact-icons a {
border-bottom: none;
}
.topbar .contact-icons img {
width: 1.5rem;
height: 1.5rem;
margin-right: 1rem;
}
.toc {