Update easter egg to subtle star in bottom corner
This commit is contained in:
@@ -235,3 +235,43 @@ div[style*="max-width: 600px"] {
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
filter: drop-shadow(0 0 12px var(--accent-glow));
|
filter: drop-shadow(0 0 12px var(--accent-glow));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.easter-egg-star {
|
||||||
|
position: fixed;
|
||||||
|
right: 18px;
|
||||||
|
bottom: 18px;
|
||||||
|
z-index: 1050;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
opacity: 0.18;
|
||||||
|
cursor: default;
|
||||||
|
transition: opacity 0.3s ease, color 0.3s ease;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.easter-egg-star:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
color: var(--accent-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.easter-egg-star .ee-tooltip {
|
||||||
|
visibility: hidden;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 28px;
|
||||||
|
background: rgba(15, 23, 42, 0.9);
|
||||||
|
color: var(--accent-color);
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 1px solid var(--surface-border);
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.easter-egg-star:hover .ee-tooltip {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|||||||
@@ -81,8 +81,9 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
{% block scripts %}{% endblock %}
|
{% block scripts %}{% endblock %}
|
||||||
|
|
||||||
<footer class="mt-auto py-4 text-center">
|
<div class="easter-egg-star" title="о создателе">
|
||||||
<small class="text-muted" style="opacity: 0.25; font-size: 0.7rem;">mycloud24.ru</small>
|
★
|
||||||
</footer>
|
<span class="ee-tooltip">crafted for mycloud24.ru</span>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user