https://www.chinesefoodwiki.org/index.php?action=history&feed=atom&title=Template%3AFood_hub_cards Template:Food hub cards - Revision history 2026-10-21T06:04:01Z Revision history for this page on the wiki MediaWiki 1.37.1 https://www.chinesefoodwiki.org/index.php?title=Template:Food_hub_cards&diff=3031&oldid=prev Admin: [CFWK] Create template: section cards for food hub pages (Bootstrap, 2 cols phone / 4 cols desktop) 2026-09-25T08:42:32Z <p>[CFWK] Create template: section cards for food hub pages (Bootstrap, 2 cols phone / 4 cols desktop)</p> <p><b>New page</b></p><div>&lt;div class=&quot;row mx-n1 mb-3 cfwk-hub-cards&quot; style=&quot;overflow:hidden;&quot;&gt;{{#if:{{{link1|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link1}}}|{{#if:{{{label1|}}}|{{{label1}}}|{{{link1}}}}}]]'''{{#if:{{{desc1|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc1}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link2|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link2}}}|{{#if:{{{label2|}}}|{{{label2}}}|{{{link2}}}}}]]'''{{#if:{{{desc2|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc2}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link3|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link3}}}|{{#if:{{{label3|}}}|{{{label3}}}|{{{link3}}}}}]]'''{{#if:{{{desc3|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc3}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link4|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link4}}}|{{#if:{{{label4|}}}|{{{label4}}}|{{{link4}}}}}]]'''{{#if:{{{desc4|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc4}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link5|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link5}}}|{{#if:{{{label5|}}}|{{{label5}}}|{{{link5}}}}}]]'''{{#if:{{{desc5|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc5}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link6|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link6}}}|{{#if:{{{label6|}}}|{{{label6}}}|{{{link6}}}}}]]'''{{#if:{{{desc6|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc6}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link7|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link7}}}|{{#if:{{{label7|}}}|{{{label7}}}|{{{link7}}}}}]]'''{{#if:{{{desc7|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc7}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link8|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link8}}}|{{#if:{{{label8|}}}|{{{label8}}}|{{{link8}}}}}]]'''{{#if:{{{desc8|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc8}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link9|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link9}}}|{{#if:{{{label9|}}}|{{{label9}}}|{{{link9}}}}}]]'''{{#if:{{{desc9|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc9}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link10|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link10}}}|{{#if:{{{label10|}}}|{{{label10}}}|{{{link10}}}}}]]'''{{#if:{{{desc10|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc10}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link11|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link11}}}|{{#if:{{{label11|}}}|{{{label11}}}|{{{link11}}}}}]]'''{{#if:{{{desc11|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc11}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link12|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link12}}}|{{#if:{{{label12|}}}|{{{label12}}}|{{{link12}}}}}]]'''{{#if:{{{desc12|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc12}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link13|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link13}}}|{{#if:{{{label13|}}}|{{{label13}}}|{{{link13}}}}}]]'''{{#if:{{{desc13|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc13}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link14|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link14}}}|{{#if:{{{label14|}}}|{{{label14}}}|{{{link14}}}}}]]'''{{#if:{{{desc14|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc14}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link15|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link15}}}|{{#if:{{{label15|}}}|{{{label15}}}|{{{link15}}}}}]]'''{{#if:{{{desc15|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc15}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}{{#if:{{{link16|}}}|&lt;div class=&quot;col-6 col-md-3 px-1 mb-2 cfwk-hub-card-col&quot;&gt;&lt;div class=&quot;card h-100 cfwk-hub-card&quot;&gt;&lt;div class=&quot;card-body p-2&quot; style=&quot;line-height:1.3;&quot;&gt;'''[[{{{link16}}}|{{#if:{{{label16|}}}|{{{label16}}}|{{{link16}}}}}]]'''{{#if:{{{desc16|}}}|&lt;br /&gt;&lt;small class=&quot;text-muted&quot;&gt;{{{desc16}}}&lt;/small&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;}}&lt;/div&gt;&lt;noinclude&gt;<br /> == Documentation ==<br /> '''Food hub cards''' shows a grid of Bootstrap cards linking to the main sections or pages of a food hub (province, city or cuisine page). It uses the Bootstrap 4 classes already loaded by the Tweeki skin (&lt;code&gt;row&lt;/code&gt;, &lt;code&gt;col-6 col-md-3&lt;/code&gt;, &lt;code&gt;card&lt;/code&gt;), so it needs no site CSS: '''2 columns on phones, 4 columns from 768&amp;nbsp;px'''.<br /> <br /> Place it right after the lead paragraph(s). Up to 16 cards; empty slots render nothing.<br /> <br /> === Parameters ===<br /> For each card ''n'' (1–16):<br /> * &lt;code&gt;link''n''&lt;/code&gt;: target, either a section on the same page (&lt;code&gt;#Famous dishes&lt;/code&gt;) or another page (&lt;code&gt;Sichuan Cuisine&lt;/code&gt;). Required for the card to appear.<br /> * &lt;code&gt;label''n''&lt;/code&gt;: card title (defaults to the link).<br /> * &lt;code&gt;desc''n''&lt;/code&gt;: optional short line under the title (keep it to 2–5 words).<br /> <br /> === Example ===<br /> &lt;pre&gt;<br /> {{Food hub cards<br /> |link1=Sichuan Cuisine |label1=Sichuan Cuisine |desc1=Flavours, techniques, schools<br /> |link2=#Famous dishes |label2=Famous dishes |desc2=Classic Sichuan dishes<br /> |link3=#Snacks and street food |label3=Snacks<br /> }}<br /> &lt;/pre&gt;<br /> Hook classes: &lt;code&gt;cfwk-hub-cards&lt;/code&gt;, &lt;code&gt;cfwk-hub-card-col&lt;/code&gt;, &lt;code&gt;cfwk-hub-card&lt;/code&gt;.<br /> &lt;/noinclude&gt;</div> Admin