diff options
Diffstat (limited to 'templates/layouts')
| -rw-r--r-- | templates/layouts/categorized_list.html | 6 | ||||
| -rw-r--r-- | templates/layouts/index.html | 34 |
2 files changed, 21 insertions, 19 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 898c011..153ef99 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -7,12 +7,12 @@ $body$ | |||
| 7 | </div> | 7 | </div> |
| 8 | 8 | ||
| 9 | <div class="c-post-list"> | 9 | <div class="c-post-list"> |
| 10 | $for(pages.by_category)$ | 10 | $for(pages.all)$ |
| 11 | <h2 class="c-post-list__category-header"> | 11 | <h2 class="c-post-list__category-header"> |
| 12 | $it.name$ | 12 | $it.title$ |
| 13 | </h2> | 13 | </h2> |
| 14 | <div class="c-post-list__category-content"> | 14 | <div class="c-post-list__category-content"> |
| 15 | $for(it.pages)$ | 15 | $for(it.pages.all)$ |
| 16 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 16 | <a href="$it.url.rel$" class="c-post-list__post c-card"> |
| 17 | <div class="c-card__content"> | 17 | <div class="c-card__content"> |
| 18 | $it.title$ | 18 | $it.title$ |
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index 204c31b..8eeeb03 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html | |||
| @@ -66,25 +66,27 @@ $body$ | |||
| 66 | 66 | ||
| 67 | <div class="l-container l-container--pad-x l-container--pad-y l-project-grid"> | 67 | <div class="l-container l-container--pad-x l-container--pad-y l-project-grid"> |
| 68 | $for(pages.by_id.projects.pages.all)$ | 68 | $for(pages.by_id.projects.pages.all)$ |
| 69 | <a class="l-project-grid__project c-project" href="$it.url.rel$"> | 69 | $for(it.pages.all)$ |
| 70 | $if(it.preview)$ | 70 | <a class="l-project-grid__project c-project" href="$it.url.rel$"> |
| 71 | <img class="c-project__picture" src="$it.preview.rel$" /> | 71 | $if(it.preview)$ |
| 72 | $endif$ | 72 | <img class="c-project__picture" src="$it.preview.rel$" /> |
| 73 | <div class="c-project__card c-card"> | 73 | $endif$ |
| 74 | $if(it.category.icon)$ | 74 | <div class="c-project__card c-card"> |
| 75 | $if(pages.by_id.projects.pages.all.icon)$ | ||
| 76 | <svg class="c-card__icon o-icon"> | ||
| 77 | <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use> | ||
| 78 | </svg> | ||
| 79 | $endif$ | ||
| 80 | <div class="c-card__content"> | ||
| 81 | <small class="u-db">$pages.by_id.projects.pages.all.title$</small> | ||
| 82 | <strong class="u-db">$it.title$</strong> | ||
| 83 | </div> | ||
| 75 | <svg class="c-card__icon o-icon"> | 84 | <svg class="c-card__icon o-icon"> |
| 76 | <use href="/symbols.svg#icon-$it.category.icon$"></use> | 85 | <use href="/symbols.svg#icon-arrow-right"></use> |
| 77 | </svg> | 86 | </svg> |
| 78 | $endif$ | ||
| 79 | <div class="c-card__content"> | ||
| 80 | <small class="u-db">$it.category.name$</small> | ||
| 81 | <strong class="u-db">$it.title$</strong> | ||
| 82 | </div> | 87 | </div> |
| 83 | <svg class="c-card__icon o-icon"> | 88 | </a> |
| 84 | <use href="/symbols.svg#icon-arrow-right"></use> | 89 | $endfor$ |
| 85 | </svg> | ||
| 86 | </div> | ||
| 87 | </a> | ||
| 88 | $endfor$ | 90 | $endfor$ |
| 89 | </div> | 91 | </div> |
| 90 | </section> | 92 | </section> |