This commit is contained in:
2024-11-14 17:41:30 +01:00
parent 4df672ddd5
commit 8fead1a010
36 changed files with 348 additions and 262 deletions

View File

@@ -1,26 +1,27 @@
<div class="bg-transparent lg:py-24 py-10 overflow-hidden">
<div class="bg-transparent lg:py-12 overflow-hidden">
<div class="flex space-x-8 animate-scroll">
<!-- First set of logos -->
<img class="max-h-12 w-auto object-contain" src="images/logos/sikana.png" alt="Transistor">
<img class="max-h-12 w-auto object-contain" src="images/logos/ict.png" alt="Reform">
<img class="max-h-12 w-auto object-contain" src="images/logos/znz.png" alt="Tuple">
<img class="max-h-12 w-auto object-contain" src="images/logos/social.png" alt="SavvyCal">
<img class="max-h-12 w-auto object-contain" src="images/logos/holo.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/freezone.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/vverse.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/veverse.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/zictia.png" alt="Statamic">
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
<!-- First set of logos -->
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
<!-- Duplicate set of logos to create the endless effect -->
<img class="max-h-12 w-auto object-contain" src="images/logos/sikana.png" alt="Transistor">
<img class="max-h-12 w-auto object-contain" src="images/logos/ict.png" alt="Reform">
<img class="max-h-12 w-auto object-contain" src="images/logos/znz.png" alt="Tuple">
<img class="max-h-12 w-auto object-contain" src="images/logos/social.png" alt="SavvyCal">
<img class="max-h-12 w-auto object-contain" src="images/logos/holo.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/freezone.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/vverse.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/veverse.png" alt="Statamic">
<img class="max-h-12 w-auto object-contain" src="images/logos/zictia.png" alt="Statamic">
</div>
</div>
@@ -34,7 +35,7 @@
/* Apply the animation */
.animate-scroll {
display: flex;
animation: scroll 25s linear infinite;
animation: scroll 30s linear infinite;
gap: 2rem;
width: max-content;
}