From 4386b685505b0142b46a29b097dd5340b5bcfb8c Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Sun, 10 Sep 2023 09:15:05 -0400
Subject: themes/default/layouts/partials/profile-tabs: Anchor tabs

Add absolute scroll target offset if browser supports it
---
 themes/default/layouts/partials/profile-tabs.html | 44 +++++++++++++++++++----
 themes/default/layouts/partials/profile.html      |  4 +--
 2 files changed, 39 insertions(+), 9 deletions(-)

(limited to 'themes/default/layouts/partials')

diff --git a/themes/default/layouts/partials/profile-tabs.html b/themes/default/layouts/partials/profile-tabs.html
index 5da84e9..ec87076 100644
--- a/themes/default/layouts/partials/profile-tabs.html
+++ b/themes/default/layouts/partials/profile-tabs.html
@@ -1,14 +1,44 @@
 {{- $author := partial "function-authors-data.html" . -}}
-{{- $label := "" -}}
+{{- $path := print ("" | absURL) "/" $author.user -}}
 
 <tab-bar>
   <nav>
-    <a data-label="{{ $label = "Posts" }}{{ $label }}"  href="{{ .Site.BaseURL }}/{{ $author.user }}/">{{ $label }}</a>
-    <a data-label="{{ $label = "Feeds" }}{{ $label }}"  href="{{ .Site.BaseURL }}/{{ $author.user }}/feeds/">{{ $label }}</a>
-    <a data-label="{{ $label = "Media" }}{{ $label }}"  href="{{ .Site.BaseURL }}/{{ $author.user }}/media/">{{ $label }}</a>
-    <a data-label="{{ $label = "Likes" }}{{ $label }}"  href="{{ .Site.BaseURL }}/{{ $author.user }}/likes/">{{ $label }}</a>
-    {{- if .Site.BuildDrafts }}
-    <a data-label="{{ $label = "Drafts" }}{{ $label }}" href="{{ .Site.BaseURL }}/{{ $author.user }}/drafts/" data-draft="" >{{ $label }}</a>
+    <a
+      data-label="{{ $label := "Posts" }}{{ $label }}"
+      href="{{ $path }}/#{{ lower $label }}">
+      {{ $label }}
+      <span data-scroll="" id="{{ lower $label }}"></span>
+   </a>
+
+    <a
+      data-label="{{ $label := "Feeds" }}{{ $label }}"
+      href="{{ $path }}/{{ lower $label }}/#{{ lower $label }}">
+      {{ $label }}
+      <span data-scroll="" id="{{ lower $label }}"></span>
+    </a>
+
+    <a
+      data-label="{{ $label := "Media" }}{{ $label }}"
+      href="{{ $path }}/{{ lower $label }}/#{{ lower $label }}">
+      {{ $label }}
+      <span data-scroll="" id="{{ lower $label }}"></span>
+    </a>
+
+    <a
+      data-label="{{ $label := "Likes" }}{{ $label }}"
+      href="{{ $path }}/{{ lower $label }}/#{{ lower $label }}">
+      {{ $label }}
+      <span data-scroll="" id="{{ lower $label }}"></span>
+    </a>
+
+    {{- if $.Site.BuildDrafts }}
+    <a
+      data-draft=""
+      data-label="{{ $label := "Drafts" }}{{ $label }}"
+      href="{{ $path }}/{{ lower $label }}/#{{ lower $label }}">
+      {{ $label }}
+      <span data-scroll="" id="{{ lower $label }}"></span>
+    </a>
     {{- end }}
   </nav>
 </tab-bar>
diff --git a/themes/default/layouts/partials/profile.html b/themes/default/layouts/partials/profile.html
index 2043e49..5d431e0 100644
--- a/themes/default/layouts/partials/profile.html
+++ b/themes/default/layouts/partials/profile.html
@@ -37,6 +37,6 @@
       <span><b>{{ with $author.feeds.rss }}{{ len . }}{{ else }} 0 {{ end }}</b> Following</span>
     </p>
   </footer>
-
-  {{ partial "profile-tabs.html" . }}
 </micro-header>
+
+{{- partial "profile-tabs.html" . -}}
-- 
cgit v1.2.3