yacloud/gohugo-theme-ananke
1
0
Fork 0
mirror of https://github.com/theNewDynamic/gohugo-theme-ananke.git synced 2025-06-08 17:22:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: move share buttons

Browse Source
This commit is contained in:
sixpointcube 2024-06-22 09:35:49 -04:00
parent 46e4abaf79
commit c6d1e8aecf
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/ananke/css/custom.css
View File

@ -26,7 +26,8 @@
.share-buttons { .share-buttons {
position: fixed; position: sticky;
width: 50px;
top: 50%; top: 50%;
left: 0; left: 0;
transform: translateY(-50%); transform: translateY(-50%);
@ -49,11 +50,6 @@
background-color: #555; background-color: #555;
} }
.icon svg {
height: 50px;
width: 50px
}
.facebook-share { background-color: #3b5998; } .facebook-share { background-color: #3b5998; }
.pinterest-share { background-color: #bd081c; } .pinterest-share { background-color: #bd081c; }
.x-share { background-color: #333; } .x-share { background-color: #000000; }

2
layouts/_default/single.html
View File

@ -14,7 +14,6 @@
*/}} */}}
{{ .CurrentSection.Title }} {{ .CurrentSection.Title }}
</aside> </aside>
{{ partial "social-share.html" . }}
<h1 class="f1 athelas mt3 mb1"> <h1 class="f1 athelas mt3 mb1">
{{- .Title -}} {{- .Title -}}
</h1> </h1>
@ -62,6 +61,7 @@
</div> </div>
<aside class="w-30-l mt6-l"> <aside class="w-30-l mt6-l">
{{ partial "social-share.html" . }}
{{- partial "menu-contextual.html" . -}} {{- partial "menu-contextual.html" . -}}
</aside> </aside>

5
layouts/partials/social-share.html
View File

@ -24,10 +24,11 @@
</a> </a>
{{ end }} {{ end }}
</div> */}} </div> */}}
<div id="sharing" class="share-buttons" class="mt3 ananke-socials"> <div id="sharing" class="ananke-socials share-buttons">
<span class="i">Share!<span>
{{ range $service := $services }} {{ range $service := $services }}
{{ $href := index $hrefs .name }} {{ $href := index $hrefs .name }}
<a href="{{ $href }}" class="share-btn ananke-social-link {{ .name }}-share no-underline" aria-label="share on {{ .label }}"> <a href="{{ $href }}" class="share-btn ananke-social-link {{ .name }}-share no-underline" title="Share on {{ .label }}" aria-label="share on {{ .label }}">
{{ with .icon }} {{ with .icon }}
<span class="icon">{{ . }}</span> <span class="icon">{{ . }}</span>
{{ end }} {{ end }}