Template:ArticleCard - Revision history

VijayanPN at 12:45, 9 June 2026

2026-06-09T12:45:24Z

← Older revision		Revision as of 18:15, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> {{{Image1}}} </div> }}		<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> {{{Image1}}} </div> }}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 12:31, 9 June 2026

2026-06-09T12:31:54Z

← Older revision		Revision as of 18:01, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> ~~[[File:~~{{{Image1}}}~~\|center\|300px]]~~ </div> }}		<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> {{{Image1}}} </div> }}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 12:26, 9 June 2026

2026-06-09T12:26:10Z

← Older revision		Revision as of 17:56, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> [[File:{{{Image1}}}\|center\|300px]] </div> }}		<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> [[File:{{{Image1}}}\|center\|300px]] </div> }}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 12:24, 9 June 2026

2026-06-09T12:24:16Z

← Older revision		Revision as of 17:54, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> [[File:{{{Image1}}}\|center\|300px]] </div> }}		<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> [[File:{{{Image1}}}\|center\|300px]] </div> }}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 12:23, 9 June 2026

2026-06-09T12:23:55Z

← Older revision		Revision as of 17:53, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top -->		<!-- 1. Image explicitly at the top --> {{#if: {{{Image1\|}}} \| <div class="article-thumbnail"> [[File:{{{Image1}}}\|center\|300px]] </div> }}
	{{#if: {{{Image1\|}}} \|
	<div class="article-thumbnail">
	[[File:{{{Image1}}}\|center\|300px]]
	</div>
	}}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 12:04, 9 June 2026

2026-06-09T12:04:26Z

← Older revision		Revision as of 17:34, 9 June 2026
Line 1:		Line 1:
	<templatestyles src="Template:ArticleCard/styles.css" />		<templatestyles src="Template:ArticleCard/styles.css" />
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top -->		<!-- 1. Image explicitly at the top -->
	{{#if: {{{Image1\|}}} \| <div class="article-thumbnail">[[File:{{{Image1}}}\|center\|300px]] </div> }}		{{#if: {{{Image1\|}}} \|
	<!-- 2. Content block below the image -->		<div class="article-thumbnail">
	<div class="article-info">		[[File:{{{Image1}}}\|center\|300px]]
	<!-- Displayname directly under the image -->		</div>
	<h3 class="article-title">[[{{{ArticlePage\|}}}\|{{{Displayname\|{{{1}}}}}}]]</h3>		}}
	<!-- Intro container using standard CSS clipping mechanics -->		<!-- 2. Content block below the image -->
	{{#if: {{{Intro\|}}} \|		<div class="article-info">
	<div class="article-intro-wrapper">		<!-- Displayname directly under the image -->
	<p class="article-intro">{{{Intro\|}}}</p>		<h3 class="article-title">[[{{{ArticlePage\|}}}\|{{{Displayname\|{{{1}}}}}}]]</h3>
	</div>		<!-- Intro container using standard CSS clipping mechanics -->
	}}		{{#if: {{{Intro\|}}} \|
	<!-- Optional Author photo placeholder -->		<div class="article-intro-wrapper">
			<p class="article-intro">{{{Intro\|}}}</p>
			</div>
			}}
			<!-- Optional Author photo placeholder -->
	{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}		{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}
	<!-- 3. Author name and date paired in a single bottom row -->		<!-- 3. Author name and date paired in a single bottom row -->
	<div class="article-meta-row">		<div class="article-meta-row">
	{{#if: {{{Author\|}}} \| <span class="article-author">{{{Author\|}}}</span> }}		{{#if: {{{Author\|}}} \| <span class="article-author">{{{Author\|}}}</span> }}
Line 21:		Line 25:
	<span class="article-date">{{#time: j F Y \| {{{Published date\|}}} \| ml }}</span>		<span class="article-date">{{#time: j F Y \| {{{Published date\|}}} \| ml }}</span>
	}}		}}
	</div>		</div>
	</div>		</div>
	</div>		</div>

VijayanPN at 11:48, 9 June 2026

2026-06-09T11:48:48Z

VijayanPN at 11:46, 9 June 2026

2026-06-09T11:46:36Z

← Older revision		Revision as of 17:16, 9 June 2026
Line 2:		Line 2:
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top -->		<!-- 1. Image explicitly at the top -->
	{{#if: {{{Image1\|}}} \|		{{#if: {{{Image1\|}}} \| <div class="article-thumbnail">[[File:{{{Image1}}}\|center\|300px]] </div> }}
	<div class="article-thumbnail">{{{Image1}}}\|center\|300px
	</div>
	}}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">

VijayanPN at 11:42, 9 June 2026

2026-06-09T11:42:30Z

← Older revision		Revision as of 17:12, 9 June 2026
Line 3:		Line 3:
	<!-- 1. Image explicitly at the top -->		<!-- 1. Image explicitly at the top -->
	{{#if: {{{Image1\|}}} \|		{{#if: {{{Image1\|}}} \|
	<div class="article-thumbnail">		<div class="article-thumbnail">{{{Image1}}}\|center\|300px
	~~[[File:~~{{{Image1}}}\|center\|300px]]
	</div>		</div>
	}}		}}

VijayanPN at 11:40, 9 June 2026

2026-06-09T11:40:57Z

← Older revision		Revision as of 17:10, 9 June 2026
Line 20:		Line 20:
	{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}		{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}
	<!-- 3. Author name and date paired in a single bottom row -->		<!-- 3. Author name and date paired in a single bottom row -->
	<div class="article-meta-row">		<div class="article-meta-row">
	{{#if: {{{Author\|}}} \| <span class="article-author">{{{Author\|}}}</span> }}		{{#if: {{{Author\|}}} \| <span class="article-author">{{{Author\|}}}</span> }}
	{{#if: {{{Published date\|}}} \|		{{#if: {{{Published date\|}}} \|
	<span class="article-date">{{#time: j F Y \| {{{Published date\|}}} \| ml }}</span>		<span class="article-date">{{#time: j F Y \| {{{Published date\|}}} \| ml }}</span>
	}}		}}
	</div>		</div>
	</div>		</div>
	</div>		</div>

← Older revision		Revision as of 17:18, 9 June 2026
Line 2:		Line 2:
	<div class="article-card">		<div class="article-card">
	<!-- 1. Image explicitly at the top -->		<!-- 1. Image explicitly at the top -->
	{{#if: {{{Image1\|}}} \| <div class="article-thumbnail">[[File:{{{Image1}}}\|center\|300px]] </div> }}		{{#if: {{{Image1\|}}} \| <div class="article-thumbnail">[[File:{{{Image1}}}\|center\|300px]] </div> }}
	<!-- 2. Content block below the image -->		<!-- 2. Content block below the image -->
	<div class="article-info">		<div class="article-info">
	<!-- Displayname directly under the image -->		<!-- Displayname directly under the image -->
	<h3 class="article-title">[[{{{ArticlePage\|}}}\|{{{Displayname\|{{{1}}}}}}]]</h3>		<h3 class="article-title">[[{{{ArticlePage\|}}}\|{{{Displayname\|{{{1}}}}}}]]</h3>
	<!-- Intro container using standard CSS clipping mechanics -->		<!-- Intro container using standard CSS clipping mechanics -->
	{{#if: {{{Intro\|}}} \|		{{#if: {{{Intro\|}}} \|
	<div class="article-intro-wrapper">		<div class="article-intro-wrapper">
	<p class="article-intro">{{{Intro\|}}}</p>		<p class="article-intro">{{{Intro\|}}}</p>
	</div>		</div>
	}}		}}
	<!-- Optional Author photo placeholder -->		<!-- Optional Author photo placeholder -->
	{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}		{{#if: {{{Authorphoto\|}}} \| <div class="author-photo-hidden">[[File:{{{Authorphoto}}}\|20px]]</div> }}
	<!-- 3. Author name and date paired in a single bottom row -->		<!-- 3. Author name and date paired in a single bottom row -->
	<div class="article-meta-row">		<div class="article-meta-row">