ddoc 0.18.0

doc site generator
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

document.addEventListener('DOMContentLoaded', () => {
    const strip = document.querySelector('.image-strip');
    const bubble = document.createElement('div');
    bubble.className = 'image-bubble';
    const bubbleImg = document.createElement('img');
    bubble.appendChild(bubbleImg);
    strip.appendChild(bubble);

    strip.querySelectorAll('img').forEach(thumb => {
        thumb.addEventListener('mouseenter', () => {
            bubbleImg.src = thumb.src;

            const stripRect = strip.getBoundingClientRect();
            const thumbRect = thumb.getBoundingClientRect();
            const arrowX = thumbRect.left - stripRect.left + thumbRect.width / 2;
            bubble.style.setProperty('--arrow-x', arrowX + 'px');

            const above = stripRect.top > window.innerHeight - stripRect.bottom;
            bubble.className = 'image-bubble ' + (above ? 'above' : 'below');
            bubble.style.display = 'block';
        });
        thumb.addEventListener('mouseleave', () => {
            bubble.style.display = 'none';
        });
    });
});