Template:ArticleCard: Difference between revisions

From AbhiprayaVedi
mNo edit summary
Tag: 2017 source edit
mNo edit summary
Tag: 2017 source edit
 
(7 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">{{{Image1}}}|center|300px
<div class="article-info">
    </div>
<!-- Displayname directly under the image -->
  }}
<h3 class="article-title">[[{{{ArticlePage|}}}|{{{Displayname|{{{1}}}}}}]]</h3>
  <!-- 2. Content block below the image -->
<!-- Intro container using standard CSS clipping mechanics -->
  <div class="article-info">
{{#if: {{{Intro|}}} |
    <!-- Displayname directly under the image -->
<div class="article-intro-wrapper">
    <h3 class="article-title">[[{{{ArticlePage|}}}|{{{Displayname|{{{1}}}}}}]]</h3>
<p class="article-intro">{{{Intro|}}}</p>
    <!-- Intro container using standard CSS clipping mechanics -->
</div>
    {{#if: {{{Intro|}}} |  
}}
      <div class="article-intro-wrapper">
<!-- Optional Author photo placeholder -->
        <p class="article-intro">{{{Intro|}}}</p>
{{#if: {{{Authorphoto|}}} | <div class="author-photo-hidden">[[File:{{{Authorphoto}}}|20px]]</div> }}
      </div>
<!-- 3. Author name and date paired in a single bottom row -->
    }}
    <!-- 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">
<div class="article-meta-row">
{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
Line 24: Line 20:
<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>

Latest revision as of 18:15, 9 June 2026