fix(ui): prevent card overflow and improve task labeling for v1.1.1

CHANGELOG.md

@@ -20,6 +20,16 @@ and this project uses semantic version tags with a fixed role per figure:
 ### Fixed
 - None yet.
 
+## [v1.1.1] - 2026-02-18
+### Changed
+- Improved search-page readability and usability in `docs/search/index.html`.
+- Expanded short task labels into clearer full-form labels in UI controls and resource cards.
+- Standardized title casing for key UI labels and actions.
+
+### Fixed
+- Prevented long resource titles and long unbroken strings from overflowing card boundaries.
+- Improved capitalization and display formatting for source and task text in search results.
+
 ## [v1.0.1] - 2026-02-18
 ### Added
 - Promoted 6 high-confidence, non-duplicate Hugging Face resources to verified catalog:

CITATION.cff

@@ -2,7 +2,7 @@ cff-version: 1.2.0
 message: "If you use this repository, please cite it."
 title: "Pashto Language Resources Hub (Pukhto/Pashto)"
 type: software
-version: 1.0.1
+version: 1.1.1
 date-released: 2026-02-18
 license: Apache-2.0
 repository-code: "https://github.com/Musawer1214/pashto-language-resources"
@@ -20,3 +20,4 @@ keywords:
   - machine translation
   - language resources
 
+

README.md

@@ -73,7 +73,7 @@ python -m pytest -q
 ## Releases
 
 - Release notes index: [docs/releases/README.md](docs/releases/README.md)
-- Latest release notes: [v1.0.1](docs/releases/v1.0.1.md)
+- Latest release notes: [v1.1.1](docs/releases/v1.1.1.md)
 - Changelog: [CHANGELOG.md](CHANGELOG.md)
 
 ## Contributing
@@ -82,3 +82,4 @@ python -m pytest -q
 - Community communication: [community/COMMUNICATION.md](community/COMMUNICATION.md)
 - Resource guidelines: [docs/dataset_guidelines.md](docs/dataset_guidelines.md)
 
+

docs/index.md

@@ -43,7 +43,7 @@ description: Open-source Pashto (Pukhto/Pashto) datasets, models, benchmarks, AS
 ## Releases
 
 - Release notes index: [releases/README.md](releases/README.md)
-- Current release notes: [v1.0.1](releases/v1.0.1.md)
+- Current release notes: [v1.1.1](releases/v1.1.1.md)
 - Changelog: [../CHANGELOG.md](../CHANGELOG.md)
 
 ## Contribution
@@ -58,3 +58,4 @@ Start here:
 
 This project is released under Apache 2.0. See [LICENSE](../LICENSE).
 
+

docs/releases/README.md

@@ -4,13 +4,15 @@ This directory stores versioned release notes for the project.
 
 ## Current
 
-- [v1.0.1](v1.0.1.md)
+- [v1.1.1](v1.1.1.md)
 
 ## Previous
 
+- [v1.0.1](v1.0.1.md)
 - [v1.0.0](v1.0.0.md)
 
 ## Notes
 
+- `v1.1.1` is a code-fix release (middle figure update).
 - `v1.0.1` is a resource-catalog release (third figure update).
 - Earlier bootstrap history (`v0.1`) remains documented in [../../CHANGELOG.md](../../CHANGELOG.md).

docs/releases/v1.1.1.md

@@ -0,0 +1,33 @@
+# Release Notes: v1.1.1
+
+Release date: 2026-02-18
+Tag: `v1.1.1`
+
+## Summary
+
+Code-fix release focused on search-page UI correctness, readability, and terminology clarity.
+
+## Highlights
+
+- Fixed long-text overflow so content remains inside resource cards.
+- Improved task labels to use clear full forms where needed.
+- Applied better capitalization across key search UI labels.
+- Improved rendering consistency for long titles and source text.
+
+## Validation
+
+- `python scripts/check_links.py`
+- `python scripts/validate_resource_catalog.py`
+- `python scripts/validate_normalization.py data/processed/normalization_seed_v0.1.tsv`
+- `python -m pytest -q`
+
+## Versioning Rule Applied
+
+This release follows the project rule:
+
+- `vMAJOR.CODE.RESOURCE`
+- Code-fix updates increment the middle figure.
+
+## Compare
+
+- [GitHub compare: v1.0.1...v1.1.1](https://github.com/Musawer1214/pashto-language-resources/compare/v1.0.1...v1.1.1)

docs/search/index.html

@@ -10,7 +10,7 @@ permalink: /search/
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Pashto Resource Search</title>
-  <meta name="description" content="Search verified Pashto (Pukhto/Pashto) resources for ASR, TTS, NLP, machine translation, tools, datasets, models, and benchmarks.">
+  <meta name="description" content="Search verified Pashto (Pukhto/Pashto) resources for Automatic Speech Recognition (ASR), Text-to-Speech (TTS), Natural Language Processing (NLP), machine translation, tools, datasets, models, and benchmarks.">
   <meta name="keywords" content="Pashto resources, Pukhto resources, Pashto datasets, Pashto ASR, Pashto TTS, Pashto NLP, Pashto machine translation, Pashto benchmarks">
   <meta name="robots" content="index,follow,max-image-preview:large">
   <link rel="canonical" href="https://musawer1214.github.io/pashto-language-resources/search/">
@@ -28,7 +28,7 @@ permalink: /search/
       "@type": "CollectionPage",
       "name": "Pashto Resource Search",
       "url": "https://musawer1214.github.io/pashto-language-resources/search/",
-      "description": "Search verified and candidate Pashto resources for ASR, TTS, NLP, MT, tools, datasets, and benchmarks.",
+      "description": "Search verified and candidate Pashto resources for Automatic Speech Recognition (ASR), Text-to-Speech (TTS), Natural Language Processing (NLP), machine translation, tools, datasets, and benchmarks.",
       "inLanguage": "en",
       "about": [
         "Pashto datasets",
@@ -354,12 +354,18 @@ permalink: /search/
       margin: 0;
       font-size: 17px;
       line-height: 1.3;
+      overflow-wrap: anywhere;
+      word-break: break-word;
     }
 
     .title a {
       color: var(--ink);
       text-decoration: none;
       border-bottom: 1px solid transparent;
+      display: inline-block;
+      max-width: 100%;
+      overflow-wrap: anywhere;
+      word-break: break-word;
     }
 
     .title a:hover { border-bottom-color: currentColor; }
@@ -369,6 +375,8 @@ permalink: /search/
       color: var(--muted);
       line-height: 1.48;
       font-size: 13px;
+      overflow-wrap: anywhere;
+      word-break: break-word;
     }
 
     .meta-links {
@@ -384,12 +392,18 @@ permalink: /search/
       font-weight: 700;
       color: var(--brand);
       text-decoration: none;
+      display: inline-block;
+      max-width: 100%;
+      overflow-wrap: anywhere;
+      word-break: break-word;
     }
 
     .tasks {
       font-size: 12px;
       color: var(--muted);
       margin: 0;
+      overflow-wrap: anywhere;
+      word-break: break-word;
     }
 
     .empty {
@@ -446,7 +460,7 @@ permalink: /search/
           <p class="eyebrow">Pukhto / Pashto Resources</p>
           <h1>Pashto Technology Resource Search</h1>
           <p class="subtitle">
-            Filter verified and candidate resources for ASR, TTS, NLP, translation, tools, and benchmark work.
+            Filter verified and candidate resources for Automatic Speech Recognition (ASR), Text-to-Speech (TTS), Natural Language Processing (NLP), translation, tools, and benchmark work.
             Share search states with URL parameters and jump quickly to high-intent pages.
           </p>
         </div>
@@ -458,9 +472,9 @@ permalink: /search/
       </div>
       <nav class="quick-links" aria-label="Quick links">
         <a class="pill-link" href="../">Docs Home</a>
-        <a class="pill-link" href="../pashto_datasets.md">Datasets Page</a>
-        <a class="pill-link" href="../pashto_asr.md">ASR Page</a>
-        <a class="pill-link" href="../pashto_tts.md">TTS Page</a>
+        <a class="pill-link" href="../pashto_datasets.html">Datasets Page</a>
+        <a class="pill-link" href="../pashto_asr.html">ASR Page</a>
+        <a class="pill-link" href="../pashto_tts.html">TTS Page</a>
         <a class="pill-link" href="https://github.com/Musawer1214/pashto-language-resources">GitHub</a>
         <a class="pill-link" href="https://huggingface.co/Musawer14/pashto-language-resources">Hugging Face</a>
       </nav>
@@ -470,7 +484,7 @@ permalink: /search/
       <div class="controls">
         <div class="field search">
           <label for="q">Search</label>
-          <input id="q" type="search" placeholder="Try: asr, pbt_arab, translation, speech, benchmark" autocomplete="off">
+          <input id="q" type="search" placeholder="Try: Automatic Speech Recognition, PBT_Arab, Translation, Speech, Benchmark" autocomplete="off">
         </div>
         <div class="field">
           <label for="category">Category</label>
@@ -501,12 +515,12 @@ permalink: /search/
 
       <div class="action-row">
         <div class="group" role="group" aria-label="Result view mode">
-          <button type="button" class="btn active" id="viewGrid">Grid view</button>
-          <button type="button" class="btn" id="viewList">List view</button>
+          <button type="button" class="btn active" id="viewGrid">Grid View</button>
+          <button type="button" class="btn" id="viewList">List View</button>
         </div>
         <div class="group">
-          <button type="button" class="btn light" id="clearFilters">Clear filters</button>
-          <button type="button" class="btn brand" id="copyLink">Copy search link</button>
+          <button type="button" class="btn light" id="clearFilters">Clear Filters</button>
+          <button type="button" class="btn brand" id="copyLink">Copy Search Link</button>
         </div>
       </div>
 
@@ -516,7 +530,7 @@ permalink: /search/
         <button type="button" class="intent" data-intent="tts">TTS</button>
         <button type="button" class="intent" data-intent="nlp">NLP</button>
         <button type="button" class="intent" data-intent="mt">Translation</button>
-        <button type="button" class="intent" data-intent="verified">Verified only</button>
+        <button type="button" class="intent" data-intent="verified">Verified Only</button>
       </div>
     </section>
 
@@ -570,6 +584,113 @@ permalink: /search/
       intents: [...document.querySelectorAll(".intent")]
     };
 
+    const TASK_LABELS = {
+      "asr": "Automatic Speech Recognition (ASR)",
+      "tts": "Text-to-Speech (TTS)",
+      "nlp": "Natural Language Processing (NLP)",
+      "mt": "Machine Translation (MT)",
+      "llm": "Large Language Model (LLM)",
+      "ocr": "Optical Character Recognition (OCR)",
+      "pos-tagging": "Part-of-Speech Tagging",
+      "benchmarking": "Benchmarking",
+      "classification": "Classification",
+      "demo": "Demo",
+      "dictionary": "Dictionary",
+      "research": "Research",
+      "sentiment": "Sentiment Analysis",
+      "tooling": "Tooling",
+      "translation": "Translation"
+    };
+
+    const CATEGORY_LABELS = {
+      "dataset": "Dataset",
+      "model": "Model",
+      "benchmark": "Benchmark",
+      "tool": "Tool",
+      "paper": "Paper",
+      "project": "Project",
+      "code": "Code"
+    };
+
+    const SOURCE_LABELS = {
+      "huggingface": "Hugging Face",
+      "mozilla": "Mozilla",
+      "kaggle": "Kaggle",
+      "github": "GitHub",
+      "gitlab": "GitLab",
+      "arxiv": "arXiv",
+      "openalex": "OpenAlex",
+      "crossref": "Crossref",
+      "zenodo": "Zenodo",
+      "dataverse": "Dataverse",
+      "datacite": "DataCite",
+      "meta": "Meta",
+      "other": "Other"
+    };
+
+    const STATUS_LABELS = {
+      "verified": "Verified",
+      "candidate": "Candidate"
+    };
+
+    function toTitleCase(value) {
+      return String(value || "")
+        .replace(/[_-]+/g, " ")
+        .split(/\s+/)
+        .filter(Boolean)
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+        .join(" ");
+    }
+
+    function replaceAbbreviation(text, shortForm, expanded) {
+      const fullPhrase = expanded.replace(/\s*\([^)]*\)\s*$/, "");
+      if (new RegExp(fullPhrase, "i").test(text)) {
+        return text;
+      }
+      return text.replace(new RegExp(`\\b${shortForm}\\b`, "gi"), expanded);
+    }
+
+    function formatDisplayText(value) {
+      let text = String(value || "").trim();
+      if (!text) return text;
+
+      text = text
+        .replace(/\bhuggingface\b/gi, "Hugging Face")
+        .replace(/\bgithub\b/gi, "GitHub")
+        .replace(/\bgitlab\b/gi, "GitLab")
+        .replace(/\bopenalex\b/gi, "OpenAlex")
+        .replace(/\barxiv\b/gi, "arXiv");
+
+      text = replaceAbbreviation(text, "ASR", "Automatic Speech Recognition (ASR)");
+      text = replaceAbbreviation(text, "TTS", "Text-to-Speech (TTS)");
+      text = replaceAbbreviation(text, "NLP", "Natural Language Processing (NLP)");
+      text = replaceAbbreviation(text, "MT", "Machine Translation (MT)");
+      text = replaceAbbreviation(text, "LLM", "Large Language Model (LLM)");
+      text = replaceAbbreviation(text, "OCR", "Optical Character Recognition (OCR)");
+
+      return text.charAt(0).toUpperCase() + text.slice(1);
+    }
+
+    function formatTaskLabel(value) {
+      const key = String(value || "").toLowerCase();
+      return TASK_LABELS[key] || toTitleCase(value);
+    }
+
+    function formatCategoryLabel(value) {
+      const key = String(value || "").toLowerCase();
+      return CATEGORY_LABELS[key] || toTitleCase(value);
+    }
+
+    function formatSourceLabel(value) {
+      const key = String(value || "").toLowerCase();
+      return SOURCE_LABELS[key] || toTitleCase(value);
+    }
+
+    function formatStatusLabel(value) {
+      const key = String(value || "").toLowerCase();
+      return STATUS_LABELS[key] || toTitleCase(value);
+    }
+
     function esc(value) {
       return String(value || "")
         .replace(/&/g, "&amp;")
@@ -583,7 +704,7 @@ permalink: /search/
       return [...new Set(values.filter(Boolean))].sort((a, b) => a.localeCompare(b));
     }
 
-    function fillSelect(select, options, allLabel) {
+    function fillSelect(select, options, allLabel, labelFormatter = toTitleCase) {
       select.innerHTML = "";
       const allOption = document.createElement("option");
       allOption.value = "";
@@ -592,7 +713,7 @@ permalink: /search/
       for (const opt of options) {
         const entry = document.createElement("option");
         entry.value = opt;
-        entry.textContent = opt;
+        entry.textContent = labelFormatter(opt);
         select.appendChild(entry);
       }
     }
@@ -680,33 +801,33 @@ permalink: /search/
       els.countText.textContent = `${items.length} result${items.length === 1 ? "" : "s"} of ${state.all.length}`;
 
       if (!items.length) {
-        els.results.innerHTML = '<li class="empty">No matches. Try broadening filters or clearing one filter at a time.</li>';
+        els.results.innerHTML = '<li class="empty">No Matches. Try Broadening Filters or Clearing One Filter at a Time.</li>';
         return;
       }
 
       els.results.innerHTML = items.map((resource) => {
         const title = esc(resource.title || "Untitled resource");
         const url = esc(resource.url || "#");
-        const summary = esc(resource.summary || "No summary provided.");
-        const primaryUse = esc(resource.primary_use || "n/a");
-        const evidenceText = esc(resource.evidence_text || "evidence link");
+        const summary = esc(formatDisplayText(resource.summary || "No summary provided."));
+        const primaryUse = esc(formatDisplayText(resource.primary_use || "Not available"));
+        const evidenceText = esc(formatDisplayText(resource.evidence_text || "Evidence link"));
         const evidenceUrl = esc(resource.evidence_url || resource.url || "#");
-        const tasks = (resource.tasks || []).map((t) => esc(t)).join(", ") || "n/a";
+        const tasks = (resource.tasks || []).map((t) => esc(formatTaskLabel(t))).join(", ") || "Not available";
 
         return `
           <li class="card">
             <div class="chips">
-              ${chip(resource.category || "unknown", "category")}
-              ${chip(resource.source || "unknown", "source")}
-              ${chip(resource.status || "unknown", "status")}
+              ${chip(formatCategoryLabel(resource.category || "unknown"), "category")}
+              ${chip(formatSourceLabel(resource.source || "unknown"), "source")}
+              ${chip(formatStatusLabel(resource.status || "unknown"), "status")}
             </div>
             <h2 class="title"><a href="${url}" target="_blank" rel="noreferrer">${title}</a></h2>
             <p class="text">${summary}</p>
-            <p class="text"><strong>Primary use:</strong> ${primaryUse}</p>
+            <p class="text"><strong>Primary Use:</strong> ${primaryUse}</p>
             <p class="tasks"><strong>Tasks:</strong> ${tasks}</p>
             <div class="meta-links">
-              <a class="mini-link" href="${url}" target="_blank" rel="noreferrer">Open resource</a>
-              <a class="mini-link" href="${evidenceUrl}" target="_blank" rel="noreferrer">Pashto evidence: ${evidenceText}</a>
+              <a class="mini-link" href="${url}" target="_blank" rel="noreferrer">Open Resource</a>
+              <a class="mini-link" href="${evidenceUrl}" target="_blank" rel="noreferrer">Pashto Evidence: ${evidenceText}</a>
             </div>
           </li>
         `;
@@ -772,11 +893,11 @@ permalink: /search/
     async function copySearchLink() {
       try {
         await navigator.clipboard.writeText(window.location.href);
-        els.copyLink.textContent = "Link copied";
-        setTimeout(() => { els.copyLink.textContent = "Copy search link"; }, 1200);
+        els.copyLink.textContent = "Link Copied";
+        setTimeout(() => { els.copyLink.textContent = "Copy Search Link"; }, 1200);
       } catch (_error) {
-        els.copyLink.textContent = "Copy failed";
-        setTimeout(() => { els.copyLink.textContent = "Copy search link"; }, 1200);
+        els.copyLink.textContent = "Copy Failed";
+        setTimeout(() => { els.copyLink.textContent = "Copy Search Link"; }, 1200);
       }
     }
 
@@ -788,10 +909,10 @@ permalink: /search/
 
         state.all = payload.resources || [];
 
-        fillSelect(els.category, uniqSorted(state.all.map((r) => r.category)), "All categories");
-        fillSelect(els.source, uniqSorted(state.all.map((r) => r.source)), "All sources");
-        fillSelect(els.status, uniqSorted(state.all.map((r) => r.status)), "All statuses");
-        fillSelect(els.task, uniqSorted(state.all.flatMap((r) => r.tasks || [])), "All tasks");
+        fillSelect(els.category, uniqSorted(state.all.map((r) => r.category)), "All Categories", formatCategoryLabel);
+        fillSelect(els.source, uniqSorted(state.all.map((r) => r.source)), "All Sources", formatSourceLabel);
+        fillSelect(els.status, uniqSorted(state.all.map((r) => r.status)), "All Statuses", formatStatusLabel);
+        fillSelect(els.task, uniqSorted(state.all.flatMap((r) => r.tasks || [])), "All Tasks", formatTaskLabel);
 
         updateMetrics();
 
@@ -825,3 +946,6 @@ permalink: /search/
   </script>
 </body>
 </html>
+
+
+

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "pashto-language-resources"
-version = "1.0.1"
+version = "1.1.1"
 description = "Open Pashto language resources for ASR, TTS, NLP, and benchmarks"
 requires-python = ">=3.10"
 readme = "README.md"
@@ -37,3 +37,4 @@ packages = []
 
 
 
+