Replace signature logo with photo and name

This commit is contained in:
Tanner Collin 2020-08-27 23:33:03 +00:00
parent 35fce33baa
commit f2e94e2ae9
4 changed files with 40 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

View File

@ -30,10 +30,16 @@
</div>
<div class="content">
<div class="topbar">
<p>
<img src="/theme/logo.png" alt="My name in handwriting" />
<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 %}
</div>

View File

@ -54,14 +54,39 @@ pre {
}
.topbar {
text-align: center;
margin-bottom: 1.5rem;
display: table;
overflow: auto;
margin: auto;
margin-top: -0.5rem;
font-size: 1.5rem;
}
.content .topbar img {
filter: invert(100%);
width: 14rem;
height: auto;
.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 {