Template:InfoGridCards: Difference between revisions

← Older edit

Content deleted Content added

VisualWikitext

Inline

@@ Line 1: / Line 1: @@
-<includeonly><div class="info-grid">
+<includeonly><div class="info-grid" style="grid-template-columns: repeat({{{max-columns|3}}}, 1fr);">{{#forargs: card
+| key
-   {{#if: {{{header1|}}}{{{image1|}}}{{{text1|}}}{{{video1|}}}|
+| value
-   <div class="card {{{classes1|}}}">
+| <nowiki /><div class="grid-card {{{classes{{#var: key}}|}}}">
-      {{#if: {{{image1|}}}|
-      <div class="card__image">{{{image1}}}</div>
+      {{#if: {{{link{{#var: key }}|}}} |
-      |}}{{#if: {{{header1|}}}|
+      <div class="card__link">{{{link{{#var: key}}}}}</div>
+      |}}{{#if: {{{image{{#var: key }}|}}} |
-      <div class="card__header">{{{header1}}}</div>
-      |}}{{#if: {{{text1|}}}|
+      <div class="card__image">{{{image{{#var: key}}}}}</div>
+      |}}{{#if: {{{header{{#var: key }}|}}} |
-      <div class="card__text">{{{text1}}}</div>
-      |}}{{#if: {{{video1|}}}|
+      <div class="card__header">{{{header{{#var: key }}}}}</div>
-      <div class="card__video">{{{video1}}}</div>|}}
+      |}}{{#if: {{{text{{#var: key }}|}}} |
-      <a href="https://google.com"></a>
+      <div class="card__text">{{{text{{#var: key }}}}}</div>
+      |}}{{#if: {{{video{{#var: key }}|}}} |
+      <div class="card__video">{{{video{{#var: key }}}}}</div>|}}
    </div>
-   |}}
+   }}
+</div>
-   {{#if: {{{header2|}}}{{{image2|}}}{{{text2|}}}{{{video2|}}}|
+<templatestyles src="Template:InfoGridCards/styles.css" />
-   <div class="card {{{classes2|}}}">
+</includeonly>
-      {{#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>
-{
-	"params": {
-		"header1": {
-			"label": "Card 1 Header",
-			"type": "string"
-		},
-		"image1": {
-			"label": "Card 1 Image",
-			"type": "wiki-file-name"
-		},
-		"text1": {
-			"label": "Card 1 Text",
-			"type": "string"
-		},
-		"video1": {
-			"label": "Card 1 Video",
-			"type": "wiki-file-name"
-		},
-		"classes1": {},
-		"header2": {},
-		"image2": {},
-		"text2": {},
-		"video2": {},
-		"classes2": {},
-		"header3": {},
-		"image3": {},
-		"text3": {},
-		"video3": {},
-		"classes3": {},
-		"header4": {},
-		"image4": {},
-		"text4": {},
-		"video4": {},
-		"classes4": {},
-		"header5": {},
-		"image5": {},
-		"text5": {},
-		"video5": {},
-		"classes5": {}
-	}
-}
-</templatedata>
 </noinclude>

Latest revision as of 02:12, 16 December 2024