Kompakkt / Kompakkt/Viewer

Viewer Annotation cards

Open
#50 26 comments 0 reactions 1 assignee Claimed by @HeyItsBATMAN View on GitHub
help wanted work in progress
Dominant language
TypeScript
Stars
17
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### Viewer Design

**Here are suggestions for the viewer side bar and the viewer cards:**

Here you can see the sidebar where the annotations are listed. On top there is an infobox about the default annotations, then you can see the preview for the first annotation, the title and the annotation itself (here only a description for the first annotation). The annotations are separated with a grey line.
Bildschirmfoto 2024-05-15 um 14 30 38

The card for the annotations could look like this:
Either only text or text and media.
Bildschirmfoto 2024-05-15 um 14 33 37

You have icons to make the annotation bigger. That could look like here for example. The background could become more transparent or darker then.
Bildschirmfoto 2024-05-15 um 14 34 32

And you have an icon to edit or delete an annotation.
Bildschirmfoto 2024-05-15 um 14 35 41
Delete:
Bildschirmfoto 2024-05-15 um 14 36 04
Edit:
Here we should discuss how exactly media is embedded. With a link? How to add several media types?
Bildschirmfoto 2024-05-15 um 14 36 18

@HeyItsBATMAN @ZetOE @lozanaross

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.