diff options
| author | eltrac <hi@eltr.ac> | 2026-03-08 18:21:23 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-03-08 18:21:23 +0800 |
| commit | a21362a4e31a9c325bb69c5681acb0efdf10f4f6 (patch) | |
| tree | eefb5629b77698560a6346738243639058db2551 /layouts/_partials | |
| parent | 302b179aa98c8693ce01bc77a56c3e92d0704af0 (diff) | |
remove: term header
term header was used to filter term page list, hide weeklies and reverse
chronological order. it is now rendered obsolete, since weekly became
the standalone section and has an individual space on term page, and
"reverse order" was never really a necessity.
Diffstat (limited to 'layouts/_partials')
| -rw-r--r-- | layouts/_partials/term/term-header.html | 20 | ||||
| -rw-r--r-- | layouts/_partials/term/term-scripts.html | 73 |
2 files changed, 0 insertions, 93 deletions
diff --git a/layouts/_partials/term/term-header.html b/layouts/_partials/term/term-header.html deleted file mode 100644 index 26bf7999..00000000 --- a/layouts/_partials/term/term-header.html +++ /dev/null @@ -1,20 +0,0 @@ -<div class="term-header"> - <div class="my-4 flex items-center"> - <span class="text-secondary">筛选:</span> - {{ if eq .Data.Singular "tag" }} - <button class="bg-transparent dark:invert" id="hide-weekly" - data-tooltip='{{ T "termFilterButton.hideWeekly" . }}'> - <img src="/img/crow.svg" alt="Hide Weekly" - class="w-6 h-6 block hover:animate-swing" /> - </button> - {{ end }} - <button class="bg-transparent dark:invert" id="reverse-order" - data-tooltip='{{ T "termFilterButton.reverseOrder" . }}'> - <img src="/img/clockwork.svg" alt="Reverse Order" - class="w-6 h-6 block hover:rotate-180 transition-transform" /> - </button> - </div> - {{ with .Params.description | markdownify }} - <p class="term-description">{{ . }}</p> - {{ end }} -</div> diff --git a/layouts/_partials/term/term-scripts.html b/layouts/_partials/term/term-scripts.html deleted file mode 100644 index 45ac9ac6..00000000 --- a/layouts/_partials/term/term-scripts.html +++ /dev/null @@ -1,73 +0,0 @@ -<script> - const postList = document.getElementById("term-posts") - const reverseButton = document.getElementById("reverse-order") - const reverseOrder = () => { - // play exit animation - postList.classList.remove("animate-fade-in") - postList.classList.add("animate-fade-out") - setTimeout(() => { - // reverse order - postList.classList.toggle("flex-col") - postList.classList.toggle("flex-col-reverse") - - // play entrance animation - postList.classList.remove("animate-fade-out") - postList.classList.add("animate-fade-in") - }, 100) - } - reverseButton.addEventListener('click', reverseOrder) -</script> - -{{ if eq .Data.Singular "tag" }} -<script> - const hideWeeklyButton = document.getElementById("hide-weekly") - const weeklies = postList.querySelectorAll(".weekly") - - if (weeklies.length === 0) { - hideWeeklyButton.classList.add("hidden") - } - - const entranceAnimation = "animate-flip-in-x" - const exitAnimation = "animate-flip-out-x" - const animationDuration = 500 - - const toggleWeekly = () => { - if (postList.classList.contains("weekly-hidden")) { - // show weekly posts - postList.classList.remove("weekly-hidden") - weeklies.forEach(weekly => { - weekly.classList.remove("hidden!") - weekly.classList.add(entranceAnimation) - setTimeout(() => { - weekly.classList.remove(entranceAnimation) - }, animationDuration) - }) - } else { - // hide weekly posts - postList.classList.add("weekly-hidden") - weeklies.forEach(weekly => { - weekly.classList.add(exitAnimation) - setTimeout(() => { - weekly.classList.add("hidden!") - weekly.classList.remove(exitAnimation) - }, animationDuration) - }) - } - } - - const highlightClasses = ["animate-flash", "opacity-50"] - - const highlightWeekly = () => { - if (weeklies[0].classList.contains(highlightClasses[0])) return; - weeklies.forEach(e => e.classList.add(...highlightClasses)) - } - - const unhighlightWeekly = () => { - weeklies.forEach(e => e.classList.remove(...highlightClasses)) - } - - hideWeeklyButton.addEventListener("click", toggleWeekly) - hideWeeklyButton.addEventListener("mouseover", highlightWeekly) - hideWeeklyButton.addEventListener("mouseout", unhighlightWeekly) -</script> -{{ end }} |
