diff --git a/CHANGELOG.md b/CHANGELOG.md index 70c8700..ed47627 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Changelog +### 2015/7/12 +#### Social link icons + +Social links with icons can be enabled replacing the copyright field in footer. Configure the style and links in `config.toml`. + ### 2015/26/11 Hugo v0.15 is required in order to run the theme with the changes listed below: diff --git a/README.md b/README.md index fc46750..83a8aeb 100644 --- a/README.md +++ b/README.md @@ -41,6 +41,10 @@ Use the about page to introduce yourself to your visitors. You can customize the This theme features a comment system powered by Disqus too. Just add your Disqus-shortname to the [`config.toml`](//github.com/digitalcraftsman/hugo-cactus-theme/blob/dev/exampleSite/config.toml) and let readers respond to your blog posts. +## Social link icons + +You can add a social link panel in the footer by adding entries to the [`config.toml`](//github.com/digitalcraftsman/hugo-cactus-theme/blob/dev/exampleSite/config.toml). The icons uses fonts from the [mono social icons](https://github.com/drinchev/monosocialiconsfont) project. There are 3 styles of icon - circle, rounded, or default(empty). + ## Nearly finished In order to see your site in action, run Hugo's built-in local server. diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 305b71a..c282c7d 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -34,4 +34,15 @@ disqusShortname = "spf13" share = "" # 404 page title404 = "" - subtitle404 = "" \ No newline at end of file + subtitle404 = "" + + # Social icons style - circle, rounded, or empty + socialIconStyle = "circle" + +# Add additional social link entries underneath +[social] + twitter = "http://www.twitter.com/" + facebook = "http://www.facebook.com/" + github = "http://www.github.com/" + dribble = "http://www.dribbble.com/" + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 842088a..973a1ac 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,7 +1,13 @@ \ No newline at end of file +

+ {{ with .Site.Params.copyright }} + {{ . | markdownify }} + {{ else }} + © Copyright {{.Now.Format "2006"}} {{ .Site.Params.name }} + {{ end }} +

+ {{ end }} + diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 91a6047..4be5ef5 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -11,7 +11,8 @@ + {{ if .Site.Params.enableRSS }} {{ end }} - \ No newline at end of file + diff --git a/layouts/partials/social.html b/layouts/partials/social.html new file mode 100644 index 0000000..82f6dab --- /dev/null +++ b/layouts/partials/social.html @@ -0,0 +1,8 @@ +{{ $iconStyle := .Site.Params.socialIconStyle }} +
+ {{ range $key, $val := .Site.Social }} + + {{ $iconStyle }}{{ if eq $key "twitter" }}twitterbird{{ else }}{{ $key }}{{ end }} + + {{ end }} +
diff --git a/static/css/monosocialiconsfont.css b/static/css/monosocialiconsfont.css new file mode 100755 index 0000000..730e994 --- /dev/null +++ b/static/css/monosocialiconsfont.css @@ -0,0 +1,36 @@ +@font-face { + font-family: 'Mono Social Icons Font'; + src: url('../fonts/MonoSocialIconsFont-1.10.eot'); + src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), + url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'), + url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'), + url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); + src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +.symbol, a.symbol:before { + font-family: 'Mono Social Icons Font'; + -webkit-text-rendering: optimizeLegibility; + -moz-text-rendering: optimizeLegibility; + -ms-text-rendering: optimizeLegibility; + -o-text-rendering: optimizeLegibility; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; + -ms-font-smoothing: antialiased; + -o-font-smoothing: antialiased; + font-smoothing: antialiased; +} + +a.symbol { + color: #cdd4da; + font-size: 2rem; + text-decoration: none; + margin-right: 0.3rem; +} + +a.symbol:hover { + color: #BCD4DA; +} diff --git a/static/css/style.css b/static/css/style.css index a2eb322..a7b846d 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -622,6 +622,12 @@ h2.month { margin-left: 2px; } +#social { + display: flex; + flex-direction: row; + justify-content: center; +} + /* Media Queries */ @media screen and (max-width: 540px) { #wrapper { padding:20px 20px 20px 20px;} diff --git a/static/fonts/MonoSocialIconsFont-1.10.eot b/static/fonts/MonoSocialIconsFont-1.10.eot new file mode 100755 index 0000000..100b2b3 Binary files /dev/null and b/static/fonts/MonoSocialIconsFont-1.10.eot differ diff --git a/static/fonts/MonoSocialIconsFont-1.10.otf b/static/fonts/MonoSocialIconsFont-1.10.otf new file mode 100755 index 0000000..6debb04 Binary files /dev/null and b/static/fonts/MonoSocialIconsFont-1.10.otf differ diff --git a/static/fonts/MonoSocialIconsFont-1.10.svg b/static/fonts/MonoSocialIconsFont-1.10.svg new file mode 100755 index 0000000..ead38ff --- /dev/null +++ b/static/fonts/MonoSocialIconsFont-1.10.svg @@ -0,0 +1,1013 @@ + + + + +Created by Ivan Drinchev. OFL license +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/MonoSocialIconsFont-1.10.ttf b/static/fonts/MonoSocialIconsFont-1.10.ttf new file mode 100755 index 0000000..20cdb85 Binary files /dev/null and b/static/fonts/MonoSocialIconsFont-1.10.ttf differ diff --git a/static/fonts/MonoSocialIconsFont-1.10.woff b/static/fonts/MonoSocialIconsFont-1.10.woff new file mode 100755 index 0000000..47df3a9 Binary files /dev/null and b/static/fonts/MonoSocialIconsFont-1.10.woff differ