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}
* Also, the link in the default RSS output isn't useful, as it just takes the user to the originating website (tiki.org in this case) and where the same information is displayed again. I don't know if this needs a improvement in the RSS generation, or if there should just be an option to not display this, and the event author should be sure to have a useful link in the description.

!! 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_mockup {max-width: 792px;} .summary {font-weight: bold; font-size: 1.2rem; text-align: center; } .alert {--bs-alert-padding-y: 4px; }</style>{HTML}{HTML(wiki=1)}
<div class="row">
    <div class="col TRM_banner_mockup 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">Coming up: Tiki Roundtable Meeting</span><br /> <abbr class="dtstart" title="20240718T230000">Thursday July 18, 2024 23:00:00 GMT-0000</abbr>, for two hours<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><br><div class="d-flex justify-content-end"><button type="button" class="btn btn-primary btn-sm me-3">Save this to my calendar</button> <button type="button" class="btn btn-primary btn-sm">Subscribe to feed </button></div> </div>                   
            </div>
        </div>
    </div>
</div>{HTML}