Add bell-dot icon and refine bell-* icons (#1064 )

* Add `bell-dot` icon * Refine `bell` icon * Refine `bell-ring` icon * Refine `bell-plus` icon * Refine `bell-minus` icon * Refine `bell-off` icon
feat: backdrop improvements (#1138 )
2025-12-17 21:17:43 +01:00 · 2023-04-27 23:03:48 +02:00 · 2023-04-27 18:08:32 +02:00 · 2023-04-27 18:06:13 +02:00 · 2023-04-26 18:11:35 +02:00 · 2023-04-26 16:46:15 +02:00
24 changed files with 248 additions and 32 deletions
--- a/icons/arrow-down-square.json
+++ b/icons/arrow-down-square.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows",
+    "shapes"
+  ]
+}
--- a/icons/arrow-down-square.svg
+++ b/icons/arrow-down-square.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  <polyline points="8 12 12 16 16 12" />
+  <line x1="12" x2="12" y1="8" y2="16" />
+</svg>
--- a/icons/arrow-left-square.json
+++ b/icons/arrow-left-square.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows",
+    "shapes"
+  ]
+}
--- a/icons/arrow-left-square.svg
+++ b/icons/arrow-left-square.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  <polyline points="12 8 8 12 12 16" />
+  <line x1="16" x2="8" y1="12" y2="12" />
+</svg>
--- a/icons/arrow-right-square.json
+++ b/icons/arrow-right-square.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows",
+    "shapes"
+  ]
+}
--- a/icons/arrow-right-square.svg
+++ b/icons/arrow-right-square.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  <polyline points="12,16 16,12 12,8" />
+  <line x1="8" x2="16" y1="12" y2="12" />
+</svg>
--- a/icons/arrow-up-square.json
+++ b/icons/arrow-up-square.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows",
+    "shapes"
+  ]
+}
--- a/icons/arrow-up-square.svg
+++ b/icons/arrow-up-square.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  <polyline points="16 12 12 8 8 12" />
+  <line x1="12" x2="12" y1="16" y2="8" />
+</svg>
--- a/icons/bell-dot.json
+++ b/icons/bell-dot.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "alarm",
+    "notification",
+    "sound",
+    "reminder",
+    "unread"
+  ],
+  "categories": [
+    "account",
+    "notifications"
+  ]
+}
--- a/icons/bell-dot.svg
+++ b/icons/bell-dot.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M19.4 14.9C20.2 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 .7 0 1.3.1 1.9.3" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <circle cx="18" cy="8" r="3" />
+</svg>
--- a/icons/bell-minus.svg
+++ b/icons/bell-minus.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M21 5h-6" />
-  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
+  <path d="M18.4 12c.8 3.8 2.6 5 2.6 5H3s3-2 3-9c0-3.3 2.7-6 6-6 1.8 0 3.4.8 4.5 2" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M15 8h6" />
 </svg>
--- a/icons/bell-off.svg
+++ b/icons/bell-off.svg
@@ -9,9 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M18.63 13A17.888 17.888 0 0 1 18 8" />
-  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
-  <path d="M18 8a6 6 0 0 0-9.33-5" />
+  <path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
+  <path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
  <path d="m2 2 20 20" />
 </svg>
--- a/icons/bell-plus.svg
+++ b/icons/bell-plus.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M18 2v6" />
-  <path d="M21 5h-6" />
+  <path d="M19.3 14.8C20.1 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 1 0 1.9.2 2.8.7" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M15 8h6" />
+  <path d="M18 5v6" />
 </svg>
--- a/icons/bell-ring.svg
+++ b/icons/bell-ring.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M2 8c0-2.2.7-4.3 2-6" />
-  <path d="M22 8a10 10 0 0 0-2-6" />
+  <path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M4 2C2.8 3.7 2 5.7 2 8" />
+  <path d="M22 8c0-2.3-.8-4.3-2-6" />
 </svg>
--- a/icons/bell.svg
+++ b/icons/bell.svg
@@ -9,6 +9,6 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
 </svg>
--- a/icons/book-template.svg
+++ b/icons/book-template.svg
@@ -9,15 +9,15 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M20,22h-2" />
-  <path d="M20,15v2l-2,0" />
-  <path d="M4,19.5V15" />
-  <path d="M20,8v3" />
-  <path d="M18,2h2v2" />
-  <path d="M4,11V9" />
-  <path d="M12,2h2" />
-  <path d="M12,22h2" />
-  <path d="M12,17h2" />
-  <path d="M8,22H6.5C5.1,22,4,20.9,4,19.5S5.1,17,6.5,17H8" />
-  <path d="M4,5V4.5C4,3.1,5.1,2,6.5,2H8" />
+  <path d="M20 22h-2" />
+  <path d="M20 15v2h-2" />
+  <path d="M4 19.5V15" />
+  <path d="M20 8v3" />
+  <path d="M18 2h2v2" />
+  <path d="M4 11V9" />
+  <path d="M12 2h2" />
+  <path d="M12 22h2" />
+  <path d="M12 17h2" />
+  <path d="M8 22H6.5a2.5 2.5 0 0 1 0-5H8" />
+  <path d="M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" />
 </svg>
--- a/icons/square-dot.json
+++ b/icons/square-dot.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "git",
+    "diff",
+    "modified"
+  ],
+  "categories": [
+    "shapes",
+    "development"
+  ]
+}
--- a/icons/square-dot.svg
+++ b/icons/square-dot.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <circle cx="12" cy="12" r="1" />
+</svg>
--- a/icons/square-equal.json
+++ b/icons/square-equal.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "calculate"
+  ],
+  "categories": [
+    "maths",
+    "shapes"
+  ]
+}
--- a/icons/square-equal.svg
+++ b/icons/square-equal.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <path d="M7 10h10" />
+  <path d="M7 14h10" />
+</svg>
--- a/icons/square-slash.json
+++ b/icons/square-slash.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "git",
+    "diff",
+    "ignored"
+  ],
+  "categories": [
+    "shapes",
+    "development"
+  ]
+}
--- a/icons/square-slash.svg
+++ b/icons/square-slash.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <line x1="9" x2="15" y1="15" y2="9" />
+</svg>
--- a/site/src/lib/fetchAllDocuments.ts
+++ b/site/src/lib/fetchAllDocuments.ts
@@ -46,7 +46,19 @@ export default async function fetchAllDocuments() {
    }
  }

-  const mappedDirectoryTree = (await Promise.all(fileNames.map(mapDirectoryTree))).flat().filter(({filename}) => filename.endsWith('.md'))
+  console.log(
+    (await Promise.all(fileNames.map(mapDirectoryTree))),
+    (await Promise.all(fileNames.map(mapDirectoryTree))).flat()
+  );
+
+
+  const mappedDirectoryTree = (await Promise.all(fileNames.map(mapDirectoryTree))).flat()
+    .filter((item) =>
+      item != null
+      && typeof item === 'object'
+      && 'filename' in item
+      && item.filename.endsWith('.md')
+    )
  const mappedFileContents = await Promise.all(
    mappedDirectoryTree
    .map(mapFileContents)
--- a/site/src/pages/api/gh-icon/[...data].tsx
+++ b/site/src/pages/api/gh-icon/[...data].tsx
@@ -47,11 +47,11 @@ export default async function handler(req, res) {
          </defs>
          <mask id="svg-preview-backdrop-mask-outline" maskUnits="userSpaceOnUse">
            <g stroke="#fff" dangerouslySetInnerHTML={{ __html: backdropString }} />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
+            <g dangerouslySetInnerHTML={{ __html: src }} strokeWidth={2.05} />
          </mask>
          <mask id="svg-preview-backdrop-mask-fill" maskUnits="userSpaceOnUse">
            <g stroke="#fff" dangerouslySetInnerHTML={{ __html: backdropString }} />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
+            <g dangerouslySetInnerHTML={{ __html: src }} strokeWidth={2.05} />
            <g strokeWidth={1.75} dangerouslySetInnerHTML={{ __html: backdropString }} />
          </mask>
          <g
@@ -68,7 +68,6 @@ export default async function handler(req, res) {
              opacity={0.5}
              stroke="none"
            />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
          </g>
          <rect
            x="0"
Author	SHA1	Message	Date
Daniel Bayley	7816ed88f6	Add `bell-dot` icon and refine `bell-` icons (#1064 ) Add `bell-dot` icon * Refine `bell` icon * Refine `bell-ring` icon * Refine `bell-plus` icon * Refine `bell-minus` icon * Refine `bell-off` icon	2023-04-27 23:03:48 +02:00
Jakob Guddas	9c2d57b0dc	feat: backdrop improvements (#1138 ) * fix: reduced z-fighting * fix: fixed outline intensity issue * feat: removed useless outline	2023-04-27 18:08:32 +02:00
Jakob Guddas	6d9a0c3d63	Optimized `book-template` (#1145 )	2023-04-27 18:06:13 +02:00
Daniel Bayley	6f647c58bf	Add `slash`/`dot`/`equal`/`arrow--square` icons and `tags` for `git diff` (#994 ) Add `tags` to `git diff`-like icons * Add `square-dot` icon * Add `square-slash` icon * Add `square-equal` icon * Add `arrow-left-square` icon * Add `arrow-right-square` icon * Add `arrow-up-square` icon * Add `arrow-down-square` icon * Update icons/arrow-right-square.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/plus-square.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/minus-square.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/square-equal.json Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-04-26 18:11:35 +02:00
Eric Fennis	41375d5b05	Fix site build	2023-04-26 16:46:15 +02:00