ybouane-peeking

Live state

Manual controls

Force the hover state on/off without needing to position your mouse precisely — useful for quickly checking the wave/poster/exit animations.

Dialog theme:

Click-through test

The button below sits directly underneath where the character peeks in from the edge. The transparent areas of his video must never block clicks on it — only his actual (opaque) silhouette should intercept the pointer.

Settings used on this page

Set window.YbouanePeeking before the script tag. All options are documented in the README.

<script>
window.YbouanePeeking = {
  autoPeek: false,       // wait for window.YbouanePeek?.() instead of peeking on load
  poster: "Hey there, It's me, @ybouane.",
  theme: 'light',        // dialog theme: 'light' | 'dark' | 'auto'
  // dialogContent: '<h2>…</h2>',   // optional: replace the dialog copy
  // heightPx: 340, mobileHeightPx: 250, topPx: 134, …  (see README)
};
</script>
<script src="https://peeking.ybouane.com/peeking-widget.js" async></script>