From 35fce33baa0c47170a10fe15c126d2b63b48c0a2 Mon Sep 17 00:00:00 2001 From: Tanner Collin Date: Thu, 27 Aug 2020 20:30:43 +0000 Subject: [PATCH] Add contact icons --- themes/theme/static/github.svg | 1 + themes/theme/static/mail.svg | 43 ++++++++++++++++++++++++++++++++ themes/theme/static/telegram.svg | 1 + themes/theme/templates/base.html | 15 ++++++++--- themes/theme/templates/style.css | 14 +++++++++-- 5 files changed, 68 insertions(+), 6 deletions(-) create mode 100644 themes/theme/static/github.svg create mode 100644 themes/theme/static/mail.svg create mode 100644 themes/theme/static/telegram.svg diff --git a/themes/theme/static/github.svg b/themes/theme/static/github.svg new file mode 100644 index 0000000..3899712 --- /dev/null +++ b/themes/theme/static/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/themes/theme/static/mail.svg b/themes/theme/static/mail.svg new file mode 100644 index 0000000..ebf59cf --- /dev/null +++ b/themes/theme/static/mail.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/theme/static/telegram.svg b/themes/theme/static/telegram.svg new file mode 100644 index 0000000..24e14e5 --- /dev/null +++ b/themes/theme/static/telegram.svg @@ -0,0 +1 @@ +Telegram icon \ No newline at end of file diff --git a/themes/theme/templates/base.html b/themes/theme/templates/base.html index 059aaba..c4ecc80 100644 --- a/themes/theme/templates/base.html +++ b/themes/theme/templates/base.html @@ -16,10 +16,17 @@
- A picture of me smiling -

- Tanner Collin -

+ A picture of me smiling +
+

+ Tanner Collin +

+

+ + + +

+
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css index 75ffa44..4bccb83 100644 --- a/themes/theme/templates/style.css +++ b/themes/theme/templates/style.css @@ -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;