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

feat(website): add juggling koala mascot to platforms section and optimize spacing

Browse Source
This commit is contained in:
Timo
2026-05-30 15:43:01 +02:00
parent 3644a7b8ac
commit f4343ca6b1
3 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/assets/PlatformJuggler_New.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

website/index.html
+2
View File
@@ -379,6 +379,8 @@
<section class="compat-section"> <section class="compat-section">
<div class="container"> <div class="container">
<img src="assets/PlatformJuggler_New.webp" alt="A cute koala juggling multiple browser tabs showing streaming platforms" class="compat-mascot" lang="en" width="300" height="233" loading="lazy" data-reveal>
<img src="assets/PlatformJuggler_New.webp" alt="Ein niedlicher Koala jongliert mit mehreren Browser-Tabs, auf denen verschiedene Streamingdienste laufen" class="compat-mascot" lang="de" width="300" height="233" loading="lazy" data-reveal>
<p class="compat-heading" data-reveal> <p class="compat-heading" data-reveal>
<span lang="en">Works on your favorite platforms</span> <span lang="en">Works on your favorite platforms</span>
<span lang="de">Funktioniert auf deinen Lieblingsplattformen</span> <span lang="de">Funktioniert auf deinen Lieblingsplattformen</span>
website/style.css
+9 -1
View File
@@ -1299,12 +1299,20 @@ html.lang-de [lang="en"] {
/* --- Compatibility Section --- */ /* --- Compatibility Section --- */
.compat-section { .compat-section {
padding: 4rem 0; padding: 1rem 0 3.5rem 0;
text-align: center; text-align: center;
background: rgba(255,255,255,0.01); background: rgba(255,255,255,0.01);
border-bottom: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border);
} }
.compat-mascot {
display: block;
margin: 0 auto 0.5rem auto;
max-width: 320px;
width: 100%;
height: auto;
}
.compat-heading { .compat-heading {
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;