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

Add contact icons

Browse Source
This commit is contained in:
Tanner Collin
2020-08-27 20:30:43 +00:00
parent b8f02d92da
commit 35fce33baa
5 changed files with 68 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,10 +16,17 @@
<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">

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

@@ -34,15 +34,25 @@ pre {
text-align: right;
}
.sidebar img {
.sidebar .me {
width: 100%;
display: block;
}
.sidebar p {
.sidebar .info {
margin-top: 2rem;
}
.sidebar .contact-icons a {
border-bottom: none;
}
.sidebar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
.topbar {
text-align: center;
margin-bottom: 1.5rem;