From: Danilo M. Date: Fri, 17 Apr 2026 14:36:22 +0000 (+0200) Subject: feat: add social-share partial with 9 targets and two layout modes X-Git-Tag: release_22042026-1342~111 X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=09bf24e83154aba8e0ed8178cebdeac16553e990;p=danix.xyz-2.git feat: add social-share partial with 9 targets and two layout modes --- diff --git a/.claude/settings.local.json b/.claude/settings.local.json index b96ee8d..ab7c2d9 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -16,7 +16,8 @@ "Bash(hugo server *)", "Bash(hugo config *)", "Bash(hugo --debug)", - "Bash(hugo)" + "Bash(hugo)", + "Bash(hugo -D)" ] } } diff --git a/TODO.md b/TODO.md index 12cab19..ddf6a90 100644 --- a/TODO.md +++ b/TODO.md @@ -1,7 +1,9 @@ # danix.xyz Week 6+ TODO List -- [ ] Related Articles widget in sidebar. +- [✅] Related Articles widget in sidebar. +- [⌛] social sharing sidebar widget - [ ] Footer redesign (3-column, social badges, fortune cookie, tech badges, etc.) +- [ ] shortcodes cleanup (remove duplicates) - [ ] Search functionality - [ ] Open Graph meta tags for social sharing - [ ] Sitemap & robots.txt optimization diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index e92eb90..aaf57fd 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -1689,10 +1689,18 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { margin-bottom: 2rem; } +.ml-1 { + margin-left: 0.25rem; +} + .ml-2 { margin-left: 0.5rem; } +.mt-0\.5 { + margin-top: 0.125rem; +} + .mt-1 { margin-top: 0.25rem; } @@ -1725,6 +1733,13 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { margin-top: 2rem; } +.line-clamp-1 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + .line-clamp-3 { overflow: hidden; display: -webkit-box; @@ -1964,6 +1979,12 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { overflow-y: auto; } +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .rounded { border-radius: 0.25rem; } @@ -2001,6 +2022,10 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { border-left-width: 1px; } +.border-l-2 { + border-left-width: 2px; +} + .border-l-4 { border-left-width: 4px; } @@ -2117,6 +2142,10 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { padding-bottom: 2rem; } +.pl-3 { + padding-left: 0.75rem; +} + .pl-6 { padding-left: 1.5rem; } @@ -2218,6 +2247,10 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { line-height: 1.625; } +.leading-snug { + line-height: 1.375; +} + .text-accent { color: var(--accent); } diff --git a/themes/danix-xyz-hacker/layouts/partials/social-share.html b/themes/danix-xyz-hacker/layouts/partials/social-share.html new file mode 100644 index 0000000..6934f4e --- /dev/null +++ b/themes/danix-xyz-hacker/layouts/partials/social-share.html @@ -0,0 +1,123 @@ +{{ $page := .page }} +{{ $mode := .mode | default "sidebar" }} +{{ $url := $page.Permalink | urlquery }} +{{ $title := $page.Title | urlquery }} + +{{ $gridClass := "grid-cols-2 gap-2" }} +{{ if eq $mode "inline" }} + {{ $gridClass = "grid-cols-5 gap-3 justify-items-center" }} +{{ end }} + +
+

{{ i18n "share" }}

+ +