summaryrefslogtreecommitdiff
path: root/pkgs/nomsing/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'pkgs/nomsing/index.html')
-rw-r--r--pkgs/nomsing/index.html39
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">&lt;&lt;&lt;</a> webring <a class="right" href="https://webring.noms.ing/next?from=noms.ing">&gt;&gt;&gt;</a></p>
</body>
</html>