Project Cy████████
This place has begun to explore its potential. Still, this is only the beginning
About & Blog (NEW)
Webtools (Planning)
Fun & Games (Planning)
Shrines & Media Info (Planning)
Extra Pages & Experiments (Planning)
Links
Tools for Makers & Webmasters
Learning & Education (Planning)
Music & Art Gallery (Planning)
THE NEXT PHASE (CLASSIFIED)
Enable NaviA
Here's my sticker:
Mouse over it!
Sticker copy code:
<a class="kallistero-sticker" href="https://kallistero.neocities.org/"></a><script src="https://kallistero.neocities.org/sticker.js"></script>
No-script version:
<a class="kallistero-sticker-nojs" href="https://kallistero.neocities.org/"><div class="low-glow"></div><div class="portal-glow"></div><div class="left-text">Kallistero's</div><div class="right-text">Project Cy</div><style>.kallistero-sticker-nojs {--kallistero-sticker-hue: hsl(180, 100%, 50%);display: inline-block;position: relative;overflow: hidden;width: 82px;height: 25px;background: black;border: 3px aqua double;text-decoration: none;font-size: 10px;color: aqua;animation: kallistero-sticker-hue-rotate 36s linear infinite both;}@keyframes kallistero-sticker-hue-rotate {0% {border: 3px hsl(180, 100%, 50%) double;color: hsl(180, 100%, 50%);}10% {border: 3px hsl(144, 100%, 50%) double;color: hsl(144, 100%, 50%);}20% {border: 3px hsl(108, 100%, 50%) double;color: hsl(108, 100%, 50%);}30% {border: 3px hsl(72, 100%, 50%) double;color: hsl(72, 100%, 50%);}40% {border: 3px hsl(36, 100%, 50%) double;color: hsl(36, 100%, 50%);}50% {border: 3px hsl(0, 100%, 50%) double;color: hsl(0, 100%, 50%);}51% {border: 3px hsl(359, 100%, 50%) double;color: hsl(359, 100%, 50%);}60% {border: 3px hsl(324, 100%, 50%) double;color: hsl(324, 100%, 50%);}70% {border: 3px hsl(288, 100%, 50%) double;color: hsl(288, 100%, 50%);}80% {border: 3px hsl(252, 100%, 50%) double;color: hsl(252, 100%, 50%);}90% {border: 3px hsl(216, 100%, 50%) double;color: hsl(216, 100%, 50%);}100% {border: 3px hsl(180, 100%, 50%) double;color: hsl(180, 100%, 50%);}}.kallistero-sticker-nojs .low-glow {position: absolute;bottom: 0;width: 100%;height: 0;box-shadow: 0 0 11px 3px aqua;animation: kallistero-sticker-low-glow-hue-rotate 36s linear infinite both;}@keyframes kallistero-sticker-low-glow-hue-rotate {0% {box-shadow: 0 0 11px 3px hsl(180, 100%, 50%);}10% {box-shadow: 0 0 11px 3px hsl(144, 100%, 50%);}20% {box-shadow: 0 0 11px 3px hsl(108, 100%, 50%);}30% {box-shadow: 0 0 11px 3px hsl(72, 100%, 50%);}40% {box-shadow: 0 0 11px 3px hsl(36, 100%, 50%);}50% {box-shadow: 0 0 11px 3px hsl(0, 100%, 50%);}51% {box-shadow: 0 0 11px 3px hsl(359, 100%, 50%);}60% {box-shadow: 0 0 11px 3px hsl(324, 100%, 50%);}70% {box-shadow: 0 0 11px 3px hsl(288, 100%, 50%);}80% {box-shadow: 0 0 11px 3px hsl(252, 100%, 50%);}90% {box-shadow: 0 0 11px 3px hsl(216, 100%, 50%);}100% {box-shadow: 0 0 11px 3px hsl(180, 100%, 50%);}}.kallistero-sticker-nojs .portal-glow {position: absolute;top: 10%;left: 40%;width: 20%;height: 80%;border-radius: 50%;box-shadow: 0 0 2.4px 1.6px aqua inset;pointer-events: none;animation: kallistero-sticker-portal-glow-hue-rotate 36s linear infinite both;}@keyframes kallistero-sticker-portal-glow-hue-rotate {0% {box-shadow: 0 0 2.4px 1.6px hsl(180, 100%, 50%) inset;}10% {box-shadow: 0 0 2.4px 1.6px hsl(144, 100%, 50%) inset;}20% {box-shadow: 0 0 2.4px 1.6px hsl(108, 100%, 50%) inset;}30% {box-shadow: 0 0 2.4px 1.6px hsl(72, 100%, 50%) inset;}40% {box-shadow: 0 0 2.4px 1.6px hsl(36, 100%, 50%) inset;}50% {box-shadow: 0 0 2.4px 1.6px hsl(0, 100%, 50%) inset;}51% {box-shadow: 0 0 2.4px 1.6px hsl(359, 100%, 50%) inset;}60% {box-shadow: 0 0 2.4px 1.6px hsl(324, 100%, 50%) inset;}70% {box-shadow: 0 0 2.4px 1.6px hsl(288, 100%, 50%) inset;}80% {box-shadow: 0 0 2.4px 1.6px hsl(252, 100%, 50%) inset;}90% {box-shadow: 0 0 2.4px 1.6px hsl(216, 100%, 50%) inset;}100% {box-shadow: 0 0 2.4px 1.6px hsl(180, 100%, 50%) inset;}}.kallistero-sticker-nojs .left-text {text-align: left;pointer-events: none;}.kallistero-sticker-nojs .right-text {position: absolute;right: 0;bottom: 0;font-size: 11px;pointer-events: none;}</style></a>
Plain image version:
<a class="kallistero-sticker-image" href="https://kallistero.neocities.org/"><img src="https://kallistero.neocities.org/sticker.png" alt="Sticker for Kallistero's Project Cy" /></a>
Feel free to link!