Template:ArticleCard: Difference between revisions

From AbhiprayaVedi
mNo edit summary
Tag: 2017 source edit
mNo edit summary
Tag: 2017 source edit
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>

Revision as of 17:34, 9 June 2026