Template:ArticleCard: Difference between revisions

From AbhiprayaVedi
mNo edit summary
Tag: 2017 source edit
mNo edit summary
Tag: 2017 source edit
 
(9 intermediate revisions by the same user not shown)
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"> {{{Image1}}} </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">
{{#if: {{{Authorphoto|}}} | <div class="author-photo-hidden">[[File:{{{Authorphoto}}}|20px]]</div> }}
        <p class="article-intro">{{{Intro|}}}</p>
<!-- 3. Author name and date paired in a single bottom row -->
      </div>
<div class="article-meta-row">
    }}
{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
    <!-- Optional Author photo placeholder -->
{{#if: {{{Published date|}}} |
    {{#if: {{{Authorphoto|}}} | <div class="author-photo-hidden">[[File:{{{Authorphoto}}}|20px]]</div> }}
<span class="article-date">{{#time: j F Y | {{{Published date|}}} | ml }}</span>
    <!-- 3. Author name and date paired in a single bottom row -->
}}
    <div class="article-meta-row">
</div>
      {{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
</div>
      {{#if: {{{Published date|}}} |
        <span class="article-date">{{#time: j F Y | {{{Published date|}}} | ml }}</span>
      }}
    </div>
  </div>
</div>
</div>

Latest revision as of 18:15, 9 June 2026