diff options
Diffstat (limited to 'templates/partials/list_card.html')
-rw-r--r-- | templates/partials/list_card.html | 41 |
1 files changed, 25 insertions, 16 deletions
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html index 6335786..744ca8a 100644 --- a/templates/partials/list_card.html +++ b/templates/partials/list_card.html | |||
@@ -16,27 +16,36 @@ $if(it.url)$ | |||
16 | <use href="/icons.svg#$it.icon$"></use> | 16 | <use href="/icons.svg#$it.icon$"></use> |
17 | </svg> | 17 | </svg> |
18 | $endif$ | 18 | $endif$ |
19 | <div class="l-media__block l-media__block--main p-name" itemprop="name headline"> | 19 | <div class="l-media__block l-media__block--main u-d-none@sm-hi"> |
20 | $if(it.subtitle)$ | ||
21 | <small class="u-d-block">$it.subtitle$</small> | ||
22 | <strong class="u-d-block">$it.title$</strong> | ||
23 | $elseif(it.category)$ | ||
24 | <small class="u-d-block">$it.category$</small> | ||
25 | <strong class="u-d-block">$it.title$</strong> | ||
26 | $elseif(it.date)$ | ||
27 | <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time> | ||
28 | <strong class="u-d-block">$it.title$</strong> | ||
29 | $else$ | ||
30 | <span class="p-name" itemprop="name headline"> | ||
31 | $it.title$ | ||
32 | </span> | ||
33 | $endif$ | ||
34 | </div> | ||
35 | <div class="l-media__block l-media__block--main u-d-none@sm-lo"> | ||
20 | $it.title$ | 36 | $it.title$ |
21 | </div> | 37 | </div> |
22 | $if(it.subtitle)$ | 38 | $if(it.subtitle)$ |
23 | <div class="l-media__block u-fs0"> | 39 | <small class="l-media__block u-d-none@sm-lo"> |
24 | <small> | 40 | $it.subtitle$ |
25 | $it.subtitle$ | 41 | </small> |
26 | </small> | ||
27 | </div> | ||
28 | $elseif(it.category)$ | 42 | $elseif(it.category)$ |
29 | <div class="l-media__block u-fs0"> | 43 | <small class="l-media__block u-d-none@sm-lo"> |
30 | <small> | 44 | $it.category$ |
31 | $it.category$ | 45 | </small> |
32 | </small> | ||
33 | </div> | ||
34 | $elseif(it.date)$ | 46 | $elseif(it.date)$ |
35 | <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated"> | 47 | <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated"> |
36 | <small class="u-d-none@sm-hi"> | 48 | <small> |
37 | $it.date.short$ | ||
38 | </small> | ||
39 | <small class="u-d-none@sm-lo"> | ||
40 | $it.date.long$ | 49 | $it.date.long$ |
41 | </small> | 50 | </small> |
42 | </time> | 51 | </time> |