From 974d20b0baa64ad5b88c6062590bb836b30d99b9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 19:56:11 +0300
Subject: [PATCH] feat(website): add icons to collections

---
 apps/website/src/assets/boxicons/bx-calendar.svg  | 1 +
 apps/website/src/assets/boxicons/bx-columns-3.svg | 1 +
 apps/website/src/assets/boxicons/bx-map.svg       | 1 +
 apps/website/src/assets/boxicons/bx-table.svg     | 1 +
 apps/website/src/pages/Home/index.tsx             | 8 ++++++++
 5 files changed, 12 insertions(+)
 create mode 100644 apps/website/src/assets/boxicons/bx-calendar.svg
 create mode 100644 apps/website/src/assets/boxicons/bx-columns-3.svg
 create mode 100644 apps/website/src/assets/boxicons/bx-map.svg
 create mode 100644 apps/website/src/assets/boxicons/bx-table.svg

diff --git a/apps/website/src/assets/boxicons/bx-calendar.svg b/apps/website/src/assets/boxicons/bx-calendar.svg
new file mode 100644
index 000000000..a9e283996
--- /dev/null
+++ b/apps/website/src/assets/boxicons/bx-calendar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><!--Boxicons v3.0 https://boxicons.com | License  https://docs.boxicons.com/free--><path d="M19 4h-2V2h-2v2H9V2H7v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M5 20V8h14V6v14z"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/assets/boxicons/bx-columns-3.svg b/apps/website/src/assets/boxicons/bx-columns-3.svg
new file mode 100644
index 000000000..646faa6da
--- /dev/null
+++ b/apps/website/src/assets/boxicons/bx-columns-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><!--Boxicons v3.0 https://boxicons.com | License  https://docs.boxicons.com/free--><path d="M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M4 19V5h4v14zm6 0V5h4v14zm6 0V5h4v14z"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/assets/boxicons/bx-map.svg b/apps/website/src/assets/boxicons/bx-map.svg
new file mode 100644
index 000000000..3a27e2fa6
--- /dev/null
+++ b/apps/website/src/assets/boxicons/bx-map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><!--Boxicons v3.0 https://boxicons.com | License  https://docs.boxicons.com/free--><path d="m21.51 6.14-5-3a.99.99 0 0 0-.87-.08L8.09 5.89 3.51 3.14a.99.99 0 0 0-1.01-.01c-.31.18-.51.51-.51.87v13c0 .35.18.68.49.86l5 3c.26.16.58.19.87.08l7.55-2.83 4.59 2.75c.16.1.34.14.51.14s.34-.04.49-.13c.31-.18.51-.51.51-.87V7a.99.99 0 0 0-.49-.86M7 18.23l-3-1.8V5.77l3 1.8v10.67Zm8-1.93-6 2.25V7.69l6-2.25zm5 1.93-3-1.8V5.77l3 1.8v10.67Z"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/assets/boxicons/bx-table.svg b/apps/website/src/assets/boxicons/bx-table.svg
new file mode 100644
index 000000000..7a3cd410c
--- /dev/null
+++ b/apps/website/src/assets/boxicons/bx-table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><!--Boxicons v3.0 https://boxicons.com | License  https://docs.boxicons.com/free--><path d="M21 3H3c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1m-1 2v2H4V5zM8 13H4V9h4zm2-4h4v4h-4zm6 0h4v4h-4zM4 19v-4h4v4zm6 0v-4h4v4zm6 0v-4h4v4z"/></svg>
\ No newline at end of file
diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx
index b314ff831..31de2fcd5 100644
--- a/apps/website/src/pages/Home/index.tsx
+++ b/apps/website/src/pages/Home/index.tsx
@@ -25,6 +25,10 @@ import fileIcon from "../../assets/boxicons/bx-file.svg?raw";
 import canvasIcon from "../../assets/boxicons/bx-pen.svg?raw";
 import mermaidIcon from "../../assets/boxicons/bx-vector-square.svg?raw";
 import mindmapIcon from "../../assets/boxicons/bx-network-chart.svg?raw";
+import calendarIcon from "../../assets/boxicons/bx-calendar.svg?raw";
+import tableIcon from "../../assets/boxicons/bx-table.svg?raw";
+import boardIcon from "../../assets/boxicons/bx-columns-3.svg?raw";
+import geomapIcon from "../../assets/boxicons/bx-map.svg?raw";
 import { getPlatform } from '../../download-helper';
 import { useState } from 'preact/hooks';
 
@@ -197,22 +201,26 @@ function CollectionsSection() {
                 {
                     title: "Calendar",
                     imageUrl: "./src/assets/collection_calendar.png",
+                    iconSvg: calendarIcon,
                     moreInfo: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Note%20Types/Collections/Calendar%20View.html",
                     description: "Organize your personal or professional events using a calendar, with support for all-day and multi-day events. See your events at a glance with the week, month and year views. Easy interaction to add or drag events."
                 },
                 {
                     title: "Table",
+                    iconSvg: tableIcon,
                     imageUrl: "./src/assets/collection_table.png",
                     moreInfo: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Note%20Types/Collections/Table%20View.html",
                     description: "Display and edit information about notes in a tabular structure, with various column types such as text, number, check boxes, date & time, links and colors and support for relations. Optionally, display the notes within a tree hierarchy inside the table." },
                 {
                     title: "Board",
+                    iconSvg: boardIcon,
                     imageUrl: "./src/assets/collection_board.png",
                     moreInfo: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Note%20Types/Collections/Board%20View.html",
                     description: "Organize your tasks or project status into a Kanban board with an easy way to create new items and columns and simply changing their status by dragging across the board."
                 },
                 {
                     title: "Geomap",
+                    iconSvg: geomapIcon,
                     imageUrl: "./src/assets/collection_geomap.png",
                     moreInfo: "https://docs.triliumnotes.org/User%20Guide/User%20Guide/Note%20Types/Collections/Geo%20Map%20View.html",
                     description: "Plan your vacations or mark your points of interest directly on a geographical map using customizable markers. Display recorded GPX tracks to track itineraries."