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 0000000..6a88df2
Binary files /dev/null and b/source/fonts/icons.eot differ
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 @@
+
+
+
\ No newline at end of file
diff --git a/source/fonts/icons.ttf b/source/fonts/icons.ttf
new file mode 100644
index 0000000..cfe0227
Binary files /dev/null and b/source/fonts/icons.ttf differ
diff --git a/source/fonts/icons.woff b/source/fonts/icons.woff
new file mode 100644
index 0000000..026fec6
Binary files /dev/null and b/source/fonts/icons.woff differ
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;