gsadmin/KoalaSync
1
0
Fork 0
mirror of https://github.com/Shik3i/KoalaSync.git synced 2026-08-27 19:17:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(website): replace movie night emoji with popcorn-sharing koalas mascot and optimize card padding

Browse Source
This commit is contained in:
Timo
2026-05-30 15:59:38 +02:00
parent f4343ca6b1
commit 5d1707a7d7
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/assets/PopcornFriends.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

website/index.html
+2 -1
View File
@@ -434,8 +434,9 @@
</p> </p>
<div class="use-cases-grid"> <div class="use-cases-grid">
<div class="use-case-card" data-reveal> <div class="use-case-card" data-reveal>
<img src="assets/PopcornFriends.webp" alt="Two cute koalas sitting together and sharing a bucket of popcorn" class="use-case-image" lang="en" width="272" height="150" loading="lazy">
<img src="assets/PopcornFriends.webp" alt="Zwei niedliche Koalas sitzen zusammen und teilen sich einen Eimer Popcorn" class="use-case-image" lang="de" width="272" height="150" loading="lazy">
<h3> <h3>
<span class="use-case-icon">🍿</span>
<span lang="en">Movie Night with Friends</span> <span lang="en">Movie Night with Friends</span>
<span lang="de">Filmabend mit Freunden</span> <span lang="de">Filmabend mit Freunden</span>
</h3> </h3>
website/style.css
+10 -1
View File
@@ -1466,7 +1466,7 @@ html.lang-de [lang="en"] {
background: rgba(30, 41, 59, 0.4); background: rgba(30, 41, 59, 0.4);
border: 1px solid var(--glass-border); border: 1px solid var(--glass-border);
border-radius: 16px; border-radius: 16px;
padding: 2.2rem 2rem; padding: 1.2rem 1.6rem 1.7rem 1.6rem;
text-align: left; text-align: left;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
@@ -1505,6 +1505,15 @@ html.lang-de [lang="en"] {
opacity: 1; opacity: 1;
} }
.use-case-image {
display: block;
width: 100%;
max-width: 272px;
height: auto;
border-radius: 8px;
margin: 0 auto 0 auto;
}
.use-case-icon { .use-case-icon {
font-size: 1.6rem; font-size: 1.6rem;
margin-right: 0.6rem; margin-right: 0.6rem;