diff --git a/contents/css/main.css b/contents/css/main.css index 6cdef80..8da42c8 100644 --- a/contents/css/main.css +++ b/contents/css/main.css @@ -438,3 +438,26 @@ code.lang-markdown .bullet { margin-bottom: 1em; } } + +#social-links { + width: 304px; + margin-left: auto; + margin-right: auto; +} + +#social-links ul { + list-style: none; + margin: 0; + padding: 0; +} + +#social-links ul li { + float: left; + margin-left: 3px; + margin-right: 3px; +} + +#social-links ul li img { + width: 32px; + height: 32px; +} diff --git a/contents/img/email.png b/contents/img/email.png new file mode 100644 index 0000000..02e45f6 Binary files /dev/null and b/contents/img/email.png differ diff --git a/contents/img/geeklist.png b/contents/img/geeklist.png new file mode 100644 index 0000000..fcfb8b9 Binary files /dev/null and b/contents/img/geeklist.png differ diff --git a/contents/img/github.svg b/contents/img/github.svg new file mode 100644 index 0000000..3a8f6fa --- /dev/null +++ b/contents/img/github.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/contents/img/googleplus.png b/contents/img/googleplus.png new file mode 100644 index 0000000..bca6eed Binary files /dev/null and b/contents/img/googleplus.png differ diff --git a/contents/img/linkedin.png b/contents/img/linkedin.png new file mode 100644 index 0000000..c90b7c0 Binary files /dev/null and b/contents/img/linkedin.png differ diff --git a/contents/img/pandora.png b/contents/img/pandora.png new file mode 100644 index 0000000..52b2504 Binary files /dev/null and b/contents/img/pandora.png differ diff --git a/contents/img/rss.png b/contents/img/rss.png new file mode 100644 index 0000000..a22c6fb Binary files /dev/null and b/contents/img/rss.png differ diff --git a/contents/img/twitter.png b/contents/img/twitter.png new file mode 100644 index 0000000..c18dabe Binary files /dev/null and b/contents/img/twitter.png differ diff --git a/templates/index.jade b/templates/index.jade index 4528f51..5853217 100644 --- a/templates/index.jade +++ b/templates/index.jade @@ -1,5 +1,10 @@ +include mixins/social extends layout +block append header + #social-links + +social_links + block content include author each article in articles @@ -23,6 +28,3 @@ block prepend footer a(href='/archive.html') « Archives if nextPage a(href=nextPage.url) Next page » - - - diff --git a/templates/mixins/social.jade b/templates/mixins/social.jade new file mode 100644 index 0000000..7ac534f --- /dev/null +++ b/templates/mixins/social.jade @@ -0,0 +1,23 @@ +mixin link_img(type, link, image) + a(href=link, target="_blank") + img(src=image, title="Follow Me on: " + type, alt="Follow Me on: " + type) + +mixin social_links + ul + li + +link_img("Google+", "//plus.google.com/100527884089547887285/", "/img/googleplus.png") + li + +link_img("Twitter", "//www.twitter.com/#!/brett_langdon", "/img/twitter.png") + li + +link_img("Linkedin", "//www.linkedin.com/in/brettlangdon", "/img/linkedin.png") + li + +link_img("Pandora", "//www.pandora.com/#!/profile/activity/brett1129", "/img/pandora.png") + li + +link_img("Geeklist", "//geekli.st/brett_langdon", "/img/geeklist.png") + li + +link_img("GitHub", "//github.com/brettlangdon", "/img/github.svg") + li + +link_img("RSS", "//brett.is/feed.xml", "/img/rss.png") + li + +link_img("E-Mail", "mailto:brett@blangdon.com", "/img/email.png") + span(style="clear:both")