Components

The quest card

One daily quest a site can show: its mark, the day’s quest, three steps and one door to OpenVibe.Quest.

In review for the next Shared release (next) · the archive · Every Shared release · The rules

The specimen

The part is in review for the next Shared release; the specimen is here so the design can be seen.

TODAY'S QUEST · 1 OF 3Say hello where you watch 4

One small thing today, on the sites you already use. The badge is yours when the three steps are done.

  1. Say hello in a chatOpenVibe.Chat✓
  2. Follow one personNext · OpenVibe.Network›
  3. Start a threadOpenVibe.Community›
More on OpenVibe.Quest4 badges · 1 quest going · 9 more to try→

The daily quest card any site can show: its badge mark, the day's quest, the three steps with the next one lit, and one door to OpenVibe.Quest. Its marks are its own SVG, not Font Awesome, and the door's arrow takes the accent.

What shipped

The designed daily quest card any site can show is in review for the next Shared release (openvibe-shared/quest, quest.css). It draws its own marks, so a site need not load Font Awesome, and the door’s arrow takes the accent. A site reads its own server; the browser never calls OpenVibe.Quest.

“Quest card: its own marks (no Font Awesome), the door’s arrow in the accent.” — the change that ships openvibe-shared/quest

The rules it carries out

96 The Pair is the only mark, and it does the waiting.2 An icon name is checked against the set that draws it.20 Status is a word, never colour alone.10 A change is New, Improved or Fixed, and says so with a small mark.

Build it

// openvibe-shared/quest.js, with quest.css beside it
const card = OpenVibeQuest.mount(document.getElementById('quest'), {
  load: () => fetch('/api/home/daily-quest').then((r) => r.json()),
});
card.refresh(); // read again and redraw