diff options
Diffstat (limited to 'pkgs/nomsing/index.html')
-rw-r--r-- | pkgs/nomsing/index.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/pkgs/nomsing/index.html b/pkgs/nomsing/index.html index a367e4e..83e727f 100644 --- a/pkgs/nomsing/index.html +++ b/pkgs/nomsing/index.html @@ -8,6 +8,23 @@ src: url("AnnieUseYourTelescope-Regular.ttf") format("truetype"); font-display: swap; } + @keyframes right { + from { + left: 0; + } + to { + left: 5pt; + } + } + @keyframes left { + from { + right: 0; + } + to { + right: 5pt; + } + } + body { text-align: center; margin-top: 40vh; @@ -16,10 +33,32 @@ font-size: 40pt; color: white; } + .webring { + font-size: 30pt; + a { + position: relative; + text-decoration: none; + color: darkred; + &:hover { + color: red; + animation-duration: 0.3s; + animation-iteration-count: infinite; + animation-direction: alternate; + &.right { + animation-name: right; + } + &.left { + animation-name: left; + } + } + } + } </style> </head> <body> <img src="./BlobCat_Nom.png" alt="Blobcat biting another blobcat's neck"> <p>You like biting cuties, don't you? :3</p> + + <p class="webring"><a class="left" href="https://webring.noms.ing/previous?from=noms.ing"><<<</a> webring <a class="right" href="https://webring.noms.ing/next?from=noms.ing">>>></a></p> </body> </html> |