mirror of
https://github.com/BBaoVanC/bobatheme.git
synced 2025-08-10 17:31:35 -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;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
background-color: var(--background-1);
|
||||
@@ -937,7 +900,6 @@ aside.quote {
|
||||
.post-meta-view-markdown,
|
||||
.code-copy-button,
|
||||
.prevnext,
|
||||
.share-buttons,
|
||||
.related-posts {
|
||||
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:
|
||||
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 }}
|
||||
<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>
|
||||
{{ with resources.Get "js/share-event.js" | fingerprint "sha512" }}
|
||||
<script defer src="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ $isso_url := .Permalink }}
|
||||
{{ 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>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.shareButtons }}
|
||||
{{ partial "share.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Params.comments }}
|
||||
<div class="comments">
|
||||
{{ partial "comments.html" . }}
|
||||
|
Reference in New Issue
Block a user