Space Cat Online

Tags: css, indicator, cat, kitty, space, fun, animation

Description:

Allows you to use a custom icon (with blinking) for online status on profile. Should work with any icons, but feel free to ping me if there are bugs.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by dodgycoffee (https://layouts.spacehey.com/layout?id=36936) -->

<!-- Code by @dodgycoffee, https://spacehey.com/dodgycoffee -->

<!-- To change image, replace "background: url("yourImageUrlHere") center center no-repeat;". Default is spacecat. -->

<style>
.general-about .online {
  display: flex;
  align-items: center;
}

.general-about .online::before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIiBmaWxsPSIjMEM4QzAwIj48cGF0aCBkPSJNNTc2IDE2MGMwIDcwLjctNTcuMyAxMjgtMTI4IDEyOHMtMTI4LTU3LjMtMTI4LTEyOGMwLTMyLjUgMTIuMS02Mi4xIDMyLTg0LjdWMTYwYzAgNTMgNDMgOTYgOTYgOTZzOTYtNDMgOTYtOTZWNzUuM2MxOS45IDIyLjYgMzIgNTIuMiAzMiA4NC43ek00MTEuMiA4OS42TDM4MS44IDUwLjRDNDAxLjEgMzguNyA0MjMuOCAzMiA0NDggMzJzNDYuOSA2LjcgNjYuMiAxOC40TDQ4NC44IDg5LjZjLTMgNC03LjggNi40LTEyLjggNi40SDQyNGMtNSAwLTkuOC0yLjQtMTIuOC02LjR6TTQ4MCAzMTYuOEM1NTMgMzAyIDYwOCAyMzcuNCA2MDggMTYwQzYwOCA3MS42IDUzNi40IDAgNDQ4IDBTMjg4IDcxLjYgMjg4IDE2MGMwIDExLjcgMS4zIDIzLjEgMy42IDM0LjFjLTU0LjkgOC4xLTEwMi4yIDM5LjUtMTMxLjYgODMuOFYxOTIuNWMwLTQ4LjQtMzYuMS04OS4zLTg0LjEtOTUuM2wtNy45LTFDNTAuNCA5NC4xIDM0LjQgMTA2LjUgMzIuMiAxMjRzMTAuMiAzMy41IDI3LjggMzUuN2w3LjkgMWMxNiAyIDI4IDE1LjYgMjggMzEuOFY0MTZjMCA1MyA0MyA5NiA5NiA5NkgzMzZjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMjgwTDQxNiAzMzkuMlY0ODBjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMlYzMTYuOHpNNDAwIDE2MGExNiAxNiAwIDEgMSAzMiAwIDE2IDE2IDAgMSAxIC0zMiAwem04MC0xNmExNiAxNiAwIDEgMSAwIDMyIDE2IDE2IDAgMSAxIDAtMzJ6TTIzMS41IDEyLjNjLTIuNi03LTEyLjQtNy0xNSAwTDIwNS44IDQxLjFjLS44IDIuMi0yLjUgMy45LTQuNyA0LjdMMTcyLjMgNTYuNWMtNyAyLjYtNyAxMi40IDAgMTVsMjguOCAxMC43YzIuMiAuOCAzLjkgMi41IDQuNyA0LjdsMTAuNyAyOC44YzIuNiA3IDEyLjQgNyAxNSAwbDEwLjctMjguOGMuOC0yLjIgMi41LTMuOSA0LjctNC43bDI4LjgtMTAuN2M3LTIuNiA3LTEyLjQgMC0xNUwyNDYuOSA0NS44Yy0yLjItLjgtMy45LTIuNS00LjctNC43TDIzMS41IDEyLjN6Ii8+PC9zdmc+Cg==") center center no-repeat;
  background-size: contain;
  height: 2rem;
  width: 2rem;
  margin-right: 5px;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-duration: 2s;
}

.general-about .online img {
  display: none;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 81 comments ( View all | Add Comment )

xV0SSIEx	1750450367 using!! Report Comment
yuuma	1741604309 using using Report Comment
Moe	1741072990 Def using this ^^ Report Comment
Crispy	1740702508 USING! Report Comment
rose 𓄃	1739471610 using !!!! :3 Report Comment
Rvru	1739310483 using :3 Report Comment
~^Jinxy^~	1737591132 USSISING! Report Comment
niqq	1737240890 usando Report Comment
RustyDusty	1736374658 Using! Report Comment
DinoBittesCore22	1736180858 Using :D Report Comment
heehoo	1735954774 usinggg Report Comment
NIC☆	1732989975 using ^^ Report Comment
chezka ⋆. 𐙚 ˚	1732700050 using :00 Report Comment
hammuster.xx	1730751492 uzingg >.< Report Comment
Clownyfrowny	1727190585 using :3 Report Comment
MissySpook	1726917072 Using! Report Comment
MIZUKI	1723907839 using!!!! Report Comment
Carpi	1723221161 Using ^^ Report Comment
Bugroy	1723155976 using :3 Report Comment
fujoshi joe biden	1722723507 using Report Comment