website: fix glossary capitalize issue (#6388)

* fix glossary capitalize issue

* fix gradient scroll issue

* fix gradient scroll issue
This commit is contained in:
M. Sarmad Qadeer
2025-10-22 03:04:05 +05:00
committed by GitHub
parent a74e3031df
commit 6fbdccaa85
3 changed files with 50 additions and 50 deletions

View File

@@ -113,9 +113,10 @@ module.exports = function (ty) {
allContentNodes.forEach((node) => {
const regex = new RegExp(`(?<![/#])\\b${term.term}\\b`, 'gi')
const replacement = `<span data-glossary="tooltip-${id}" class="glossary-term">${term.term}</span>`
const beforeContent = node.innerHTML
node.innerHTML = node.innerHTML.replace(regex, replacement)
node.innerHTML = node.innerHTML.replace(regex, (match) => {
return `<span data-glossary="tooltip-${id}" class="glossary-term">${match}</span>`
})
if (beforeContent !== node.innerHTML && !changeNoted) {
changeNoted = true
}

View File

@@ -414,6 +414,10 @@ section.page .area {
/* border: 2px solid red; */
}
#directory .area {
position: relative;
}
/* --- COVER --- */
section.cover {
background-image: url("/img/design_3/cover-light.webp");
@@ -630,11 +634,9 @@ main .section-bg {
top: 0;
inset: 0;
height: 100lvh;
/* fallback */
margin-bottom: -100lvh;
/* cancel own layout height */
width: 100%;
background-image: var(--bg-grad);
background-position: center;
background-size: 102% 102%;

View File

@@ -181,53 +181,50 @@ active_home: true
</div>
</div>
</section>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="{{ 'index-directory-users-group-title' | i18n({}, lang) }}" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>{{ "index-directory-h2" | i18n({}, lang) }}</h2>
<p>{{ "index-directory-p1" | i18n({}, lang) }}</p>
<p>{{ "index-directory-p2" | i18n({}, lang) }}</p>
<a class="gradient-text" href="/directory">{{ "index-directory-cta" | i18n({}, lang) }}</a>
</div>
</div>
</section>
{% include "footer.html" %}
</main>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="{{ 'index-directory-users-group-title' | i18n({}, lang) }}" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>{{ "index-directory-h2" | i18n({}, lang) }}</h2>
<p>{{ "index-directory-p1" | i18n({}, lang) }}</p>
<p>{{ "index-directory-p2" | i18n({}, lang) }}</p>
<a class="gradient-text" href="/directory">{{ "index-directory-cta" | i18n({}, lang) }}</a>
</div>
</div>
</section>
{% include "footer.html" %}
</div>