From 4e624ec64275003c17a17d5f5ff84562dedb3e0c Mon Sep 17 00:00:00 2001
From: Ronald Tse <ronald.tse@ribose.com>
Date: Thu, 30 Apr 2026 00:16:27 +0800
Subject: [PATCH] feat: use real logos for QUDT, UCUM, and BIPM authority
 badges
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace text-based authority icons (ⓢ, ⓤ, ⓠ) with actual SVG logos
in UnitsDB entity detail external references section.

- Add logo-qudt.svg, logo-ucum.svg, logo-bipm.svg to public assets
- Update UnitsDBEntityDetail to render logos via <img> in auth badges
- Adjust badge CSS for variable-width logos (BIPM/QUDT are wide,
  UCUM is circular) with per-authority sizing
---
 .../theme/components/UnitsDBEntityDetail.vue  | 29 ++++++++++++-------
 public/logo-bipm.svg                          |  1 +
 public/logo-qudt.svg                          |  1 +
 public/logo-ucum.svg                          |  1 +
 4 files changed, 22 insertions(+), 10 deletions(-)
 create mode 100644 public/logo-bipm.svg
 create mode 100644 public/logo-qudt.svg
 create mode 100644 public/logo-ucum.svg

diff --git a/.vitepress/theme/components/UnitsDBEntityDetail.vue b/.vitepress/theme/components/UnitsDBEntityDetail.vue
index f91f14b..b2492b2 100644
--- a/.vitepress/theme/components/UnitsDBEntityDetail.vue
+++ b/.vitepress/theme/components/UnitsDBEntityDetail.vue
@@ -34,11 +34,10 @@ const AUTHORITY_LABEL: Record<string, string> = {
   nist: 'NIST',
 }
 
-const AUTHORITY_ICON: Record<string, string> = {
-  'si-digital-framework': 'ⓢ',
-  ucum: 'ⓤ',
-  qudt: 'ⓠ',
-  nist: 'Ⓝ',
+const AUTHORITY_LOGO: Record<string, string> = {
+  'si-digital-framework': '/logo-bipm.svg',
+  ucum: '/logo-ucum.svg',
+  qudt: '/logo-qudt.svg',
 }
 
 const DISPLAY_SYMBOLS = ['unicode']
@@ -521,7 +520,10 @@ async function copyLink() {
                 :href="ref.uri.startsWith('http') ? ref.uri : undefined"
                 target="_blank" rel="noopener"
                 class="ep-ref-row ep-extref">
-                <span class="ep-auth-badge" :class="'ep-auth-' + ref.authority">{{ AUTHORITY_ICON[ref.authority] || '◆' }}</span>
+                <span class="ep-auth-badge" :class="'ep-auth-' + ref.authority">
+                  <img v-if="AUTHORITY_LOGO[ref.authority]" :src="AUTHORITY_LOGO[ref.authority]" :alt="AUTHORITY_LABEL[ref.authority] || ref.authority" class="ep-auth-logo" />
+                  <template v-else>{{ ref.authority === 'nist' ? 'Ⓝ' : '◆' }}</template>
+                </span>
                 <span class="ep-extref-body">
                   <span class="ep-auth-label">{{ AUTHORITY_LABEL[ref.authority] || ref.authority }}</span>
                   <code class="ep-extref-uri">{{ ref.uri }}</code>
@@ -763,14 +765,21 @@ async function copyLink() {
 }
 .ep-auth-badge {
   display: inline-flex; align-items: center; justify-content: center;
-  width: 22px; height: 22px; border-radius: 5px;
+  width: auto; min-width: 22px; height: 22px; border-radius: 5px;
+  padding: 0 6px;
   font-size: 0.5625rem; font-weight: 700; flex-shrink: 0;
   background: var(--vp-c-bg-soft); border: 1px solid var(--vp-c-divider);
   color: var(--vp-c-text-2);
 }
-.ep-auth-si-digital-framework { background: rgba(20,184,166,0.1); border-color: rgba(20,184,166,0.3); color: #14b8a6; }
-.ep-auth-ucum { background: rgba(87,160,254,0.1); border-color: rgba(87,160,254,0.3); color: #57a0fe; }
-.ep-auth-qudt { background: rgba(139,92,246,0.1); border-color: rgba(139,92,246,0.3); color: #8b5cf6; }
+.ep-auth-logo {
+  height: 14px; width: auto; max-width: 60px; object-fit: contain;
+}
+.ep-auth-si-digital-framework { background: rgba(20,184,166,0.1); border-color: rgba(20,184,166,0.3); padding: 0 4px; }
+.ep-auth-si-digital-framework .ep-auth-logo { height: 16px; max-width: 52px; }
+.ep-auth-ucum { background: rgba(87,160,254,0.1); border-color: rgba(87,160,254,0.3); padding: 2px; }
+.ep-auth-ucum .ep-auth-logo { height: 16px; max-width: 16px; }
+.ep-auth-qudt { background: rgba(139,92,246,0.1); border-color: rgba(139,92,246,0.3); padding: 0 4px; }
+.ep-auth-qudt .ep-auth-logo { height: 14px; max-width: 44px; }
 .ep-auth-nist { background: rgba(45,44,105,0.1); border-color: rgba(45,44,105,0.3); color: #2d2c69; }
 .ep-auth-label { font-size: 0.75rem; font-weight: 500; color: var(--vp-c-text-1); }
 
diff --git a/public/logo-bipm.svg b/public/logo-bipm.svg
new file mode 100644
index 0000000..ecf385b
--- /dev/null
+++ b/public/logo-bipm.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-025413ec-7b33-4cab-9252-e1a1cbcbc7d4" xmlns="http://www.w3.org/2000/svg" width="216.86mm" height="51.44mm" viewBox="0 0 614.73 145.8"><rect x="40.59" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="84.49" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="129.99" y="-.11" width="9.37" height="145.75" style="fill:#0f3c80;"/><rect x="122.95" y="101.81" width="24.05" height="24.05" transform="translate(120.03 -62.1) rotate(45)" style="fill:#0f3c80;"/><rect x="77.01" y="60.88" width="24.05" height="24.05" transform="translate(77.63 -41.61) rotate(45)" style="fill:#0f3c80;"/><rect x="33.12" y="21.55" width="24.05" height="24.05" transform="translate(36.97 -22.09) rotate(45)" style="fill:#0f3c80;"/><path d="M191.41,25.36h42.05c9.98,0,17.57,2.4,22.75,7.2,5.18,4.8,7.78,11.71,7.78,20.74,0,5.47-.99,10.01-2.95,13.61-1.97,3.6-4.97,6.65-9,9.14,4.03.77,7.46,1.94,10.3,3.53,2.83,1.58,5.13,3.53,6.91,5.83,1.78,2.3,3.05,4.9,3.82,7.78.77,2.88,1.15,5.95,1.15,9.22,0,5.09-.89,9.6-2.66,13.54-1.78,3.94-4.27,7.25-7.49,9.94-3.22,2.69-7.13,4.71-11.74,6.05-4.61,1.34-9.79,2.02-15.55,2.02h-45.36V25.36ZM219.63,67.98h5.18c8.83,0,13.25-3.5,13.25-10.51s-4.42-10.51-13.25-10.51h-5.18v21.02ZM219.63,112.05h6.19c7.1,0,12.19-.91,15.26-2.74,3.07-1.82,4.61-4.75,4.61-8.78s-1.54-6.96-4.61-8.78c-3.07-1.82-8.16-2.74-15.26-2.74h-6.19v23.04Z" style="fill:#0f3c80;"/><path d="M315.68,25.36v108.58h-28.22V25.36h28.22Z" style="fill:#0f3c80;"/><path d="M363.05,133.93h-28.22V25.36h44.93c12.19,0,21.53,3.17,28.01,9.5,6.48,6.34,9.72,15.26,9.72,26.78s-3.24,20.45-9.72,26.78c-6.48,6.34-15.82,9.5-28.01,9.5h-16.7v36ZM363.05,75.18h9.36c10.37,0,15.55-4.51,15.55-13.54s-5.18-13.54-15.55-13.54h-9.36v27.07Z" style="fill:#0f3c80;"/><path d="M423.96,133.93l18.43-108.58h27.94l21.74,57.89,21.6-57.89h27.94l18.43,108.58h-28.08l-9.36-62.5-25.63,62.5h-11.23l-24.34-62.5-9.36,62.5h-28.08Z" style="fill:#0f3c80;"/></svg>
\ No newline at end of file
diff --git a/public/logo-qudt.svg b/public/logo-qudt.svg
new file mode 100644
index 0000000..a4d869a
--- /dev/null
+++ b/public/logo-qudt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-bcc41fea-98c0-473e-ac8d-91bd4a210034" xmlns="http://www.w3.org/2000/svg" width="300" height="120" viewBox="0 0 300 120"><path d="m49.15,12.6c6.2,0,11.85.85,16.95,2.55,5.1,1.7,9.47,4.17,13.1,7.4,3.63,3.23,6.47,7.17,8.5,11.8,2.03,4.63,3.05,9.85,3.05,15.65,0,7-1.48,13.45-4.45,19.35-2.97,5.9-7.18,10.72-12.65,14.45,5.2,2.87,10.28,5.53,15.25,8,4.97,2.47,9.88,4.6,14.75,6.4,4.87,1.8,9.73,3.22,14.6,4.25,4.87,1.03,9.83,1.55,14.9,1.55,3.6,0,7.22-.29,10.85-.85,3.63-.57,7.42-1.45,11.35-2.65l1.9,4.2c-5.6,1.93-10.98,3.32-16.15,4.15-5.17.83-10.22,1.25-15.15,1.25-6,0-11.75-.57-17.25-1.7-5.5-1.13-10.77-2.7-15.8-4.7-5.03-2-9.87-4.33-14.5-7-4.63-2.67-9.05-5.53-13.25-8.6-2.4.87-4.92,1.53-7.55,2-2.63.47-5.45.7-8.45.7-7,0-13.05-1.1-18.15-3.3-5.1-2.2-9.33-5.13-12.7-8.8-3.37-3.67-5.85-7.87-7.45-12.6-1.6-4.73-2.4-9.67-2.4-14.8,0-4.87.83-9.62,2.5-14.25,1.67-4.63,4.17-8.77,7.5-12.4,3.33-3.63,7.55-6.55,12.65-8.75,5.1-2.2,11.12-3.3,18.05-3.3Zm-.95,3.8c-4.54,0-8.48.84-11.82,2.5-3.34,1.67-6.11,3.96-8.32,6.86-2.2,2.9-3.86,6.34-4.96,10.31-1.1,3.97-1.65,8.26-1.65,12.87,0,4.94.63,9.66,1.9,14.17,1.27,4.51,3.17,8.5,5.71,11.97s5.68,6.24,9.42,8.31c3.74,2.07,8.11,3.11,13.12,3.11s8.88-.88,12.22-2.65c3.34-1.77,6.06-4.17,8.16-7.21,2.1-3.04,3.62-6.58,4.56-10.61.93-4.04,1.4-8.36,1.4-12.97,0-5.61-.72-10.66-2.15-15.17-1.44-4.51-3.46-8.35-6.06-11.52-2.6-3.17-5.74-5.62-9.42-7.36-3.67-1.74-7.71-2.6-12.12-2.6Z" style="fill:#07478f; stroke-width:0px;"/><path d="m112.15,13.9v3.5c-4.2,0-6.3,1.07-6.3,3.2v36c0,3.73.23,7.33.7,10.8.47,3.47,1.45,6.55,2.95,9.25s3.65,4.87,6.45,6.5c2.8,1.63,6.5,2.45,11.1,2.45,7.27,0,12.82-2.52,16.65-7.55,3.83-5.03,5.75-12.88,5.75-23.55V22.3c0-3.27-3.17-4.9-9.5-4.9v-3.5h22.6v3.5c-5.27,0-7.9,1.63-7.9,4.9v29.6c0,6.33-.52,11.92-1.55,16.75-1.03,4.83-2.7,8.9-5,12.2-2.3,3.3-5.3,5.78-9,7.45-3.7,1.67-8.25,2.5-13.65,2.5-4.87,0-9.2-.65-13-1.95s-7.02-3.3-9.65-6c-2.63-2.7-4.65-6.15-6.05-10.35-1.4-4.2-2.1-9.23-2.1-15.1V20.6c0-2.13-2.53-3.2-7.6-3.2v-3.5h25.1Z" style="fill:#07478f; stroke-width:0px;"/><path d="m193.2,13.5c6.46,0,12.17.87,17.13,2.6,4.96,1.73,9.14,4.23,12.53,7.5,3.4,3.27,5.98,7.25,7.74,11.95,1.76,4.7,2.65,10.02,2.65,15.95s-.95,11.12-2.85,15.75c-1.9,4.63-4.59,8.57-8.09,11.8-3.5,3.23-7.72,5.72-12.68,7.45-4.96,1.73-10.5,2.6-16.63,2.6h-35.35v-3.5c4.53,0,6.8-1.77,6.8-5.3V23.2c0-3.87-2.4-5.8-7.2-5.8v-3.5c.93.13,1.88.25,2.85.35s1.98.15,3.05.15c4.66,0,9.59-.15,14.78-.45,5.19-.3,10.29-.45,15.28-.45Zm-10.45,4.8c-1.4,0-2.57.07-3.5.2-.93.13-1.67.43-2.2.9-.53.47-.9,1.15-1.1,2.05s-.3,2.15-.3,3.75v50.9c0,2,.17,3.58.5,4.75.33,1.17.9,2.05,1.7,2.65.8.6,1.83.97,3.1,1.1,1.27.13,2.87.2,4.8.2h8.3c9,0,15.65-2.68,19.95-8.05,4.3-5.37,6.45-13.78,6.45-25.25s-2.45-19.62-7.35-25.05c-4.9-5.43-11.88-8.15-20.95-8.15h-9.4Z" style="fill:#07478f; stroke-width:0px;"/><path d="m228.25,25.7l3.1-12.6c1.73.27,3.38.47,4.95.6,1.57.13,3.08.2,4.55.2h43.6c1.6,0,3.22-.07,4.85-.2,1.63-.13,3.32-.33,5.05-.6v13.4l-3,.5c-.8-5.27-3.97-7.9-9.5-7.9h-11.7c-1.67,0-2.5.63-2.5,1.9v60.2c0,2.93,2.67,4.4,8,4.4v3.5h-26.4v-3.5c4.73,0,7.1-1.47,7.1-4.4V21c0-1.53-.87-2.3-2.6-2.3h-13.6c-2.93,0-5.73,2.6-8.4,7.8l-3.5-.8Z" style="fill:#07478f; stroke-width:0px;"/></svg>
\ No newline at end of file
diff --git a/public/logo-ucum.svg b/public/logo-ucum.svg
new file mode 100644
index 0000000..ff9e6eb
--- /dev/null
+++ b/public/logo-ucum.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-fa74474b-9067-4f01-90ef-34c0202c3050" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><circle cx="100" cy="100" r="95.04" style="stroke-width:0px;"/><path d="m15.39,102.03v-21.46h13.23v21.3c0,4.84,2.5,6.89,6,6.89s6.01-1.89,6.01-6.62v-21.57h13.23v21.18c0,13.29-7.73,18.52-19.35,18.52s-19.13-5.34-19.13-18.24Z" style="fill:#fff; stroke-width:0px;"/><path d="m57.1,100.14v-.11c0-11.62,9.06-20.3,20.68-20.3,8.56,0,14.35,4.17,17.63,10.12l-10.73,6.28c-1.45-2.78-3.5-4.73-7.06-4.73-4.39,0-7.28,3.84-7.28,8.51v.11c0,5.06,3,8.62,7.28,8.62,3.67,0,5.73-2,7.34-4.89l10.73,6.06c-3.28,5.78-8.73,10.51-18.4,10.51-10.79,0-20.18-8.12-20.18-20.18Z" style="fill:#fff; stroke-width:0px;"/><path d="m97.86,102.03v-21.46h13.23v21.3c0,4.84,2.5,6.89,6.01,6.89s6-1.89,6-6.62v-21.57h13.23v21.18c0,13.29-7.73,18.52-19.35,18.52s-19.13-5.34-19.13-18.24Z" style="fill:#fff; stroke-width:0px;"/><path d="m140.45,80.57h13.57l8.34,13.68,8.34-13.68h13.57v38.92h-12.96v-19.29l-8.95,13.84h-.22l-8.95-13.84v19.29h-12.73v-38.92Z" style="fill:#fff; stroke-width:0px;"/></svg>
\ No newline at end of file