Merge branch 'main' into design-icons

src/components/svgCard.svelte

@@ -52,7 +52,7 @@
       alt={svgInfo.title}
     />
     <div class="mb-3 flex flex-col items-center justify-center">
-      <p class="truncate text-[15px] font-medium">{svgInfo.title}</p>
+      <p class="truncate text-[15px] font-medium text-balance text-center">{svgInfo.title}</p>
       <a
         href={`/directory/${svgInfo.category.toLowerCase()}`}
         class="text-sm lowercase text-neutral-500 hover:underline">{svgInfo.category}</a

src/data/svgs.ts

@@ -2120,5 +2120,12 @@ export const svgs: iSVG[] = [
     category: 'Design',
     route: '/library/gimp.svg',
     url: 'https://www.gimp.org/'
+  },
+  {
+    id: 253,
+    title: 'Ubuntu',
+    category: 'Software',
+    route: '/library/ubuntu.svg',
+    url: 'https://ubuntu.com/'
   }
 ];

static/library/ubuntu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100"><circle cx="50" cy="50" r="45" fill="#f47421"/><circle cx="50" cy="50" r="21.8" fill="none" stroke="#fff" stroke-width="8.6"/><g id="a"><circle cx="19.4" cy="50" r="8.4" fill="#f47421"/><path stroke="#f47421" stroke-width="3.2" d="M67 50h10"/><circle cx="19.4" cy="50" r="6" fill="#fff"/></g><use xlink:href="#a" transform="rotate(120 50 50)"/><use xlink:href="#a" transform="rotate(240 50 50)"/></svg>

tailwind.config.cjs

@@ -16,5 +16,13 @@ module.exports = {
       }
     }
   },
-  plugins: []
+  plugins: [
+    ({ addUtilities }) => {
+      addUtilities({
+        '.text-balance': {
+          'text-wrap': 'balance'
+        }
+      });
+    }
+  ]
 };