diff --git a/i18n/bn.toml b/i18n/bn.toml index d1f7a72..b66b430 100644 --- a/i18n/bn.toml +++ b/i18n/bn.toml @@ -50,6 +50,9 @@ other = "পূর্ববর্তী" [next] other = "পরবর্তী" +[share_on] +other = "শেয়ার করুন" + [improve_this_page] other = "এই পৃষ্ঠাটি উন্নত করুন" diff --git a/i18n/de.toml b/i18n/de.toml index 19a4cb4..979c7c6 100644 --- a/i18n/de.toml +++ b/i18n/de.toml @@ -53,6 +53,9 @@ other = "Vorherige" [next] other = "Nächste" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Diese Seite verbessern" diff --git a/i18n/hi.toml b/i18n/hi.toml index 8be933a..2b01f97 100644 --- a/i18n/hi.toml +++ b/i18n/hi.toml @@ -53,6 +53,9 @@ other = "पिछला" [next] other = "आगे" +# [share_on] +# other = "Share on" + [improve_this_page] other = "इस पृष्ठ को सुधारें" diff --git a/i18n/id.toml b/i18n/id.toml index 69e641f..20b8d95 100644 --- a/i18n/id.toml +++ b/i18n/id.toml @@ -53,6 +53,9 @@ other = "Sebelumnya" [next] other = "Lanjut" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Perbaiki halaman ini" diff --git a/i18n/it.toml b/i18n/it.toml index 45b2cea..b59a57a 100644 --- a/i18n/it.toml +++ b/i18n/it.toml @@ -53,6 +53,9 @@ other = "Precedente" [next] other = "Successivo" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Migliora questa pagina" diff --git a/i18n/jp.toml b/i18n/jp.toml index 846036d..f243656 100644 --- a/i18n/jp.toml +++ b/i18n/jp.toml @@ -50,6 +50,9 @@ other = "前" [next] other = "次" +# [share_on] +# other = "Share on" + [improve_this_page] other = "編集リクエストを送る" diff --git a/i18n/ko.toml b/i18n/ko.toml index c4dae96..e9c9f4b 100644 --- a/i18n/ko.toml +++ b/i18n/ko.toml @@ -53,6 +53,9 @@ other = "이전" [next] other = "다음" +# [share_on] +# other = "Share on" + [improve_this_page] other = "이 페이지를 개선" diff --git a/i18n/nl.toml b/i18n/nl.toml index 40d20d6..070504e 100644 --- a/i18n/nl.toml +++ b/i18n/nl.toml @@ -52,6 +52,9 @@ other = "Vorherige" [next] other = "Nächste" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Diese Seite verbessern" diff --git a/i18n/ru.toml b/i18n/ru.toml index 92c8864..76fbe25 100644 --- a/i18n/ru.toml +++ b/i18n/ru.toml @@ -53,6 +53,9 @@ other = "Предыдущий" [next] other = "Следующий" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Улучшить эту страницу" diff --git a/i18n/vn.toml b/i18n/vn.toml index d875e8c..a88524e 100644 --- a/i18n/vn.toml +++ b/i18n/vn.toml @@ -53,6 +53,9 @@ other = "Trước" [next] other = "Tiếp theo" +# [share_on] +# other = "Share on" + [improve_this_page] other = "Cải thiện trang này" diff --git a/i18n/zh-cn.toml b/i18n/zh-cn.toml index e9827fc..8deb3cc 100644 --- a/i18n/zh-cn.toml +++ b/i18n/zh-cn.toml @@ -53,6 +53,9 @@ other = "上一篇" [next] other = "下一篇" +# [share_on] +# other = "Share on" + [improve_this_page] other = "改善此页面" diff --git a/i18n/zh-tw.toml b/i18n/zh-tw.toml index c814fee..750e2d0 100644 --- a/i18n/zh-tw.toml +++ b/i18n/zh-tw.toml @@ -53,6 +53,9 @@ other = "上一篇" [next] other = "下一篇" +# [share_on] +# other = "Share on" + [improve_this_page] other = "改善此頁面" diff --git a/layouts/_default/single.html b/layouts/_default/single.html index c0627a8..795880d 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -68,41 +68,61 @@ {{ .Page.Content }} - - - - {{ if site.Params.SocialButtons }} -
- {{ i18n "share_on" }}: - {{ if site.Params.SocialButtons.facebook }} - + +
+ + {{ if site.Params.features.blog.shareButtons }} + {{ end }} @@ -114,7 +134,7 @@ {{ else }} {{ .Scratch.Set "GitBranch" "main" }} {{ end }} -
+ {{ end }} +
+ +
diff --git a/static/css/layouts/main.css b/static/css/layouts/main.css index 467bd4e..bc96652 100644 --- a/static/css/layouts/main.css +++ b/static/css/layouts/main.css @@ -50,17 +50,17 @@ a:hover { } .btn-dark { - background-color: #3c4858; - border-color: #3c4858; - color: #e5e9f2; - transition: all 0.3s ease-out; + background-color: #3c4858!important; + border-color: #3c4858!important; + color: #e5e9f2!important; + transition: all 0.3s ease-out!important; } .btn-dark:hover, .btn-dark:focus { - background-color: #248aaa; - border-color: #248aaa; - transition: all 0.3s ease-out; + background-color: #248aaa!important; + border-color: #248aaa!important; + transition: all 0.3s ease-out!important; } .btn-outline-info { diff --git a/static/css/layouts/single.css b/static/css/layouts/single.css index f726360..77ea2cb 100644 --- a/static/css/layouts/single.css +++ b/static/css/layouts/single.css @@ -205,14 +205,85 @@ h6 { padding: 10px; } -.btn-improve-page { - text-align: right; +.share-buttons .btn { + background-color: #248aaa !important; + border-color: #248aaa !important; + color: #e5e9f2 !important; + transition: all 0.3s ease-out !important; } -.socialbuttons { - float: left; - margin-left: 1rem; +.share-buttons .facebook-btn:hover, +.share-buttons .facebook-btn:focus { + background-color: #4267b2 !important; + border-color: #4267b2 !important; + transition: all 0.3s ease-out !important; +} +.share-buttons .twitter-btn:hover, +.share-buttons .twitter-btn:focus { + background-color: #1da1f2 !important; + border-color: #1da1f2 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .reddit-btn:hover, +.share-buttons .reddit-btn:focus { + background-color: #ff4500 !important; + border-color: #ff4500 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .tumblr-btn:hover, +.share-buttons .tumblr-btn:focus { + background-color: #34465d !important; + border-color: #34465d !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .pocket-btn:hover, +.share-buttons .pocket-btn:focus { + background-color: #ef4056 !important; + border-color: #ef4056 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .linkedin-btn:hover, +.share-buttons .linkedin-btn:focus { + background-color: #2867b2 !important; + border-color: #2867b2 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .diaspora-btn:hover, +.share-buttons .diaspora-btn:focus { + background-color: #3c4858 !important; + border-color: #3c4858 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .mastodon-btn:hover, +.share-buttons .mastodon-btn:focus { + background-color: #2791da !important; + border-color: #2791da !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .whatsapp-btn:hover, +.share-buttons .whatsapp-btn:focus { + background-color: #4ac959 !important; + border-color: #4ac959 !important; + transition: all 0.3s ease-out !important; +} + +.share-buttons .email-btn:hover, +.share-buttons .email-btn:focus { + background-color: #3c4858 !important; + border-color: #3c4858 !important; + transition: all 0.3s ease-out !important; +} + +.btn-improve-page { + text-align: right; } .languageSelector { @@ -246,13 +317,13 @@ h6 { text-align: center; } .taxonomy-terms li { - font-size: .8em; + font-size: 0.8em; list-style-type: none; display: inline-block; - background: #248aaa; + background: #248aaa; } -.taxonomy-terms a{ +.taxonomy-terms a { color: #f9fafc; }