|
|
| Line 1: |
Line 1: |
| <includeonly>{{#switch: {{{style|overlay}}} | | <includeonly><div class="feed-item- media">{{ #if:{{{ image|}}} |[[File:{{{image}}} |frameless|link={{{ %PAGE%}}} |alt={{{ %TITLE%}}} |class=feed-item- img|480px]]|<span class="feed-item- noimg"></span>}}< div class="feed-item- title feed-item-title-over" >[[{{{ %PAGE%}}} |{{{ %TITLE%}}} ]]</ div><div class="feed-item- actionsbar">< span class="feed-action" title="Like">♡</ span>< span class="feed-action" title="Share">↗</ span></div></div><div class="feed-item- body">< div class="feed-item- title feed-item- title-side" >[[{{{ %PAGE%}}} |{{{ %TITLE%}}} ]]</div><div class="feed-item- desc">{{{ desc|}}}</div><div class="feed-item- more"> [[{{{ %PAGE%}}} |More » ]]</div>{{#if:{{{cta|}}}|< div class="feed-item- postbtn" >[{{{cta}}} {{#if:{{{ctalabel|}}}|{{{ ctalabel}}}| Learn more}} ]</div>}}</div></includeonly><noinclude> |
| | | One card. It is never typed by hand: the Feed template (through DynamicPageList) fills it in for each page, using the values in that page's <code><nowiki>{{FeedData}}</nowiki></code> line. Pages that have no FeedData line use ''Template:FeedItem.default'' instead. |
| | side =
| |
| <div class="feed-item feed-item-side"> | |
| <a href="{{fullurl:{{{page}}}}}" class="feed-item-link">
| |
| <div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');"></div>
| |
| <div class="feed-item-body">
| |
| <h3>{{{title}}}</h3>
| |
| <div class="feed-item-desc">{{{desc|}}}<span class="feed-item-more">More »</span></div>
| |
| {{#if:{{{cta|}}}|<a class="feed-item-cta" href="{{{cta}}}">{{{ctalabel|Learn more}}}</a>}}
| |
| {{#if:{{{actions|}}}|<div class="feed-item- actions">< button title="Like">♡</ button>< button title="Share">↗</ button></div> }} | |
| </div>
| |
| </a>
| |
| </div> | |
| | |
| | overlaytop =
| |
| <div class="feed-item feed-item-overlaytop"> | |
| <a href="{{fullurl:{{{page}}}}}" class="feed-item-link">
| |
| <div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');">
| |
| {{#if:{{{actions|}}}|<div class="feed-item-actions"><button title="Like">♡</button><button title="Share">↗</button></div>}}
| |
| <div class="feed-item- title-top" ><h3>{{{ title}}} </h3></div> | |
| <div class="feed-item- desc-overlay">{{{ desc|}}} <span class="feed-item-more">More » </span></div> | |
| {{#if:{{{cta|}}}|<a class="feed-item-cta" href="{{{cta}}}">{{{ctalabel|Learn more}}}</a>}}
| |
| </div>
| |
| </a>
| |
| </div>
| |
| | |
| | #default = | |
| <div class="feed-item">
| |
| <a href="{{fullurl:{{{page}}}}}" class="feed-item-link">
| |
| <div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');">
| |
| <div class="feed-item-title"><h3>{{{title}}}</h3></div>
| |
| </div>
| |
| <div class="feed-item-desc">{{{desc|}}}<span class="feed-item-more">More »</span></div>
| |
| </a>
| |
| </div>
| |
| }}</includeonly><noinclude>
| |
| Renders one feed card, in one of three styles depending on the
| |
| '''style''' parameter passed down from {{tl|Feed}}: default (unchanged
| |
| from before), <code>overlaytop</code>, or <code>side</code>. See
| |
| Template:Feed's documentation for how to choose a style. Not normally | |
| called directly.
| |
| </noinclude> | | </noinclude> |
