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 68 comments ( View all | Add Comment )

hammuster.xx	1730751492 uzingg >.< Report Comment
Clownyfrowny	1727190585 using :3 Report Comment
MissySpook	1726917072 Using! Report Comment
ɴᴇɴᴇ૮ ˶ᵔ ᵕ ᵔ˶ ა	1723907839 using!!!! Report Comment
Carpi	1723221161 Using ^^ Report Comment
Bugroy	1723155976 using :3 Report Comment
Frankie	1722723507 using Report Comment
AUBREY	1722461401 Usingg Report Comment
kiki ❀ ells	1722286075 using! Report Comment
DaveTheMagicalCheeseWizard	1715715545 using:) Report Comment
Amy !!	1712057663 using!! Report Comment
Ponzu	1709942448 usando!! Report Comment
★Naya ★	1706980660 Using!! Report Comment
Laila	1706472852 using :3 Report Comment
malagradecidx	1705790929 Usandooo Report Comment
Mel	1705768391 Usando :D Report Comment
Arabella	1702230851 using Report Comment
Liwii XD	1700638485 using Report Comment
xXZer0Xx	1700406072 using :3 Report Comment