Template:ArticleCard: Difference between revisions

@@ Line 1: / Line 1: @@
-<includeonly>
+<templatestyles src="Template:ArticleCard/styles.css" />
-<div class="index-card">
+<!-- Hidden semantic properties -->
-  <!-- Image -->
+<div style="display:none">
-   {{#if: {{{Image1|}}} |
+  {{#set:Title={{{title|}}}}}
-   <div class="index-card-image">
+  {{#set:Author={{{author|}}}}}
-     [[File:{{{Image1}}}|400x230px|link={{{1}}}]]
+  {{#set:Language={{{language|}}}}}
+  {{#set:Published date={{{date|}}}}}
+   {{#set:Category={{{category|}}}}}
+  {{#set:Image={{{image|}}}}}
+   {{#set:Summary={{{summary|}}}}}
+</div>
+<!-- Display layout -->
+<div class="article-card">
+  <div class="article-thumbnail">
+     {{#if: {{{image|}}} | [[File:{{{image}}}|200px|link={{{link|}}}]] }}
    </div>
-  }}
+   <div class="article-info">
+     <h3 class="article-title">
-   <div class="index-card-text">
+      [[{{{link|}}}|{{{title|}}}]]
-     <!-- Title -->
+    </h3>
-    <h3>[[{{{1}}}|{{{2|{{{1}}}}}}]]</h3>
+     <p class="article-author">{{{author|}}}</p>
+     <p class="article-date">{{{date|}}}</p>
-    <!-- Introduction (short preview) -->
+    <p class="article-summary">{{{summary|}}}</p>
-     <p class="index-card-intro">{{{3|No introduction available.}}}</p>
-    <!-- Meta -->
-     <p class="index-card-meta">
-      {{{4|Unknown Author}}} • {{{5|}}}
-    </p>
    </div>
 </div>
-</includeonly>

Anonymous