Template:ArticleCard: Difference between revisions

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:ArticleCard/styles.css" />
 <div class="article-card">
-  <div class="article-thumbnail">
+<!-- 1. Image explicitly at the top --> {{#if: {{{Image1|}}} | <div class="article-thumbnail"> {{{Image1}}} </div>  }}
-    {{#if: {{{Image1|}}} | [[File:{{{Image1}}}|200px|link={{{1|}}}]] }}
+<!-- 2. Content block below the image -->
-  </div>
+<div class="article-info">
-  <div class="article-info">
+<!-- Displayname directly under the image -->
-  <h3 class="article-title">{{{Displayname|{{{1}}}}}}</h3>
+<h3 class="article-title">[[{{{ArticlePage|}}}|{{{Displayname|{{{1}}}}}}]]</h3>
-  <p class="article-author">{{{Author|}}}</p>
+<!-- Intro container using standard CSS clipping mechanics -->
-  <p class="article-date">{{#time:j F Y|{{{Published date|}}}|ml}}</p>
+{{#if: {{{Intro|}}} |
-  <p class="article-intro">{{{Intro|}}}</p>
+<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> }}
+<!-- 3. Author name and date paired in a single bottom row -->
+<div class="article-meta-row">
+{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
+{{#if: {{{Published date|}}} |
+<span class="article-date">{{#time: j F Y | {{{Published date|}}} | ml }}</span>
+}}
+</div>
 </div>
 </div>

Anonymous