aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKatharina Fey <kookie@spacekookie.de>2018-02-04 17:55:31 +0100
committerKatharina Fey <kookie@spacekookie.de>2018-02-04 17:55:31 +0100
commit780202052610d3f46fc155baaaca420d458168eb (patch)
tree53dfcfabd60de1fc984cbbe05f4fd6de25a8cdf6
parent392656c687919a0afd9ec326cdaeb9389d41b9fb (diff)
Adding flickr link and updating a few icons
- Switching to fontawesome 5.0 - Changing some icons to fix the changes
-rw-r--r--content/pages/whoami.md7
-rw-r--r--crumbs/static/css/cr_title.css6
-rw-r--r--crumbs/templates/components/html_head.html2
3 files changed, 10 insertions, 5 deletions
diff --git a/content/pages/whoami.md b/content/pages/whoami.md
index dc1a32c..d349156 100644
--- a/content/pages/whoami.md
+++ b/content/pages/whoami.md
@@ -10,9 +10,10 @@ My name is **Katharina Fey** and I'm a software developer from Berlin.
I like taking photos, writing stories and starting way too many personal projects.
<div class="icons">
- <a href="https://twitter.com/spacekookie"><h1 id="twitter"><i class="fa fa-twitter"></i> Twitter</h1></a>
- <a href="https://github.com/spacekookie"><h1 id="github"><i class="fa fa-github"></i> Github</h1></a>
- <a href="/keys/"><h1 id="keys"><i class="fa fa-key"></i> Keys</h1></a>
+ <a href="https://twitter.com/spacekookie"><h1 id="twitter"><i class="fab fa-twitter"></i> Twitter</h1></a>
+ <a href="https://github.com/spacekookie"><h1 id="github"><i class="fab fa-github"></i> Github</h1></a>
+ <a href="https://www.flickr.com/photos/155806624@N05/"><h1 id="flickr"><i class="fas fa-camera-retro"></i> Flickr</h1></a>
+ <a href="/keys/"><h1 id="keys"><i class="fab fa-keycdn"></i> Keys</h1></a>
</div>
To get in touch with me, you can also send an e-mail to <a href="mailto:kookie@spacekookie.de" id="email"><b>kookie@spacekookie.de</b></a>
diff --git a/crumbs/static/css/cr_title.css b/crumbs/static/css/cr_title.css
index 1e3cfff..b6b961e 100644
--- a/crumbs/static/css/cr_title.css
+++ b/crumbs/static/css/cr_title.css
@@ -47,12 +47,16 @@ a, a:visited a:hover, a:active, a:link {
color: #ef787b;
animation: .45s jump infinite linear;
}
+#flickr:hover {
+ color: #99cb9b;
+ animation: .45s jump infinite linear;
+}
#keys:hover {
color: #ca98c9;
animation: .45s jump infinite linear;
}
#email:hover {
- color: #99cb9b;
+ color: #6ccaca;
}
#legal:hover {
color: #e7d853;
diff --git a/crumbs/templates/components/html_head.html b/crumbs/templates/components/html_head.html
index 861c900..414ff04 100644
--- a/crumbs/templates/components/html_head.html
+++ b/crumbs/templates/components/html_head.html
@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500;subset=cyrillic,latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">
{# Use my own Matomo for some visitor tracking #}
<script type="text/javascript">