ourworld_web/www_tf_demo
23
0
Fork 0
Code Pull Requests Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2024-11-14 04:37:19 +01:00
parent 49ed5bfbbc
commit 6c3d462f06
41 changed files with 384 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/partials/logos2.html Normal file
View File

@@ -0,0 +1,41 @@
<div class="bg-transparent pt-0 pb-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">
<!-- 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>
<style>
/* Keyframe animation for slow horizontal scrolling */
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Apply the animation */
.animate-scroll {
display: flex;
animation: scroll 25s linear infinite;
gap: 2rem;
width: max-content;
}
</style>