Template:ArticleCard: Difference between revisions

From AbhiprayaVedi
mNo edit summary
Tag: 2017 source edit
mNo edit summary
Tag: 2017 source edit
 
(6 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|}}} | <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">
{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
{{#if: {{{Author|}}} | <span class="article-author">{{{Author|}}}</span> }}
Line 21: 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