History: rss_gabarit

            <div class="rsslist{if $ticker} rssticker{/if} d-flex flex-column gap-2 bg-white shadow-sm border-bottom">
{foreach from=$items item=item key=key}
<div class="rssitem p-4">
<div class="row mb-2">

     <div class="col-md-3 mb-3"><div class="w-100 ratio ratio-4x3" style="background-image: url('https://themes.tiki.org/display481'); background-size: cover; background-repeat: no-repeat; background-position-y:  center"></div></div>

     <div class="col-md-9"> <div class="d-flex gap-2 align-items-center">
                {if $icon}
                    <div style="background-image: url('{$icon}');" class="rss-icon"></div>
                {/if}
                <div class="d-flex flex-column w-100">
                    <div class="d-flex gap-2 align-items-center justify-content-between">
                        <h3>Upcoming event : <a target="_blank" href="{$item.url|escape}" class="fw-bold text-danger">{$item.title|escape}</a></h3>
                        <div class="d-flex gap-1 fs-6 text-secondary align-items-center fw-lighter">
                            {if $item.author and $showauthor}
                                <span>{icon name='user'} {$item.author|escape}</span>
                            {/if}

                            {if $item.author and $showauthor and $item.publication_date and $showdate}
                            <div class="bg-secondary" style="width: 1px; height: 1em;"></div>
                            {/if}

                            {if $item.publication_date and $showdate}
                                <span class="text-secondary d-none d-sm-block">{icon name='calendar'}<span class="ms-2">{$item.publication_date|tiki_short_date}</span></span>
                            {/if}
                        </div>
                    </div>
                    {if $item.description && $showdesc}
                        <div class="rssdescription">
                            {$item.content}
                        </div>
                    {/if}
                    <div class="mt-3">
                             <a class="btn btn-outline-primary me-3 text-secondary mb-3" href="{$item.url|escape}">{icon name='calendar'} <span class='ps-2'>Save this to my calendar</span></a>
                             <a target="_blank" href="https://tiki.org/tiki-calendars_rss.php" class="btn btn-primary text-white mb-3">{icon name='rss'} <span class='ps-2'>Subscribe to feed</span></a>
                    </div>
                          
                </div>
            </div>
      </div>

</div>           
</div>
{/foreach}
</div>