public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

style: improve CRISPY animation and simplify sidebar footer

Browse Source 
- Remove ! from CRISPY, add spacing to smiley
- Use darker green for better contrast
- Increase font size to 1.3rem
- Remove GitHub link from sidebar (keep only Gitea)
This commit is contained in:
Michael Czechowski
2025-12-30 22:35:55 +01:00
parent 6303358521
commit 85eb19ecc3
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.html
View File

@@ -120,8 +120,7 @@
<footer class="app-footer"> <footer class="app-footer">
<span data-i18n="openSource">Open Source:</span> <span data-i18n="openSource">Open Source:</span>
<a href="https://git.librete.ch/libretech/code-crispies" target="_blank">Gitea (Source)</a> · <a href="https://git.librete.ch/libretech/code-crispies" target="_blank">Gitea</a>
<a href="https://github.com/nextlevelshit/code-crispies" target="_blank">GitHub (Mirror)</a>
<span data-i18n="by">by</span> <a href="https://librete.ch" title="LibreTECH">LibreTECH</a> <span data-i18n="by">by</span> <a href="https://librete.ch" title="LibreTECH">LibreTECH</a>
</footer> </footer>
</aside> </aside>

6
src/main.css
View File

@@ -587,14 +587,14 @@ code, kbd {
} }
.preview-wrapper.matched::after { .preview-wrapper.matched::after {
content: "CRISPY! ٩(◕‿◕)۶"; content: "CRISPY ٩( ◕‿◕ )۶";
position: absolute; position: absolute;
background: var(--success-color); background: var(--success-color-dark);
color: white; color: white;
padding: var(--spacing-sm) var(--spacing-lg); padding: var(--spacing-sm) var(--spacing-lg);
border-radius: var(--border-radius-lg); border-radius: var(--border-radius-lg);
font-weight: bold; font-weight: bold;
font-size: 1.1rem; font-size: 1.3rem;
animation: dvd-bounce 8s ease-in-out infinite; animation: dvd-bounce 8s ease-in-out infinite;
z-index: 10; z-index: 10;
white-space: nowrap; white-space: nowrap;