mirror of
https://github.com/BBaoVanC/bobatheme.git
synced 2025-08-13 10:21:36 -05:00
Remove share buttons
About 0.19% of visitors in the past 12 months have clicked the share buttons at all. The code is a little ugly, and it wastes a tiny bit of space at the bottom of the page. I don't think it's really worth having. And I think people probably print a page through the browser UI anyways.
This commit is contained in:
@@ -668,43 +668,6 @@ footer p {
|
|||||||
padding: 8px 15px;
|
padding: 8px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Social media share buttons */
|
|
||||||
|
|
||||||
.share-buttons {
|
|
||||||
background: var(--background-1);
|
|
||||||
color: var(--text-1);
|
|
||||||
margin: 25px 0;
|
|
||||||
padding: 8px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.share-buttons a {
|
|
||||||
background-color: var(--background-2);
|
|
||||||
color: var(--text-2);
|
|
||||||
padding: 4px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.share-buttons a:hover {
|
|
||||||
background-color: var(--background-3);
|
|
||||||
color: var(--text-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.share-buttons svg {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* https://stackoverflow.com/a/72073682/19003757 */
|
|
||||||
/*
|
|
||||||
.telegram-share > svg {
|
|
||||||
transform: scale(1.5);
|
|
||||||
margin: 9px -9px -9px 9px;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* See also formating */
|
/* See also formating */
|
||||||
.see-also {
|
.see-also {
|
||||||
background-color: var(--background-1);
|
background-color: var(--background-1);
|
||||||
@@ -937,7 +900,6 @@ aside.quote {
|
|||||||
.post-meta-view-markdown,
|
.post-meta-view-markdown,
|
||||||
.code-copy-button,
|
.code-copy-button,
|
||||||
.prevnext,
|
.prevnext,
|
||||||
.share-buttons,
|
|
||||||
.related-posts {
|
.related-posts {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@@ -1,3 +0,0 @@
|
|||||||
function share_event(service) {
|
|
||||||
plausible("Share", {props: {Network: service}});
|
|
||||||
}
|
|
18
i18n/en.yaml
18
i18n/en.yaml
@@ -125,21 +125,3 @@ aria_navbar:
|
|||||||
|
|
||||||
aria_table_of_contents:
|
aria_table_of_contents:
|
||||||
other: "table of contents"
|
other: "table of contents"
|
||||||
|
|
||||||
aria_share_twitter:
|
|
||||||
other: "share to twitter button"
|
|
||||||
|
|
||||||
aria_share_facebook:
|
|
||||||
other: "share to facebook button"
|
|
||||||
|
|
||||||
aria_share_linkedin:
|
|
||||||
other: "share to linkedin button"
|
|
||||||
|
|
||||||
aria_share_reddit:
|
|
||||||
other: "share to reddit button"
|
|
||||||
|
|
||||||
aria_share_telegram:
|
|
||||||
other: "share to telegram button"
|
|
||||||
|
|
||||||
aria_share_print:
|
|
||||||
other: "print article button"
|
|
||||||
|
@@ -19,9 +19,6 @@
|
|||||||
{{ if not hugo.IsServer }}
|
{{ if not hugo.IsServer }}
|
||||||
<script defer data-domain="bbaovanc.com" src="https://plausible.bbaovanc.com/js/bobalytics.outbound-links.js"></script>
|
<script defer data-domain="bbaovanc.com" src="https://plausible.bbaovanc.com/js/bobalytics.outbound-links.js"></script>
|
||||||
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
||||||
{{ with resources.Get "js/share-event.js" | fingerprint "sha512" }}
|
|
||||||
<script defer src="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ $isso_url := .Permalink }}
|
{{ $isso_url := .Permalink }}
|
||||||
{{ if .IsTranslated }}
|
{{ if .IsTranslated }}
|
||||||
|
@@ -1,69 +0,0 @@
|
|||||||
<div class="share-buttons">
|
|
||||||
{{ if .Site.Params.shareButtons.twitter }}
|
|
||||||
<a class="twitter-share"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
aria-label="{{ i18n "aria_share_twitter" }}"
|
|
||||||
onclick="share_event('Twitter');"
|
|
||||||
href="https://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}&via=bbaovanc">
|
|
||||||
{{- partial "icon.html" "twitter" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.Params.shareButtons.facebook }}
|
|
||||||
<a class="facebook-share"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
aria-label="{{ i18n "aria_share_facebook" }}"
|
|
||||||
onclick="share_event('Facebook');"
|
|
||||||
href="https://www.facebook.com/sharer.php?u={{ .Permalink }}">
|
|
||||||
{{- partial "icon.html" "facebook" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.Params.shareButtons.linkedin }}
|
|
||||||
<a class="linkedin-share"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
aria-label="{{ i18n "aria_share_linkedin" }}"
|
|
||||||
onclick="share_event('LinkedIn');"
|
|
||||||
href="https://www.linkedin.com/sharing/share-offsite/?url={{ .Permalink }}">
|
|
||||||
{{- partial "icon.html" "linkedin" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.Params.shareButtons.reddit }}
|
|
||||||
<a class="reddit-share"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
aria-label="{{ i18n "aria_share_reddit" }}"
|
|
||||||
onclick="share_event('Reddit');"
|
|
||||||
href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}">
|
|
||||||
{{- partial "icon.html" "reddit" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{/* Telegram icon doesn't have `viewbox` set, which breaks the sizing.
|
|
||||||
https://stackoverflow.com/q/72073399/19003757
|
|
||||||
https://github.com/michaelampr/jam/issues/39
|
|
||||||
{{ if .Site.Params.shareButtons.telegram }}
|
|
||||||
<a class="telegram-share"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
aria-label="{{ i18n "aria_share_telegram" }}"
|
|
||||||
onclick="share_event('Telegram');"
|
|
||||||
href="https://t.me/share/url?url={{ .Permalink }}&text={{ .Title }}">
|
|
||||||
{{- partial "icon.html" "telegram" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
*/}}
|
|
||||||
|
|
||||||
{{ if .Site.Params.shareButtons.print }}
|
|
||||||
<a class="print-share"
|
|
||||||
aria-label="{{ i18n "aria_share_print" }}"
|
|
||||||
href="javascript:void(0)"
|
|
||||||
onclick="window.print(); share_event('Print');">
|
|
||||||
{{- partial "icon.html" "printer" -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
@@ -60,10 +60,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.shareButtons }}
|
|
||||||
{{ partial "share.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Params.comments }}
|
{{ if .Params.comments }}
|
||||||
<div class="comments">
|
<div class="comments">
|
||||||
{{ partial "comments.html" . }}
|
{{ partial "comments.html" . }}
|
||||||
|
Reference in New Issue
Block a user