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);
});