From 9a02125740d742985cd034bc6e68f5a52656bf6d Mon Sep 17 00:00:00 2001 From: Holger Just Date: Sat, 5 Dec 2015 23:42:23 +0100 Subject: [PATCH] Add custom icons and profile links to the author bio --- source/author.html.haml | 1 + source/fonts/icons.eot | Bin 0 -> 6796 bytes source/fonts/icons.svg | 22 +++++++++++++ source/fonts/icons.ttf | Bin 0 -> 6640 bytes source/fonts/icons.woff | Bin 0 -> 4212 bytes source/index.html.haml | 4 +++ source/layouts/post.haml | 1 + source/partials/profile_links.haml | 4 +++ source/stylesheets/_icons.css.scss | 41 ++++++++++++++++++++++++ source/stylesheets/application.css.scss | 23 +++++++++++++ 10 files changed, 96 insertions(+) create mode 100644 source/fonts/icons.eot create mode 100644 source/fonts/icons.svg create mode 100644 source/fonts/icons.ttf create mode 100644 source/fonts/icons.woff create mode 100644 source/partials/profile_links.haml create mode 100644 source/stylesheets/_icons.css.scss diff --git a/source/author.html.haml b/source/author.html.haml index ffac019..4d947a9 100644 --- a/source/author.html.haml +++ b/source/author.html.haml @@ -23,6 +23,7 @@ per_page: 6 .author-meta - if blog_author.location.present? %span.author-location.icon-location= blog_author.location + = partial(:profile_links) - if blog_author.website.present? %span.author-link.icon-link %a{href: blog_author.website}= blog_author.website diff --git a/source/fonts/icons.eot b/source/fonts/icons.eot new file mode 100644 index 0000000000000000000000000000000000000000..6a88df2e44ac1ffaba422cbca30ed22f62666dd1 GIT binary patch literal 6796 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 XRB$KGR){t72Hks>8D7BYFiidr=sVhk literal 0 HcmV?d00001 diff --git a/source/fonts/icons.svg b/source/fonts/icons.svg new file mode 100644 index 0000000..d744c2b --- /dev/null +++ b/source/fonts/icons.svg @@ -0,0 +1,22 @@ + + + +Copyright (C) 2015 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/source/fonts/icons.ttf b/source/fonts/icons.ttf new file mode 100644 index 0000000000000000000000000000000000000000..cfe0227ed290ccc94eb0b2dc32c10025cd1801be GIT binary patch literal 6640 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 As{jB1 literal 0 HcmV?d00001 diff --git a/source/index.html.haml b/source/index.html.haml index 1248268..0904a91 100644 --- a/source/index.html.haml +++ b/source/index.html.haml @@ -12,6 +12,10 @@ cover: cover.jpg .main-header-content.inner %h1.page-title= blog_settings.name %h2.page-description= blog_settings.description + %section.byline + %span= "by #{blog_author.name}" + = partial(:profile_links) + %a.scroll-down.icon-arrow-left{href: '#content', data: {offset: '-45'}} %span.hidden Scroll Down diff --git a/source/layouts/post.haml b/source/layouts/post.haml index 6c8f2d2..9d9e645 100644 --- a/source/layouts/post.haml +++ b/source/layouts/post.haml @@ -41,6 +41,7 @@ .author-meta - if blog_author.location.present? %span.author-location.icon-location= blog_author.location + = partial(:profile_links) - if blog_author.website.present? %span.author-link.icon-link %a{href: blog_author.website}= blog_author.website diff --git a/source/partials/profile_links.haml b/source/partials/profile_links.haml new file mode 100644 index 0000000..8045556 --- /dev/null +++ b/source/partials/profile_links.haml @@ -0,0 +1,4 @@ +%span.profile-links + - blog_author.profile_links.each do |name, opts| + %a{class: "icon-#{name}", href: opts[:link]} + %span.hidden= opts[:name] diff --git a/source/stylesheets/_icons.css.scss b/source/stylesheets/_icons.css.scss new file mode 100644 index 0000000..308169a --- /dev/null +++ b/source/stylesheets/_icons.css.scss @@ -0,0 +1,41 @@ +@font-face { + font-family: 'icons'; + src: url('../fonts/icons.eot?14158976'); + src: url('../fonts/icons.eot?14158976#iefix') format('embedded-opentype'), + url('../fonts/icons.woff?14158976') format('woff'), + url('../fonts/icons.ttf?14158976') format('truetype'), + url('../fonts/icons.svg?14158976#icons') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"]:before, [class*=" icon-"]:before { + display: inline-block; + font: normal normal normal 14px icons; + font-size: inherit; // can't have font-size inherit on line above, so need to override + + text-rendering: auto; // optimizelegibility throws things off + + speak: none; + text-transform: none; + line-height: 1; + text-decoration: none !important; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-github:before { content: '\e800'; } /* '' */ +.icon-stackoverflow:before { content: '\e801'; } /* '' */ +.icon-link:before { content: '\e802'; } /* '' */ +.icon-twitter:before { content: '\e803'; } /* '' */ +.icon-feed:before { content: '\e804'; } /* '' */ +.icon-menu:before { content: '\e805'; } /* '' */ +.icon-location:before { + content: '\e806'; + margin-left: 0; + margin-right: .25em; +} /* '' */ +.icon-arrow-left:before { content: '\e808'; } /* '' */ +.icon-google-plus:before { content: '\e809'; } /* '' */ +.icon-facebook:before { content: '\e80a'; } /* '' */ +.icon-xing:before { content: '\e80b'; } /* '' */ diff --git a/source/stylesheets/application.css.scss b/source/stylesheets/application.css.scss index 8730361..1cff7c6 100644 --- a/source/stylesheets/application.css.scss +++ b/source/stylesheets/application.css.scss @@ -1,5 +1,28 @@ @import 'vendor/casper'; @import 'syntax'; +@import 'icons'; + +.byline { + font-size: 1.8rem; + line-height: 1; + color: rgba(255, 255, 255, 0.8); + + a { color: rgba(255, 255, 255, 0.8); } + + > span { + display: block; + margin: 2em 0 1rem 0 + } +} + +.profile-links a { + margin: 1rem .8rem 1.6rem .8rem; + text-decoration: none; +} + +.author-meta span.hidden { + display: none; +} .license { display: block;