@sujalchoudhari/solaris-ui/templates/gallery.html

A UI framework to create HTML pages with just JavaScript.

<section class="py-6 dark:bg-gray-800 dark:text-gray-50">
    <div class="container grid grid-cols-2 gap-4 p-4 mx-auto md:grid-cols-4">
        {{#images}}
            {{#isBig}}
            <img src="{{imgUrl}}" alt="{{imgAlt}}"
                class="w-full h-full col-span-2 row-span-2 rounded shadow-sm min-h-96 dark:bg-gray-500 aspect-square">
            {{/isBig}}
            {{^isBig}}
            <img alt="{{imgAlt}}" class="w-full h-full rounded shadow-sm min-h-48 dark:bg-gray-500 aspect-square"
                src="{{imgUrl}}">
            {{/isBig}}
        {{/images}}
    </div>
</section>