My Untitled Site

There's nothing here yet (well, except for this message), but clicking on the "+" button in the menu above should change that. Have fun! :)

https://www.tiktok.com/@rafa.santini06?r=1&t=ZS-92ijTQFEhQG

https://pin.it/4HhoA7XPm

<!-- Blinky ticker bar -->
<div class="blinky-bar">
<div class="blinky-track">
<!-- Set A -->
<div class="blinky-set">
<img src="BLINKY1.gif" alt="">
<img src="BLINKY2.gif" alt="">
<img src="BLINKY3.gif" alt="">
<img src="BLINKY4.gif" alt="">
</div><!-- Set B (duplicate of Set A for seamless loop) -->
<div class="blinky-set" aria-hidden="true">
<img src="BLINKY1.gif" alt="">
<img src="BLINKY2.gif" alt="">
<img src="BLINKY3.gif" alt="">
<img src="BLINKY4.gif" alt="">
</div>
</div>
</div>/* The gray bar /
.blinky-bar{
width: 100%;
background: #777; / gray /
overflow: hidden; / hides off-screen blinkies /
padding: 8px 0;
}/ The moving track /
.blinky-track{
display: flex;
width: max-content;
animation: blinkyScroll 18s linear infinite;
}/ Each set is a row of blinkies /
.blinky-set{
display: flex;
align-items: center;
gap: 14px; / spacing between blinkies /
padding-right: 14px; / helps the loop feel clean /
}/ Optional: keep blinkies crisp /
.blinky-set img{
image-rendering: pixelated;
height: 31px; / many blinkies are ~31px tall /
width: auto;
}/ Move left by exactly one set (50% because we duplicated) */
@keyframes blinkyScroll{
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}