diff options
author | Katharina Fey <kookie@spacekookie.de> | 2018-02-04 17:55:31 +0100 |
---|---|---|
committer | Katharina Fey <kookie@spacekookie.de> | 2018-02-04 17:55:31 +0100 |
commit | 780202052610d3f46fc155baaaca420d458168eb (patch) | |
tree | 53dfcfabd60de1fc984cbbe05f4fd6de25a8cdf6 | |
parent | 392656c687919a0afd9ec326cdaeb9389d41b9fb (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.md | 7 | ||||
-rw-r--r-- | crumbs/static/css/cr_title.css | 6 | ||||
-rw-r--r-- | crumbs/templates/components/html_head.html | 2 |
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"> |