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;
|
||||
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>
|
||||
{% block scripts %}{% endblock %}
|
||||
|
||||
<footer class="mt-auto py-4 text-center">
|
||||
<small class="text-muted" style="opacity: 0.25; font-size: 0.7rem;">mycloud24.ru</small>
|
||||
</footer>
|
||||
<div class="easter-egg-star" title="о создателе">
|
||||
★
|
||||
<span class="ee-tooltip">crafted for mycloud24.ru</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user