citation

.gitignore

@@ -1,3 +1,5 @@
 .DS_Store
 /BLOG_POST_*.md
 /assets/dataset-treemap.png
+plots.py
+assets/

index.html

@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta
       name="description"
-      content="A comparative leaderboard for Armenian automatic speech recognition models."
+      content="ArmBench-ASR: Benchmarking Speech-to-Text Models on Armenian Speech Recognition Tasks."
     />
-    <title>ArmBench-ASR: Armenian Speech Recognition in the Real World</title>
+    <title>ArmBench-ASR</title>
     <script>
       (() => {
         let saved = null;
@@ -40,7 +40,7 @@
           </button>
         </div>
         <div class="hero-copy">
-          <h1><span class="heading-flag" role="img" aria-label="Armenian flag">🇦🇲</span> ArmBench-ASR: Benchmarking Speech-to-text models on Armenian Speech Recognition Tasks</h1>
+          <h1><span class="heading-flag" role="img" aria-label="Armenian flag">🇦🇲</span> ArmBench-ASR: Benchmarking Speech-to-Text Models on Armenian Speech Recognition Tasks</h1>
           <p class="lede">
             <span class="version-badge">v0.1</span>
           </p>
@@ -103,6 +103,18 @@
             <p>Select Open or Closed in the Availability column to show models.</p>
           </div>
         </div>
+
+        <section class="citation-card" aria-labelledby="citation-title">
+          <p class="citation-label" id="citation-title">Cite ArmBench-ASR</p>
+          <p>If you use ArmBench-ASR in your research, please cite it as follows:</p>
+          <pre><code>@misc{armbench-asr,
+  title={ArmBench-ASR: Benchmarking Speech-to-Text Models on Armenian Speech Recognition Tasks},
+  author={Metric-AI-Lab},
+  year={2026},
+  howpublished={\url{https://huggingface.co/spaces/Metric-AI/ArmBench-ASR}},
+  note={Benchmark for evaluating large language models on Armenian language tasks}
+}</code></pre>
+        </section>
       </section>
 
       <section class="panel" id="datasets" role="tabpanel" hidden>
@@ -146,6 +158,18 @@
             <dl class="dataset-meta"><div><dt>Samples</dt><dd>500</dd></div><div><dt>Audio</dt><dd>1.9 h</dd></div><div><dt>Style</dt><dd>Narrated news</dd></div></dl>
           </article>
         </div>
+
+        <section class="citation-card" aria-labelledby="citation-title">
+          <p class="citation-label" id="citation-title">Cite ArmBench-ASR</p>
+          <p>If you use ArmBench-ASR in your research, please cite it as follows:</p>
+          <pre><code>@misc{armbench-asr,
+  title={ArmBench-ASR: Benchmarking Speech-to-Text Models on Armenian Speech Recognition Tasks},
+  author={Metric-AI-Lab},
+  year={2026},
+  howpublished={\url{https://huggingface.co/spaces/Metric-AI/ArmBench-ASR}},
+  note={Benchmark for Evaluating Speech-to-Text Models on Armenian Speech Recognition Tasks}
+}</code></pre>
+        </section>
       </section>
 
       <section class="panel" id="about" role="tabpanel" hidden>
@@ -197,7 +221,6 @@
           Armenian news data used in this benchmark.
         </p>
       </section>
-      </section>
 
       <footer>
         <span>Armenian ASR Benchmark · v0.1</span>

style.css

@@ -245,6 +245,10 @@ tbody tr:hover td:nth-child(2) { background: #fbfbfa; }
 .acknowledgments-label { margin: 0 0 8px; color: var(--accent-dark); font: 700 12px "Manrope", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; }
 .acknowledgments p:last-child { margin: 0; color: var(--muted); line-height: 1.7; }
 .acknowledgments strong { color: var(--ink); font-weight: 700; }
+.citation-card { margin-top: 2rem; padding: 1.25rem 1.4rem; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 16px; }
+.citation-card .citation-label { margin: 0 0 0.35rem; font-weight: 700; }
+.citation-card > p:not(.citation-label) { margin: 0 0 0.9rem; }
+.citation-card pre { margin: 0; padding: 1rem; overflow-x: auto; border-radius: 12px; background: color-mix(in srgb, currentColor 7%, transparent); font-size: 0.86rem; line-height: 1.55; white-space: pre; }
 
 footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding: 20px 4px 0; border-top: 1px solid var(--line); color: #8a93a0; font-size: 12px; }
 footer span:first-child { color: #596474; font-weight: 700; }