Template:Quote card - Revision history

General-KJ at 22:04, 7 October 2024

2024-10-07T22:04:42Z

← Older revision		Revision as of 22:04, 7 October 2024
Line 15:		Line 15:
	</div>		</div>
	</div>		</div>
	<div class="quote-card-text">{{{~~text~~}}}</div>		<div class="quote-card-text">{{{name}}}</div>
	</div>		</div>
	<!--		<!--
Line 22:		Line 22:
	<!--		<!--
	@param image The image filename or URL, with extension (.jpg etc)		@param image The image filename or URL, with extension (.jpg etc)
	~~@param text Any text you want to appear next to the image, takes wikilinks (within square brackets).~~		@param name The name you want to appear in the table of contents and next to the image.
	@param name The name you want to appear in the table of contents.
	@param link The link you want the image to redirect to (normally same as within the text).		@param link The link you want the image to redirect to (normally same as within the text).
	@param scale Scaling-in value.		@param scale Scaling-in value.
Line 36:		Line 35:
	"required": false,		"required": false,
	"description": "The image filename or URL, with extension (.jpg etc)"		"description": "The image filename or URL, with extension (.jpg etc)"
	},
	~~"text": {~~
	~~"type": "string",~~
	~~"required": true,~~
	~~"description": "Any text you want to appear next to the image, takes wikilinks (within square brackets)."~~
	},		},
	"name": {		"name": {

General-KJ at 21:51, 7 October 2024

2024-10-07T21:51:58Z

← Older revision		Revision as of 21:51, 7 October 2024
Line 10:		Line 10:
	<div class="quote-card">		<div class="quote-card">
	<h6 class="quote-card-TOC">{{{name}}}</h6>		<h6 class="quote-card-TOC">{{{name}}}</h6>
	<div class="quote-card-image"> ~~[[File:{{{image\|Placeholder-image.png}}}\|link={{{link}}}\|{{{desc\|}}}]]~~		<div class="quote-card-image">
	<div style="transform:scale({{{scale\|1}}})">		<div style="transform:scale({{{scale\|1}}})">
			[[File:{{{image\|Placeholder-image.png}}}\|link={{{link}}}\|{{{desc\|}}}]]
	</div>		</div>
	</div>		</div>

General-KJ at 21:50, 7 October 2024

2024-10-07T21:50:45Z

← Older revision		Revision as of 21:50, 7 October 2024
Line 10:		Line 10:
	<div class="quote-card">		<div class="quote-card">
	<h6 class="quote-card-TOC">{{{name}}}</h6>		<h6 class="quote-card-TOC">{{{name}}}</h6>
	<div class="quote-card-image"> [[File:{{{image\|Placeholder-image.png}}}\|link={{{link}}}\|{{{desc\|}}}]]</div>		<div class="quote-card-image"> [[File:{{{image\|Placeholder-image.png}}}\|link={{{link}}}\|{{{desc\|}}}]]
			<div style="transform:scale({{{scale\|1}}})">
			</div>
			</div>
	<div class="quote-card-text">{{{text}}}</div>		<div class="quote-card-text">{{{text}}}</div>
	</div>		</div>

General-KJ at 21:48, 7 October 2024

2024-10-07T21:48:41Z

← Older revision		Revision as of 21:48, 7 October 2024
Line 5:		Line 5:
	\| name =		\| name =
	\| link =		\| link =
			\| scale =
	}}		}}
	-->		-->
Line 20:		Line 21:
	@param name The name you want to appear in the table of contents.		@param name The name you want to appear in the table of contents.
	@param link The link you want the image to redirect to (normally same as within the text).		@param link The link you want the image to redirect to (normally same as within the text).
			@param scale Scaling-in value.
	@param desc The description you want to display when the user hovers over the link long enough.		@param desc The description you want to display when the user hovers over the link long enough.
	-->		-->
Line 45:		Line 47:
	"required": true,		"required": true,
	"description": "The link you want the image to redirect to (normally same as within the text)."		"description": "The link you want the image to redirect to (normally same as within the text)."
			},
			"scale": {
			"type": "string",
			"required": false,
			"description": "Scale-in the image to make sure it fills the entire card. Can have decimals. Expressed as a factor. Image will always be centred. Default: 1",
			"default": "1"
	},		},
	"desc": {		"desc": {

General-KJ at 21:20, 7 October 2024

2024-10-07T21:20:25Z

← Older revision		Revision as of 21:20, 7 October 2024
Line 1:		Line 1:
	<!--		<!--
	{{~~QuoteCard~~		{{Quotecard
	\| image =		\| image =
			\| text =
			\| name =
	\| link =		\| link =
	~~\| name =~~
	~~\| scale =~~
	}}		}}
	-->		-->
	<div class="quote-card">		<div class="quote-card">
	<h6 class="quote-card-TOC">{{{name\|}}}</h6>		<h6 class="quote-card-TOC">{{{name}}}</h6>
	<div class="quote-card-image">		<div class="quote-card-image"> [[File:{{{image\|Placeholder-image.png}}}\|link={{{link}}}\|{{{desc\|}}}]]</div>
	~~<div style="transform:scale({{{scale\|1}}})">~~
	[[File:{{{image\|Placeholder-image.png}}}\|link={{{link\|}}}\|{{{desc\|}}}]]
	</div>
	<div class="quote-card-text">{{{text}}}</div>		<div class="quote-card-text">{{{text}}}</div>
	</div>		</div>
Line 19:		Line 16:
	-->		-->
	<!--		<!--
	@param image The image filename or URL.		@param image The image filename or URL, with extension (.jpg etc)
	@param text Any text you want to appear next to the image, takes wikilinks (within square brackets).		@param text Any text you want to appear next to the image, takes wikilinks (within square brackets).
			@param name The name you want to appear in the table of contents.
	@param link The link you want the image to redirect to (normally same as within the text).		@param link The link you want the image to redirect to (normally same as within the text).
	~~@param name The name of the author or topic.~~
	~~@param scale Scaling-in value.~~
	@param desc The description you want to display when the user hovers over the link long enough.		@param desc The description you want to display when the user hovers over the link long enough.
	-->		-->
Line 32:		Line 28:
	"image": {		"image": {
	"type": "string",		"type": "string",
	"required": ~~true~~,		"required": false,
	"description": "The image filename or URL, with extension (.jpg etc)",		"description": "The image filename or URL, with extension (.jpg etc)"
	~~"default": "Placeholder-image.png~~"
	},		},
	"text": {		"text": {
Line 41:		Line 36:
	"description": "Any text you want to appear next to the image, takes wikilinks (within square brackets)."		"description": "Any text you want to appear next to the image, takes wikilinks (within square brackets)."
	},		},
	"~~link~~": {		"name": {
	"type": "string",		"type": "string",
	"required": true,		"required": true,
	"description": "The ~~link~~ you want ~~the image to redirect~~ to ~~(normally same as within~~ the ~~text)~~."		"description": "The name you want to appear in the table of contents."
	},		},
	"~~name~~": {		"link": {
	"type": "string",		"type": "string",
	"required": true,		"required": true,
	"description": "The ~~name of the author or topic."~~		"description": "The link you want the image to redirect to (normally same as within the text)."
	},
	~~"scale": {~~
	~~"type": "string",~~
	~~"required": false,~~
	~~"description": "Scale-in~~ the image to ~~make sure it fills~~ the ~~entire card. Can have decimals. Expressed as a factor. Image will always be centred~~. ~~Default: 1",~~
	~~"default": "1~~"
	},		},
	"desc": {		"desc": {
	"type": "string",		"type": "string",
	"required": false,		"required": false,
	"description": "The description you want to display when the user hovers over the link long enough."		"description": "The description you want to display when the user hovers over the link long enough."
	}		}
	}		}

General-KJ at 21:10, 7 October 2024

2024-10-07T21:10:05Z

← Older revision		Revision as of 21:10, 7 October 2024
Line 8:		Line 8:
	-->		-->
	<div class="quote-card">		<div class="quote-card">
	<h6 class="~~library~~-card-TOC">{{{name\|}}}</h6>		<h6 class="quote-card-TOC">{{{name\|}}}</h6>
	<div class="~~library~~-card-image">		<div class="quote-card-image">
	<div style="transform:scale({{{scale\|1}}})">		<div style="transform:scale({{{scale\|1}}})">
	[[File:{{{image\|Placeholder-image.png}}}\|link={{{link\|}}}\|{{{desc\|}}}]]		[[File:{{{image\|Placeholder-image.png}}}\|link={{{link\|}}}\|{{{desc\|}}}]]
	</div>		</div>
			<div class="quote-card-text">{{{text}}}</div>
	</div>		</div>
	<!--		<!--
Line 19:		Line 20:
	<!--		<!--
	@param image The image filename or URL.		@param image The image filename or URL.
			@param text Any text you want to appear next to the image, takes wikilinks (within square brackets).
	@param link The link you want the image to redirect to (normally same as within the text).		@param link The link you want the image to redirect to (normally same as within the text).
	@param name The name of the author or topic.		@param name The name of the author or topic.
Line 33:		Line 35:
	"description": "The image filename or URL, with extension (.jpg etc)",		"description": "The image filename or URL, with extension (.jpg etc)",
	"default": "Placeholder-image.png"		"default": "Placeholder-image.png"
			},
			"text": {
			"type": "string",
			"required": true,
			"description": "Any text you want to appear next to the image, takes wikilinks (within square brackets)."
	},		},
	"link": {		"link": {

General-KJ: experimenting

2024-10-07T20:52:15Z

experimenting

New page

<div class="quote-card">
<h6 class="library-card-TOC">{{{name|}}}</h6>
<div class="library-card-image">
<div style="transform:scale({{{scale|1}}})">
[[File:{{{image|Placeholder-image.png}}}|link={{{link|}}}|{{{desc|}}}]]
</div>
</div>


<noinclude>
<templatedata>
{
"params": {
"image": {
"type": "string",
"required": true,
"description": "The image filename or URL, with extension (.jpg etc)",
"default": "Placeholder-image.png"
},
"link": {
"type": "string",
"required": true,
"description": "The link you want the image to redirect to (normally same as within the text)."
},
"name": {
"type": "string",
"required": true,
"description": "The name of the author or topic."
},
"scale": {
"type": "string",
"required": false,
"description": "Scale-in the image to make sure it fills the entire card. Can have decimals. Expressed as a factor. Image will always be centred. Default: 1",
"default": "1"
},
"desc": {
"type": "string",
"required": false,
"description": "The description you want to display when the user hovers over the link long enough."
}
}
}
</templatedata>
</noinclude>