darekkay / darekkay/static-marks

[Request] Add icons to bookmarks links

Open
#37 2 comments 3 reactions 0 assignees View on GitHub
Type: Enhancement
Dominant language
HTML
Stars
443
Forks
36
PR merge metrics
No merged PRs in 30d

Description

Hi,

instead of the standard svg icon beside the link ![bookmark-svg](https://user-images.githubusercontent.com/1873139/192486767-a1acf0da-1286-4113-9d8d-01d110338ec6.png)

I would like to have (as other users) the ability to change it to a local or remote icon file.

That would help a lot as an icon ico is **more speaking** than a text.

| Before: | After: |
| ----------- | ----------- |
| ![static-marks-before](https://user-images.githubusercontent.com/1873139/192468552-3c5bd91c-6372-4cd9-b205-d49826eb3dd2.png) | ![static-marks-after](https://user-images.githubusercontent.com/1873139/192468625-eb76c076-49ae-4592-a3f0-a39b18a9c16b.png) |

**Suggestion of formating**
```yaml
Collection:
- Bucket:
- url: https://example.com/
- ico: example.png
```
or (google favicon api)
```yaml
Collection:
- Bucket:
- url: https://example.com/
- ico: https://www.google.com/s2/favicons?domain=${domain}&sz=${size}
```
or (base64)
```yaml
Collection:
- Bucket:
- url: https://example.com/
- ico: data:image/png;base64,...
```

Anything that works is welcome.

// **update**

Here https://github.com/maximtrp/tab a lite similar project by @maximtrp with icons integration capability.

Contributor guide

Open the contributing guide

Research direction

The payload names no files or tests; start by locating the bookmark-link rendering entry point and the YAML configuration handling, then compare the before and after screenshots. Done means bookmark entries can specify local or remote icons, including the formats shown in the issue, and the configured icon renders beside the link.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, yaml
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.