Template:InfoGridCards: Difference between revisions

Content deleted Content added

Inline

Revision as of 21:33, 15 December 2024

No description.

Template parameters
Parameter		Description	Type	Status
Card 1 Header	`header1`	no description	String	optional
Card 1 Image	`image1`	no description	File	optional
Card 1 Text	`text1`	no description	String	optional
Card 1 Video	`video1`	no description	File	optional
classes1	`classes1`	no description	Unknown	optional
header2	`header2`	no description	Unknown	optional
image2	`image2`	no description	Unknown	optional
text2	`text2`	no description	Unknown	optional
video2	`video2`	no description	Unknown	optional
classes2	`classes2`	no description	Unknown	optional
header3	`header3`	no description	Unknown	optional
image3	`image3`	no description	Unknown	optional
text3	`text3`	no description	Unknown	optional
video3	`video3`	no description	Unknown	optional
classes3	`classes3`	no description	Unknown	optional
header4	`header4`	no description	Unknown	optional
image4	`image4`	no description	Unknown	optional
text4	`text4`	no description	Unknown	optional
video4	`video4`	no description	Unknown	optional
classes4	`classes4`	no description	Unknown	optional
header5	`header5`	no description	Unknown	optional
image5	`image5`	no description	Unknown	optional
text5	`text5`	no description	Unknown	optional
video5	`video5`	no description	Unknown	optional
classes5	`classes5`	no description	Unknown	optional

@@ Line 1: / Line 1: @@
-<includeonly><div class="info-grid">
+<includeonly>
+<div class="info-grid" style="--grid-columns: {{{columns|3}}};">
-   {{#if: {{{header1|}}}{{{image1|}}}{{{text1|}}}{{{video1|}}}|
-   <div class="card {{{classes1|}}}">
+   {{#forargs: |card|
-      {{#if: {{{link|}}}|
+   <div class="card {{{card.classes|}}}">
-      <div class="card__link">{{{link}}}</div>
+      {{#if: {{{card.link|}}} |
-      |}}{{#if: {{{image1|}}}|
+      <a href="{{{card.link}}}" class="card__link"></a>
+      }}
-      <div class="card__image">{{{image1}}}</div>
-      |}}{{#if: {{{header1|}}}|
+      {{#if: {{{card.image|}}} |
-      <div class="card__header">{{{header1}}}</div>
+      <div class="card__image"><img src="{{{card.image}}}" alt="{{{card.alt|Card Image}}}" /></div>
-      |}}{{#if: {{{text1|}}}|
+      }}
-      <div class="card__text">{{{text1}}}</div>
+      {{#if: {{{card.header|}}} |
-      |}}{{#if: {{{video1|}}}|
+      <div class="card__header">{{{card.header}}}</div>
+      }}
-      <div class="card__video">{{{video1}}}</div>|}}
+      {{#if: {{{card.text|}}} |
+      <div class="card__text">{{{card.text}}}</div>
+      }}
+      {{#if: {{{card.video|}}} |
+      <div class="card__video">
+         <video src="{{{card.video}}}" controls></video>
+      </div>
+      }}
+   </div>
+   }}
 </div>
+<templatestyles src="Template:DynamicInfoGrid/styles.css" />
-   |}}
+</includeonly>
-   {{#if: {{{header2|}}}{{{image2|}}}{{{text2|}}}{{{video2|}}}|
-   <div class="card {{{classes2|}}}">
-      {{#if: {{{header2|}}}|
-      <div class="card__header">{{{header2}}}</div>
-      |}}{{#if: {{{image2|}}}|
-      <div class="card__image">{{{image2}}}</div>
-      }}{{#if: {{{text2|}}}|
-      <div class="card__text">{{{text2}}}</div>
-      }}{{#if: {{{video2|}}}|
-      <div class="card__video">{{{video2}}}</div>
-      |}}
-   </div>
-   |}}{{#if: {{{header3|}}}{{{image3|}}}{{{text3|}}}{{{video3|}}}|
-   <div class="card {{{classes3|}}}">
-      {{#if: {{{header3|}}}|
-      <div class="card__header">{{{header3}}}</div>
-      |}}{{#if: {{{image3|}}}|
-      <div class="card__image">{{{image3}}}</div>
-      |}}{{#if: {{{text3|}}}|
-      <div class="card__text">{{{text3}}}</div>
-      |}}{{#if: {{{video3|}}}|
-      <div class="card__video">{{{video3}}}</div>
-      |}}
-   </div>
-   |}}{{#if: {{{header4|}}}{{{image4|}}}{{{text4|}}}{{{video4|}}}|
-   <div class="card {{{classes4|}}}">
-      {{#if: {{{header4|}}}|
-      <div class="card__header">{{{header4}}}</div>
-      |}}{{#if: {{{image4|}}}|
-      <div class="card__image">{{{image4}}}</div>
-      |}}{{#if: {{{text4|}}}|
-      <div class="card__text">{{{text4}}}</div>
-      |}}{{#if: {{{video4|}}}|
-      <div class="card__video">{{{video4}}}</div>
-      |}}
-   </div>
-   |}}{{#if: {{{header5|}}}{{{image5|}}}{{{text5|}}}{{{video5|}}}|
-   <div class="card {{{classes5|}}}">
-      {{#if: {{{header5|}}}|
-      <div class="card__header">{{{header5}}}</div>
-      |}}{{#if: {{{image5|}}}|
-      <div class="card__image">{{{image5}}}</div>
-      |}}{{#if: {{{text5|}}}|
-      <div class="card__text">{{{text5}}}</div>
-      |}}{{#if: {{{video5|}}}|
-      <div class="card__video">{{{video5}}}</div>
-      |}}
-   </div>
-   |}}
-</div><templatestyles src="Template:InfoGridCards/styles.css" /></includeonly>
 <noinclude>
 <templatedata>