Krzak/Krzak.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

librecounter

Browse Source
This commit is contained in:
N0\A
2025-10-30 08:51:52 +01:00
parent eadbf18661
commit 9a0fb86d80
3 changed files with 80 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
contact.html
View File

@@ -52,6 +52,22 @@
</a> </a>
</li> </li>
</ul> </ul>
<div class="librecounter fade-in" style="animation-delay: 0.4s">
<span class="librecounter-text">
Indexed by
<a href="https://librecounter.org/referer/show" target="_blank"
>LibreCounter</a
>
</span>
<a href="https://librecounter.org/referer/show" target="_blank">
<img
src="https://librecounter.org/counter.svg"
referrerpolicy="unsafe-url"
alt="LibreCounter"
/>
</a>
</div>
</div> </div>
<!-- Back to top button --> <!-- Back to top button -->

16
index.html
View File

@@ -113,6 +113,22 @@
If you want an account on any of these, want to suggest something new or If you want an account on any of these, want to suggest something new or
get a subdomain, just message me get a subdomain, just message me
</p> </p>
<div class="librecounter fade-in" style="animation-delay: 0.5s">
<span class="librecounter-text">
Indexed by
<a href="https://librecounter.org/referer/show" target="_blank"
>LibreCounter</a
>
</span>
<a href="https://librecounter.org/referer/show" target="_blank">
<img
src="https://librecounter.org/counter.svg"
referrerpolicy="unsafe-url"
alt="LibreCounter"
/>
</a>
</div>
</div> </div>
<!-- Back to top button --> <!-- Back to top button -->

48
styles.css
View File

@@ -182,6 +182,54 @@ br {
content: ""; content: "";
} }
/* LibreCounter */
.librecounter {
margin-top: 24px;
padding-top: 16px;
border-top: 1px solid rgba(244, 162, 97, 0.3);
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
min-height: 73px;
}
.librecounter-text {
color: var(--text-color);
font-size: 0.9rem;
opacity: 0.9;
}
.librecounter-text a {
color: var(--link-color);
text-decoration: none;
transition: color 0.2s ease;
}
.librecounter-text a:hover {
color: var(--subtitle-color);
text-decoration: underline;
}
.librecounter a {
display: inline-block;
transition: transform 0.2s ease, opacity 0.2s ease;
flex-shrink: 0;
line-height: 0;
}
.librecounter a:hover {
transform: scale(1.05);
opacity: 0.9;
}
.librecounter img {
display: block;
height: 64px;
width: auto;
max-width: 100%;
}
/* Back to top button */ /* Back to top button */
.back-to-top { .back-to-top {
position: fixed; position: fixed;