document.addEventListener('DOMContentLoaded', function() {
    var blkValue = document.querySelector('script[data-blk]').getAttribute('data-blk');
    var svgHTML;
    if (parseInt(blkValue, 10) < 10000) {
        svgHTML = `
            <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="100" height="100" fill="#FF0000"/>
                </svg>
            </div>`;
    } else {
        svgHTML = `
            <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="100" height="100" fill="#0000FF"/>
                </svg>
            </div>`;
    }
    document.body.insertAdjacentHTML('beforeend', svgHTML);
});