RSS - private

Ukko (theymab moment)

@eris@p.enes.lv

This is an alt of @Ukko@akko.disqordia.space

latvian, in their 25s, monogam, straight, he/him lesbian, ace-spec, slut. anarcho-monarchist. A theymab transtrender. I speak lv/en/ru but can pretend to understand other languages sometimes.

admin of this instance, don't ask for an invite unless you're a frien :3

the sadistic playful puppy you’ve been warned about.

Ionizing particles, true Ukkos, fake Erises, and Disqordians DNI

Minors: please consult with your parent(s)/guardian before following and/or interacting; and please do not interact with lewd and/or sexual content unless you are of the age of majority

Current PFP is dead Marsey
Previous PFP is A.B.A. from Guilty Gear Strive
Previous² PFP was some image 40 sent me
Previous³ PFP was https://www.kotobukiya.co.jp/en/product/detail/p4934054034673/
Previous⁴ PFP was https://www.furaffinity.net/view/47773488/

My ducal court:

Wife Mother: @wife@p.enes.lv
The cheetah sitting in the corner of the court room: @f_o_u_r_t_y@shrine.moe
The messenger to the realms: @meso@the.asbestos.cafe
Translator: [Insert une's goreslut username]

Found my unfunny quotes
"@ukko what" — @ezio@akko.wtf
'I thought "ukko" was a Indonesian gal?' — Cent
"@Ukko did you have to post this?" - Jade Disarray
"@Ukko ukko." - @mia@void.rehab

CC @une@cawfee.club

eriscon is not happening
Main: @Ukko@akko.disqordia.space
Pronounce: she/he
XMPP: ukko@hollow.capital
Telegram: girlwife
1 ★ 0 ↺

Ukko (theymab moment) »
@eris@p.enes.lv

You don't have to use the marquee for that btw, it's perfectly achievable with simple CSS animations.

<div class="floating floating-x">
  <img class="floating-y" src="..." alt="...">
</div>
:root {
    --floating-delay: 0s;
    --floating-width: 8em;
    --floating-height: 8em;
}
.floating {
    position: fixed;
    z-index: 1000;
    pointer-events: none;
}
.floating img {
    width: var(--floating-width);
    height: var(--floating-height);
}
.floating-x {
    animation: floating-x 16s linear infinite alternate;
    animation-delay: var(--floating-delay);
}
.floating-y {
    animation: floating-y 9s linear infinite alternate;
    animation-delay: var(--floating-delay);
}
@keyframes floating-x {
    100% {
        transform: translateX(calc(100vw - var(--floating-width)));
    }
}
@keyframes floating-y {
    100% {
        transform: translateY(calc(100vh - var(--floating-height)));
    }
}
Feel free to remove the variables and hardcode it. Change --floating-width & --floating-height to your needed sizes, --floating-delay starts the animation in a different location, useful for when you have multiple floating things on screen. Consider adding different delays for x & y to have it never hit the corner. Play with the 16s & 9s if you feel like the images are moving too fast or too slow. Maybe changing from linear to something else could be fun. You might want to use https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion to disable them if this is going to be very public facing. I no longer remember from whom I stole this idea.

CC: @Capital@catlang.social

    ...

    and Null »
    @Capital@catlang.social

    @eris @usernameswift This doesn't seem very web 1.0 vibes, ngl.

      ...
      0 ★ 0 ↺

      Ukko (theymab moment) »
      @eris@p.enes.lv

      Does the technology used matter? This is fully static, without any server or client side scripting (unless you consider CSS to be scripting). And for that matter, is a bouncing DVD logo over the entire page web 1.0 vibes in any form?

      CC: @usernameswift@pleromer.net

        ...

        History