Add Emblem of Ethiopia image to emblems_variants directory

public/data/emblems.json

@@ -13,5 +13,19 @@
       "description": "The coat of arms of Spain, representing the historical kingdoms and the Pillars of Hercules.",
       "wikipedia": "https://en.wikipedia.org/wiki/Coat_of_arms_of_Spain"
     }
+  },
+  {
+    "name": "Emblem Of Ethiopia",
+    "path": "Emblem_of_Ethiopia.svg",
+    "format": "SVG",
+    "disable": false,
+    "tags": [
+      "Ethiopia",
+      "National emblem"
+    ],
+    "meta": {
+      "description": "The national emblem of Ethiopia, featuring a lion and a sun.",
+      "wikipedia": "https://en.wikipedia.org/wiki/Emblem_of_Ethiopia"
+    }
   }
-]
+]

public/images/emblems/Emblem_of_Ethiopia.svg

@@ -0,0 +1,9 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
+   <circle cx="300" cy="300" r="300" fill="#0f47af" id="circle1" />
+   <path fill="#fcdd09"
+      d="M 71.746892,225.36874 H 246.11757 L 285.5414,104.02942 296.05735,136.39047 238.7616,312.72168 221.74968,300.36041 239.6176,245.36865 H 99.27437 L 71.746892,225.36874 M 158.9313,493.69421 212.81372,327.86028 109.59765,252.86862 h 34.02571 l 149.998,108.97818 -17.01592,12.35994 -46.7758,-33.98385 -43.37047,133.47141 -27.52787,19.99991 m 282.1374,0 -141.06737,-102.49154 -103.21954,74.99166 10.51462,-32.35986 149.99666,-108.97817 6.49998,19.99857 -46.7798,33.98785 113.5395,82.49163 10.51595,32.35986 M 528.25231,225.36874 387.18494,327.86028 426.60876,449.20241 399.08089,429.2025 341.78914,252.86862 h 21.02791 l 17.86792,54.99175 113.53949,-82.49163 h 34.02785 M 300.00133,59.533882 353.88109,225.36874 h 127.58343 l -27.52388,19.99991 H 268.53347 l 6.49597,-19.99991 h 57.82374 L 289.48538,91.894004 Z"
+      id="path1" />
+   <path fill="none" stroke="#fcdd09" stroke-width="10"
+      d="M 300.00133,410.46658 V 540.466 M 195.38447,334.45625 71.747158,374.63074 M 235.34562,211.47413 158.93263,106.30181 M 364.65704,211.47413 441.0687,106.30181 m -36.45184,228.15444 123.63545,40.17449 z"
+      id="path2" />
+</svg>

src/components/CardFull.svelte

@@ -200,7 +200,15 @@
             <div class="logo-meta">
               {#each Object.entries(logo.meta) as [key, value]}
                 <p>
-                  <strong>{capitalizeFirst(key)}:</strong> <span>{value}</span>
+                  {#if typeof value === 'string' && value.startsWith('https://')}
+                    <a class="meta-link" href={value} target="_blank" rel="noopener noreferrer">
+                      {capitalizeFirst(key)}
+                      <svg height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m6 1h5v5l-2.14-2.15-4.16 4.15-.7-.7 4.15-4.16zm-4 2h2v1h-2v6h6v-2h1v2a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1-1v-6a1 1 0 0 1 1-1" fill="currentColor"/></svg>
+                    </a>
+                  {:else}
+                    <strong>{capitalizeFirst(key)}:</strong>
+                    <span>{value}</span>
+                  {/if}
                 </p>
               {/each}
             </div>
@@ -385,6 +393,19 @@
     border-top: 1px solid var(--color-border);
     padding-top: 1rem;
   }
+
+  .meta-link {
+    color: var(--color-accent);
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25em;
+    transition: text-decoration 0.15s;
+  }
+  .meta-link:hover {
+    text-decoration: underline;
+  }
+
   @media (max-width: 900px) {
     .preview-wrapper {
       overflow-y: auto;

src/components/Filter.svelte

@@ -185,20 +185,24 @@
               >
                 Categories
               </button>
-              <button
-                class="filter-tab"
-                class:active={activeTab === "brands"}
-                on:click={() => activeTab = "brands"}
-              >
-                Brands
-              </button>
-              <button
-                class="filter-tab"
-                class:active={activeTab === "variants"}
-                on:click={() => activeTab = "variants"}
-              >
-                Variants
-              </button>
+              {#if allBrands.length > 0}
+                <button
+                  class="filter-tab"
+                  class:active={activeTab === "brands"}
+                  on:click={() => activeTab = "brands"}
+                >
+                  Brands
+                </button>
+              {/if}
+              {#if allVariants.length > 0}
+                <button
+                  class="filter-tab"
+                  class:active={activeTab === "variants"}
+                  on:click={() => activeTab = "variants"}
+                >
+                  Variants
+                </button>
+              {/if}
             </div>
 
             <div class="tags-search-bar">
@@ -277,7 +281,7 @@
                     : "No available categories"}
                 </div>
               {/if}
-            {:else if activeTab === "brands"}
+            {:else if activeTab === "brands" && allBrands.length > 0}
               {#if filteredAllBrands.length > 0}
                 <div class="filter-tags-list">
                   {#each filteredAllBrands as brand}
@@ -318,7 +322,7 @@
                     : "No available brands"}
                 </div>
               {/if}
-            {:else if activeTab === "variants"}
+            {:else if activeTab === "variants" && allVariants.length > 0}
               {#if filteredAllVariants.length > 0}
                 <div class="filter-tags-list">
                   {#each filteredAllVariants as variant}