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

style(website): standardize use-case image container heights to 150px and set object-fit contain to align headings

Browse Source
This commit is contained in:
Timo
2026-05-30 16:40:55 +02:00
parent 06203eb5cb
commit c608d2d9e9
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+4 -4
View File
@@ -444,8 +444,8 @@
<p lang="de">Synchronisiere eure Filme in Echtzeit und quatscht nebenbei auf Discord, Zoom oder im Tool eurer Wahl. Es fühlt sich an, als säßet ihr im selben Raum.</p> <p lang="de">Synchronisiere eure Filme in Echtzeit und quatscht nebenbei auf Discord, Zoom oder im Tool eurer Wahl. Es fühlt sich an, als säßet ihr im selben Raum.</p>
</div> </div>
<div class="use-case-card" data-reveal> <div class="use-case-card" data-reveal>
<img src="assets/RemoteProf.webp" alt="A koala professor presenting on a screen to two remote student koalas" class="use-case-image" lang="en" width="272" height="161" loading="lazy"> <img src="assets/RemoteProf.webp" alt="A koala professor presenting on a screen to two remote student koalas" class="use-case-image" lang="en" width="272" height="150" loading="lazy">
<img src="assets/RemoteProf.webp" alt="Ein Koala-Professor hält einen Vortrag auf einem Bildschirm vor zwei remote zugeschalteten Schüler-Koalas" class="use-case-image" lang="de" width="272" height="161" loading="lazy"> <img src="assets/RemoteProf.webp" alt="Ein Koala-Professor hält einen Vortrag auf einem Bildschirm vor zwei remote zugeschalteten Schüler-Koalas" class="use-case-image" lang="de" width="272" height="150" loading="lazy">
<h3> <h3>
<span lang="en">Remote Learning</span> <span lang="en">Remote Learning</span>
<span lang="de">Remote Learning</span> <span lang="de">Remote Learning</span>
@@ -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> <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>
<div class="use-case-card" data-reveal> <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="141" loading="lazy"> <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="141" 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">
<h3> <h3>
<span lang="en">Long-Distance Relationships</span> <span lang="en">Long-Distance Relationships</span>
<span lang="de">Fernbeziehungen</span> <span lang="de">Fernbeziehungen</span>
website/style.css
+2 -1
View File
@@ -1509,7 +1509,8 @@ html.lang-de [lang="en"] {
display: block; display: block;
width: 100%; width: 100%;
max-width: 272px; max-width: 272px;
height: auto; height: 150px;
object-fit: contain;
border-radius: 8px; border-radius: 8px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
} }