Unread dot

How many are new. Nothing at zero; 9+ past nine.

  • kit.dot()
  • 138 B of CSS · 1 rule
  • kit.css
  • No script needed
39+

Use it

On your server

const kit = require('openvibe-shared/kit');

const html = kit.dot(3)
    + kit.dot(42);

In a page that draws itself

<link rel="stylesheet" href="https://openvibe.network/shared/kit.css">
<script src="https://openvibe.network/shared/kit.js"></script>

<script>
  const box = document.querySelector('#here');
  box.innerHTML = OpenVibeKit.dot(3)
      + OpenVibeKit.dot(42);
  OpenVibeKit.enhance(box);
</script>
The HTML it returns · 100 B
<span class="ovk-dot" aria-label="3 new">3</span><span class="ovk-dot" aria-label="42 new">9+</span>

What it weighs

Its own rules are 250 B, 138 B as sent: 1% of the kit's CSS. A page that draws it pays for the whole stylesheet once, and every other part comes free.