<html style="background:#000!important;">
<head>
<style>
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: black;
flex-direction: column;
}
#blockchainContainer {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
#blockchainCanvas {
border: 5px solid white;
margin: auto;
}
.monospace {
text-align: center;
font-family: 'Courier New', Courier, monospace;
font-size: 18px;
font-weight: bold;
color: white;
margin-top: 10px;
}
@keyframes pulse {
0%, 100% {
box-shadow: 0 0 0 0 white;
}
50% {
box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0);
}
}
.pulsing {
animation: pulse 3s infinite;
}
</style>
</head>
<body>
<div id="blockchainContainer">
<canvas id="blockchainCanvas" width="300" height="300"></canvas>
</div>
<div class="monospace">RSIC DISTRIBUTION CENTER 4</div>
<script>
var canvas = document.getElementById('blockchainCanvas');
var ctx = canvas.getContext('2d');
var canvasSize = 300;
canvas.width = canvasSize;
canvas.height = canvasSize;
ctx.font = "15px 'Courier New', Courier, monospace";
ctx.fillStyle = "white";
var blockSize = 10;
var conveyorSpeed = 3;
var runes = "釟犪殺釟︶毃釟贬毑釟丰毠釟横毦釠佱泝釠堘泧釠夅泭釠忈洅釠栣洍釠氠洔釠炨洘";
function getRandomRune() {
return runes[Math.floor(Math.random() * runes.length)];
}
var runeParticles = [];
function createRuneParticles() {
for (var i = 0; i < 50; i++) {
runeParticles.push({
x: canvasSize / 2,
y: canvasSize / 2,
rune: getRandomRune(),
xSpeed: (Math.random() - 0.5) * conveyorSpeed,
ySpeed: (Math.random() - 0.5) * conveyorSpeed
});
}
}
function drawRunes() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
runeParticles.forEach(function(particle, index) {
ctx.fillText(particle.rune, particle.x, particle.y);
particle.x += particle.xSpeed;
particle.y += particle.ySpeed;
if (particle.x < 0 || particle.x > canvas.width || particle.y < 0 || particle.y > canvas.height) {
runeParticles.splice(index, 1);
}
});
if (runeParticles.length < 550) {
createRuneParticles();
}
}
function draw() {
drawRunes();
requestAnimationFrame(draw);
}
draw();
function applyPulseEffect() {
var canvasElement = document.getElementById('blockchainCanvas');
canvasElement.classList.add('pulsing');
}
applyPulseEffect();
</script>
</body>
</html>