History: RSS_banner_test

• «
• »

            !! Actual PluginRSS output
This banner uses PluginRSS to display an RSS feed from tiki.org, plus an image from the themes.tiki.org file gallery. 

The problems shown here:
* The information produced by the RSS feed is overly technical and repetitive rather than natural language. It's not clear how to fix this on the receiving end. It seems like it needs to be improved at the output/creation end.
* While the number of items display can be limited to one, the sorting of items is most-distant first. It might be possible to use CSS to hide all items but the nearest upcoming one, which I'll try if a sort order parameter isn't added to PluginRSS soon.

{HTML()}<style>@media (min-width: 992px) {.TRM_banner {max-width: 792px; max-height: 130px; } .col-sm-4 > img {max-height: 90px; }} .rsslist { list-style: none; padding-left: 0; } .summary {font-weight: bold; font-size: 1.2rem; text-align: center; }</style>{HTML}{HTML(wiki=1)}<div class="row"><div class="col TRM_banner mx-auto border alert alert-success p-0 border-0"> <div class="row mb-2"> <div class="col col-sm-3" style="background-image: url('display480'); background-size: cover; background-repeat: no-repeat; background-position-y:  center;"></div><div class="col col-sm-9 px-3">{HTML}{rss id="5" max="1" date="1" author="0" desc="1" showtitle="0"}{HTML()} </div></div> </div></div>{HTML}

!! Mockup of better output
This banner is a mockup to demonstrate what the ideal output might be. PluginRSS isn't used here; the content was added by hand.

{HTML()}<style>@media (min-width: 992px) {.TRM_banner {max-width: 792px; max-height: 130px; } .col-sm-4 > img {max-height: 90px; }} .summary {font-weight: bold; font-size: 1.2rem; text-align: center; }</style>{HTML}{HTML(wiki=1)}
<div class="row">
    <div class="col TRM_banner mx-auto border alert alert-success">
        <div class="row mb-2">
            <div class="col col-sm-3" style="background-image: url('display480'); background-size: cover; background-repeat: no-repeat; background-position-y:  center;"></div>
            <div class="col col-sm-9 ps-3"><div class="vevent"> <span class="summary">Tiki Roundtable Meeting</span><br /> <abbr class="dtstart" title="20240718T230000">Start: Thursday July 18, 2024 23:00:00 GMT-0000</abbr><br /> <abbr class="dtend" title="20240719T010000" style="display: none;">End: Friday July 19, 2024 01:00:00 GMT-0000</abbr><br style="display: none"> <span class="description"> This month's meeting is likely to include discussion of the recently released Tiki 27. Please join us at <a class="wiki external" target="_blank" title="External link" href="https://tiki.org/Roundtable-Meeting-2024-07" rel="external">tiki.org/Roundtable-Meeting-2024-07</a><span class="icon icon-link-external fas fa-external-link-alt "   ></span></span></div>                   
            </div>
        </div>
    </div>
</div>{HTML}