From 109cb6cc3fa0e2be99fe282f0920cc553268a489 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Sat, 7 Feb 2026 11:18:05 +0200 Subject: [PATCH] chore(website/resources): add descriptions to fonts --- apps/icon-pack-builder/src/provider.ts | 1 + apps/icon-pack-builder/src/providers/boxicons3.ts | 5 ++++- apps/icon-pack-builder/src/providers/mdi.ts | 3 ++- apps/icon-pack-builder/src/providers/phosphor.ts | 5 ++++- .../resources/icon-packs/Boxicons 3 (Basic).json | 3 ++- .../resources/icon-packs/Boxicons 3 (Brands).json | 3 ++- .../icon-packs/Material Design Icons.json | 3 ++- .../icon-packs/Phosphor Icons (Fill).json | 3 ++- .../icon-packs/Phosphor Icons (Regular).json | 3 ++- apps/website/src/pages/Resources/Resources.css | 15 +++++++++++++++ apps/website/src/pages/Resources/Resources.tsx | 1 + 11 files changed, 37 insertions(+), 8 deletions(-) diff --git a/apps/icon-pack-builder/src/provider.ts b/apps/icon-pack-builder/src/provider.ts index 3b18ba6f9..533d592c5 100644 --- a/apps/icon-pack-builder/src/provider.ts +++ b/apps/icon-pack-builder/src/provider.ts @@ -13,5 +13,6 @@ export interface IconPackData { meta: { version: string; website: string; + description: string; } } diff --git a/apps/icon-pack-builder/src/providers/boxicons3.ts b/apps/icon-pack-builder/src/providers/boxicons3.ts index 68126a9e7..d2f9187d0 100644 --- a/apps/icon-pack-builder/src/providers/boxicons3.ts +++ b/apps/icon-pack-builder/src/providers/boxicons3.ts @@ -40,7 +40,10 @@ export default function buildIcons(pack: "basic" | "brands"): IconPackData { }, meta: { version: "3.0.0", - website: "https://boxicons.com/" + website: "https://boxicons.com/", + description: pack === "basic" + ? "The Basic set of icons from Boxicons v3. This is an upgrade from Trilium's built-in icon pack (Boxicons v2)." + : "The brand set of icons from Boxicons v3." } }; } diff --git a/apps/icon-pack-builder/src/providers/mdi.ts b/apps/icon-pack-builder/src/providers/mdi.ts index 2087bee9f..381818d90 100644 --- a/apps/icon-pack-builder/src/providers/mdi.ts +++ b/apps/icon-pack-builder/src/providers/mdi.ts @@ -25,7 +25,8 @@ export default function buildIcons(): IconPackData { }, meta: { version: packageJson.version, - website: "https://pictogrammers.com/library/mdi/" + website: "https://pictogrammers.com/library/mdi/", + description: "The community Material Design Icons pack (@mdi/font). Not to be confused with Google's own Material Design Icons." } }; } diff --git a/apps/icon-pack-builder/src/providers/phosphor.ts b/apps/icon-pack-builder/src/providers/phosphor.ts index b082e77de..5c6a3e225 100644 --- a/apps/icon-pack-builder/src/providers/phosphor.ts +++ b/apps/icon-pack-builder/src/providers/phosphor.ts @@ -46,7 +46,10 @@ export default function buildIcons(packName: "regular" | "fill"): IconPackData { }, meta: { version: packageJson.version, - website: "https://phosphoricons.com/" + website: "https://phosphoricons.com/", + description: packName === "regular" + ? "The regular weight version of Phosphor Icons." + : "The filled version of Phosphor Icons." } }; } diff --git a/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json b/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json index ad22a7e06..9fd39daa3 100644 --- a/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json +++ b/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json @@ -2,5 +2,6 @@ "name": "Boxicons 3 (Basic)", "file": "Boxicons 3 (Basic).zip", "version": "3.0.0", - "website": "https://boxicons.com/" + "website": "https://boxicons.com/", + "description": "The Basic set of icons from Boxicons v3. This is an upgrade from Trilium's built-in icon pack (Boxicons v2)." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json b/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json index b77f2b42a..9bd319f72 100644 --- a/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json +++ b/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json @@ -2,5 +2,6 @@ "name": "Boxicons 3 (Brands)", "file": "Boxicons 3 (Brands).zip", "version": "3.0.0", - "website": "https://boxicons.com/" + "website": "https://boxicons.com/", + "description": "The brand set of icons from Boxicons v3." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Material Design Icons.json b/apps/website/public/resources/icon-packs/Material Design Icons.json index 52d4f7aa9..d9dd50d29 100644 --- a/apps/website/public/resources/icon-packs/Material Design Icons.json +++ b/apps/website/public/resources/icon-packs/Material Design Icons.json @@ -2,5 +2,6 @@ "name": "Material Design Icons", "file": "Material Design Icons.zip", "version": "7.4.47", - "website": "https://pictogrammers.com/library/mdi/" + "website": "https://pictogrammers.com/library/mdi/", + "description": "The community Material Design Icons pack (@mdi/font). Not to be confused with Google's own Material Design Icons." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json b/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json index ad99d0784..c11fa6918 100644 --- a/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json +++ b/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json @@ -2,5 +2,6 @@ "name": "Phosphor Icons (Fill)", "file": "Phosphor Icons (Fill).zip", "version": "2.1.2", - "website": "https://phosphoricons.com/" + "website": "https://phosphoricons.com/", + "description": "The filled version of Phosphor Icons." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json b/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json index f8a89a182..da6dd9936 100644 --- a/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json +++ b/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json @@ -2,5 +2,6 @@ "name": "Phosphor Icons (Regular)", "file": "Phosphor Icons (Regular).zip", "version": "2.1.2", - "website": "https://phosphoricons.com/" + "website": "https://phosphoricons.com/", + "description": "The regular weight version of Phosphor Icons." } \ No newline at end of file diff --git a/apps/website/src/pages/Resources/Resources.css b/apps/website/src/pages/Resources/Resources.css index cab1d5f1e..f67072b3a 100644 --- a/apps/website/src/pages/Resources/Resources.css +++ b/apps/website/src/pages/Resources/Resources.css @@ -1,9 +1,24 @@ .icon-packs .card-content { + .card-content-inner { + display: flex; + flex-direction: column; + flex-grow: 1; + } + + .description { + font-size: 0.8em; + margin: 0; + flex-grow: 1; + height: 100%; + } + footer { padding: 0; border: 0; display: flex; align-items: center; + margin-top: 1em; justify-content: space-between; + flex-grow: 1; } } diff --git a/apps/website/src/pages/Resources/Resources.tsx b/apps/website/src/pages/Resources/Resources.tsx index 0a04b4513..e5547fbe3 100644 --- a/apps/website/src/pages/Resources/Resources.tsx +++ b/apps/website/src/pages/Resources/Resources.tsx @@ -34,6 +34,7 @@ export default function Resources() { key={meta.name} title={<>{meta.name} {meta.version}} > +

{meta.description}