Update look & feel for share buttons
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz
parent
703d759a01
commit
795c1c8153
15 changed files with 172 additions and 42 deletions
|
|
@ -50,6 +50,9 @@ other = "পূর্ববর্তী"
|
|||
[next]
|
||||
other = "পরবর্তী"
|
||||
|
||||
[share_on]
|
||||
other = "শেয়ার করুন"
|
||||
|
||||
[improve_this_page]
|
||||
other = "এই পৃষ্ঠাটি উন্নত করুন"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "Vorherige"
|
|||
[next]
|
||||
other = "Nächste"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "Diese Seite verbessern"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "पिछला"
|
|||
[next]
|
||||
other = "आगे"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "इस पृष्ठ को सुधारें"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "Sebelumnya"
|
|||
[next]
|
||||
other = "Lanjut"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "Perbaiki halaman ini"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "Precedente"
|
|||
[next]
|
||||
other = "Successivo"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "Migliora questa pagina"
|
||||
|
||||
|
|
|
|||
|
|
@ -50,6 +50,9 @@ other = "前"
|
|||
[next]
|
||||
other = "次"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "編集リクエストを送る"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "이전"
|
|||
[next]
|
||||
other = "다음"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "이 페이지를 개선"
|
||||
|
||||
|
|
|
|||
|
|
@ -52,6 +52,9 @@ other = "Vorherige"
|
|||
[next]
|
||||
other = "Nächste"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "Diese Seite verbessern"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "Предыдущий"
|
|||
[next]
|
||||
other = "Следующий"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "Улучшить эту страницу"
|
||||
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "上一篇"
|
|||
[next]
|
||||
other = "下一篇"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "改善此页面"
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,9 @@ other = "上一篇"
|
|||
[next]
|
||||
other = "下一篇"
|
||||
|
||||
# [share_on]
|
||||
# other = "Share on"
|
||||
|
||||
[improve_this_page]
|
||||
other = "改善此頁面"
|
||||
|
||||
|
|
|
|||
|
|
@ -68,41 +68,61 @@
|
|||
{{ .Page.Content }}
|
||||
</div>
|
||||
|
||||
|
||||
<!--Social Buttons-->
|
||||
|
||||
{{ if site.Params.SocialButtons }}
|
||||
<div class="socialbuttons">
|
||||
{{ i18n "share_on" }}:
|
||||
{{ if site.Params.SocialButtons.facebook }}
|
||||
<a href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank" style="color: #3b5998"> <i class="fab fa-facebook fa-lg"></i></a>
|
||||
<!-- Share or Contribute -->
|
||||
<div class="row pl-3 pr-3">
|
||||
<!--Social Media Share Buttons-->
|
||||
{{ if site.Params.features.blog.shareButtons }}
|
||||
<div class="col-md-6 share-buttons">
|
||||
<strong>{{ i18n "share_on" }}:</strong>
|
||||
{{ if site.Params.features.blog.shareButtons.facebook }}
|
||||
<a class="btn btn-sm facebook-btn" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.twitter }}
|
||||
<a href="https://twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{- site.Title -}}" target="_blank" style="color: #55acee"><i class="fab fa-twitter fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.twitter }}
|
||||
<a class="btn btn-sm twitter-btn" href="https://twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{- site.Title -}}" target="_blank">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.reddit }}
|
||||
<a href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank" style="color: #ff4500"><i class="fab fa-reddit fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.reddit }}
|
||||
<a class="btn btn-sm reddit-btn" href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-reddit"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.tumblr }}
|
||||
<a href="https://www.tumblr.com/share/link?url={{ .Permalink }}&name={{ .Title }}{{- with .Params.description -}}&description={{- . -}}{{- end -}}" target="_blank" style="color: #001935"><i class="fab fa-tumblr fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.tumblr }}
|
||||
<a class="btn btn-sm tumblr-btn" href="https://www.tumblr.com/share/link?url={{ .Permalink }}&name={{ .Title }}{{- with .Params.description -}}&description={{- . -}}{{- end -}}" target="_blank">
|
||||
<i class="fab fa-tumblr"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.pocket }}
|
||||
<a href="https://getpocket.com/save?url={{ .Permalink }}&title={{ .Title }}" target="_blank"><i class="fab fa-get-pocket fa-lg" style="color: #ef4056"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.pocket }}
|
||||
<a class="btn btn-sm pocket-btn" href="https://getpocket.com/save?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-get-pocket"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.linkedin }}
|
||||
<a href="https://www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank" style="color: #0a66c2"><i class="fab fa-linkedin fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.linkedin }}
|
||||
<a class="btn btn-sm linkedin-btn" href="https://www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.diaspora }}
|
||||
<a href="https://share.diasporafoundation.org/?title={{ .Title }}&url={{ .Permalink }}" rel="nofollow" target="_blank" style="color: #626262"><i class="fab fa-diaspora fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.diaspora }}
|
||||
<a class="btn btn-sm diaspora-btn" href="https://share.diasporafoundation.org/?title={{ .Title }}&url={{ .Permalink }}" rel="nofollow" target="_blank">
|
||||
<i class="fab fa-diaspora"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.mastodon }}
|
||||
<a href="https://mastodon.social/share?text={{ .Title }} - {{ .Permalink }}" target="_blank" style="color: #3088d4"><i class="fab fa-mastodon fa-lg"></i></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.mastodon }}
|
||||
<a class="btn btn-sm mastodon-btn" href="https://mastodon.social/share?text={{ .Title }} - {{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-mastodon"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.whatsapp }}
|
||||
<a href="https://api.whatsapp.com/send?text={{ .Title }} {{ .Permalink }}" target="_blank" style="color: #3bc04d"><i class="fab fa-whatsapp fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.whatsapp }}
|
||||
<a class="btn btn-sm whatsapp-btn" href="https://api.whatsapp.com/send?text={{ .Title }} {{ .Permalink }}" target="_blank">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if site.Params.SocialButtons.email }}
|
||||
<a href="mailto:?subject={{ .Title }}&body={{ .Permalink }}" target="_blank" style="color: #263163"><i class="fas fa-envelope-open-text fa-lg"></i></a>
|
||||
{{ if site.Params.features.blog.shareButtons.email }}
|
||||
<a class="btn btn-sm email-btn" href="mailto:?subject={{ .Title }}&body={{ .Permalink }}" target="_blank">
|
||||
<i class="fas fa-envelope-open-text"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -114,7 +134,7 @@
|
|||
{{ else }}
|
||||
{{ .Scratch.Set "GitBranch" "main" }}
|
||||
{{ end }}
|
||||
<div class="btn-improve-page">
|
||||
<div class="col-md-6 btn-improve-page">
|
||||
{{ if ( eq site.Params.GitForge "gitlab" ) }}
|
||||
<a href="{{ site.Params.GitRepo }}/-/edit/{{ .Scratch.Get "GitBranch" }}/{{ .File.Path }}" title="{{ i18n "improve_this_page" }}" target="_blank" rel="noopener">
|
||||
{{ else if ( eq site.Params.GitForge "gitea" ) }}
|
||||
|
|
@ -127,6 +147,9 @@
|
|||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!---Next and Previous Navigator -->
|
||||
<hr />
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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,7 +317,7 @@ h6 {
|
|||
text-align: center;
|
||||
}
|
||||
.taxonomy-terms li {
|
||||
font-size: .8em;
|
||||
font-size: 0.8em;
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
background: #248aaa;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue