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

feat(website): add koala holding git page next to octocat in bottom CTA and improve LDR couple alt text description

Browse Source
This commit is contained in:
Timo
2026-05-30 16:57:31 +02:00
parent c608d2d9e9
commit 1f1b99a1fe
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/assets/KoalaGithub.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

website/index.html
+9 -3
View File
@@ -454,8 +454,8 @@
<p lang="de">Analysiert Online-Tutorials, Vorlesungen oder Streams gemeinsam mit Mitschülern oder Kollegen. Pausiert und besprecht komplizierte Schritte in perfektem Sync.</p>
</div>
<div class="use-case-card" data-reveal>
<img src="assets/KoalaCupple_New.webp" alt="Two cute koalas hugging while watching a screen together from far away" class="use-case-image" lang="en" width="272" height="150" loading="lazy">
<img src="assets/KoalaCupple_New.webp" alt="Zwei niedliche Koalas umarmen sich und schauen gemeinsam einen Bildschirm aus der Ferne" class="use-case-image" lang="de" width="272" height="150" loading="lazy">
<img src="assets/KoalaCupple_New.webp" alt="A cute koala couple watching together remotely; one is sitting at a PC and the other is in bed with a laptop, with flying hearts between them" class="use-case-image" lang="en" width="272" height="150" loading="lazy">
<img src="assets/KoalaCupple_New.webp" alt="Ein niedliches Koala-Pärchen schaut remote zusammen; einer sitzt am PC und sie liegt mit dem Laptop im Bett, während Herzen zwischen ihnen fliegen" class="use-case-image" lang="de" width="272" height="150" loading="lazy">
<h3>
<span lang="en">Long-Distance Relationships</span>
<span lang="de">Fernbeziehungen</span>
@@ -813,7 +813,7 @@
<span lang="en">KoalaSync is 100% open source, ad-free and tracking-free. Audit our codebase on GitHub or install the browser extension directly.</span>
<span lang="de">KoalaSync ist zu 100 % Open Source, werbefrei und trackingsicher. Überprüfe unseren Code auf GitHub oder installiere direkt die Browser-Erweiterung.</span>
</p>
<div class="cta-group" data-reveal style="justify-content: center; gap: 1rem;">
<div class="cta-group" data-reveal style="justify-content: center; gap: 1rem; margin-bottom: 1rem;">
<a href="https://chromewebstore.google.com/detail/koalasync/obbnmkmlaaddodakcbdljknjpagklifc" class="btn btn-primary">
<img src="assets/chrome.svg" alt="Chrome" width="20" height="20">
<span lang="en">Add to Chrome</span><span lang="de">Zu Chrome hinzufügen</span>
@@ -822,6 +822,12 @@
<img src="assets/firefox.svg" alt="Firefox" width="20" height="20">
<span lang="en">Add to Firefox</span><span lang="de">Zu Firefox hinzufügen</span>
</a>
</div>
<img src="assets/KoalaGithub.webp" alt="A cute koala holding a GitHub repository page next to the GitHub mascot Octocat" class="cta-github-mascot" lang="en" width="250" height="165" loading="lazy" data-reveal>
<img src="assets/KoalaGithub.webp" alt="Ein niedlicher Koala hält eine GitHub-Projektseite zusammen mit dem GitHub Maskottchen Octocat" class="cta-github-mascot" lang="de" width="250" height="165" loading="lazy" data-reveal>
<div class="cta-group" data-reveal style="justify-content: center; margin-top: 1rem;">
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="btn btn-secondary" style="display: inline-flex; align-items: center; gap: 8px;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
GitHub
website/style.css
+8
View File
@@ -1515,6 +1515,14 @@ html.lang-de [lang="en"] {
margin: 0 auto 0 auto;
}
.cta-github-mascot {
display: block;
width: 100%;
max-width: 250px;
height: auto;
margin: 1.5rem auto;
}
.use-case-icon {
font-size: 1.6rem;
margin-right: 0.6rem;