diff --git a/contents/style.scss b/contents/style.scss index cecc586..c4e7e53 100644 --- a/contents/style.scss +++ b/contents/style.scss @@ -87,6 +87,24 @@ code { } } +.share { + @extend .u-full-width; + padding: 14px 0px; + background-color: #f9f9f9; + margin-bottom: 20px; + + a { + color: #556270; + margin-right: 10px; + font-size: 12px; + font-weight: normal; + + &:hover { + color: #fd55a2; + } + } +} + .codes { margin-bottom: 40px; diff --git a/templates/index.jade b/templates/index.jade index 6e3e100..4559e51 100644 --- a/templates/index.jade +++ b/templates/index.jade @@ -4,10 +4,17 @@ block banner .banner: .container: .row: .twelve.columns p Sponsored by #[a(href='https://www.runscope.com/t/httpstatuses') Runscope — API Monitoring & Testing] +block share + a.twitter(href='https://twitter.com/intent/tweet?hashtags=httpstatuses&text=Helpful%20HTTP%20Status%20Code%20reference%20site&url=https%3A%2F%2Fhttpstatuses.com&via=citricsquid') @ Share on Twitter + a.github(href='https://github.com/citricsquid/httpstatuses') ★ Star on GitHub + a.pinboard(target='_blank', href='https://pinboard.in/add?showtags=yes&url=https%3A%2F%2Fhttpstatuses.com&description=HTTP%20Status%20Code%20Reference%20Site&title=httpstatuses.com&tags=reference,development') ⊕ Add to Pinboard + block contents block banner .hero.introduction: .container: .row: .twelve.columns != contents + .share: .container: .row: .twelve.columns + block share .container.codes: .row: .twelve.columns each group in groups.codes