Oliver/NGO
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux: toggle blog list and fix lang selector

Browse Source
This commit is contained in:
NGOs WebDev
2026-03-22 17:42:15 -03:00
parent 5883044e7c
commit 6bec9c6d47
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+16 -7
View File
@@ -39,6 +39,14 @@
</script> </script>
<style> <style>
body { font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; } body { font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; }
#lang-selector {
color: #ffffff;
}
#lang-selector:focus,
#lang-selector:focus-visible {
color: #201824;
background-color: #ffffff;
}
</style> </style>
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -246,7 +254,7 @@
'blog-title': 'Blog & resource hub', 'blog-title': 'Blog & resource hub',
'blog-subtitle': 'Stay ahead with tutorials, case studies, and playbooks for NGO ERP rollouts.', 'blog-subtitle': 'Stay ahead with tutorials, case studies, and playbooks for NGO ERP rollouts.',
'blog-link': 'Browse all articles →', 'blog-link': 'Browse all articles →',
'blog-all-open': 'Showing all articles', 'blog-all-open': 'Show fewer articles',
'blog-read-more': 'Read more', 'blog-read-more': 'Read more',
'blog-show-less': 'Show less', 'blog-show-less': 'Show less',
'blog-error': 'Unable to load articles right now.', 'blog-error': 'Unable to load articles right now.',
@@ -306,7 +314,7 @@
'blog-title': 'Blog y centro de recursos', 'blog-title': 'Blog y centro de recursos',
'blog-subtitle': 'Aprende con tutoriales, casos prácticos y playbooks para implementar un ERP en tu ONG.', 'blog-subtitle': 'Aprende con tutoriales, casos prácticos y playbooks para implementar un ERP en tu ONG.',
'blog-link': 'Ver todos los artículos →', 'blog-link': 'Ver todos los artículos →',
'blog-all-open': 'Mostrando todos los artículos', 'blog-all-open': 'Mostrar menos artículos',
'blog-read-more': 'Leer más', 'blog-read-more': 'Leer más',
'blog-show-less': 'Mostrar menos', 'blog-show-less': 'Mostrar menos',
'blog-error': 'No pudimos cargar los artículos en este momento.', 'blog-error': 'No pudimos cargar los artículos en este momento.',
@@ -366,7 +374,7 @@
'blog-title': 'Blog & Wissenshub', 'blog-title': 'Blog & Wissenshub',
'blog-subtitle': 'Tutorials, Fallstudien und Playbooks für erfolgreiche NGO-ERP-Rollouts.', 'blog-subtitle': 'Tutorials, Fallstudien und Playbooks für erfolgreiche NGO-ERP-Rollouts.',
'blog-link': 'Alle Artikel ansehen →', 'blog-link': 'Alle Artikel ansehen →',
'blog-all-open': 'Alle Artikel werden angezeigt', 'blog-all-open': 'Weniger Artikel anzeigen',
'blog-read-more': 'Mehr lesen', 'blog-read-more': 'Mehr lesen',
'blog-show-less': 'Weniger anzeigen', 'blog-show-less': 'Weniger anzeigen',
'blog-error': 'Artikel konnten gerade nicht geladen werden.', 'blog-error': 'Artikel konnten gerade nicht geladen werden.',
@@ -429,8 +437,8 @@
if (blogToggle) { if (blogToggle) {
blogToggle.addEventListener('click', () => { blogToggle.addEventListener('click', () => {
if (blogExpanded || blogPosts.length <= BLOG_LIMIT) return; if (blogPosts.length <= BLOG_LIMIT) return;
blogExpanded = true; blogExpanded = !blogExpanded;
renderBlogCards(); renderBlogCards();
}); });
} }
@@ -528,13 +536,14 @@
if (!blogToggle) return; if (!blogToggle) return;
if (blogPosts.length <= BLOG_LIMIT) { if (blogPosts.length <= BLOG_LIMIT) {
blogToggle.classList.add('hidden'); blogToggle.classList.add('hidden');
blogExpanded = false;
return; return;
} }
blogToggle.classList.remove('hidden'); blogToggle.classList.remove('hidden');
blogToggle.disabled = blogExpanded; blogToggle.disabled = false;
const locale = document.documentElement.lang || 'en'; const locale = document.documentElement.lang || 'en';
blogToggle.textContent = blogExpanded blogToggle.textContent = blogExpanded
? getTranslation(locale, 'blog-all-open', 'Showing all articles') ? getTranslation(locale, 'blog-all-open', 'Show fewer articles')
: getTranslation(locale, 'blog-link', 'Browse all articles →'); : getTranslation(locale, 'blog-link', 'Browse all articles →');
} }