diff options
Diffstat (limited to 'templates/layouts')
-rw-r--r-- | templates/layouts/categorized_list.html | 28 | ||||
-rw-r--r-- | templates/layouts/index.html | 43 | ||||
-rw-r--r-- | templates/layouts/list.html | 26 |
3 files changed, 81 insertions, 16 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 8f8b1ae..fa0f000 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
@@ -5,17 +5,24 @@ | |||
5 | $body$ | 5 | $body$ |
6 | </div> | 6 | </div> |
7 | 7 | ||
8 | <div class="c-post-list"> | 8 | <div class="c-card-list"> |
9 | $for(pages.asc_title)$ | 9 | $for(pages.asc_title)$ |
10 | $if(it.pages)$ | 10 | $if(it.pages)$ |
11 | <h2 class="c-post-list__category-header"> | 11 | <h2 class="c-card-list__category-header"> |
12 | <a href="$it.url.rel$">$it.title$</a> | 12 | <a href="$it.url.rel$">$it.title$</a> |
13 | </h2> | 13 | </h2> |
14 | <div class="c-post-list__category-content"> | 14 | <div class="c-card-list__category-content$if(pages.asc_title.list_grid)$ c-card-list__category-content--grid$endif$"> |
15 | $if(pages.asc_title.show_dates)$ | 15 | $if(pages.asc_title.show_dates)$ |
16 | $for(it.pages.desc_date)$ | 16 | $for(it.pages.desc_date)$ |
17 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 17 | <a href="$it.url.rel$" class="c-card-list__card c-card"> |
18 | <div class="c-card__block c-card__block--indicator"></div> | 18 | $if(pages.asc_title.show_read_indicators)$ |
19 | <div class="c-card__block c-card__block--indicator"></div> | ||
20 | $endif$ | ||
21 | $if(pages.asc_title.icon)$ | ||
22 | <svg class="c-card__block o-icon"> | ||
23 | <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use> | ||
24 | </svg> | ||
25 | $endif$ | ||
19 | <div class="c-card__block c-card__block--main"> | 26 | <div class="c-card__block c-card__block--main"> |
20 | $it.title$ | 27 | $it.title$ |
21 | </div> | 28 | </div> |
@@ -31,8 +38,15 @@ $body$ | |||
31 | $endfor$ | 38 | $endfor$ |
32 | $else$ | 39 | $else$ |
33 | $for(it.pages.asc_title)$ | 40 | $for(it.pages.asc_title)$ |
34 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 41 | <a href="$it.url.rel$" class="c-card-list__card c-card"> |
35 | <div class="c-card__block c-card__block--indicator"></div> | 42 | $if(pages.asc_title.show_read_indicators)$ |
43 | <div class="c-card__block c-card__block--indicator"></div> | ||
44 | $endif$ | ||
45 | $if(pages.asc_title.icon)$ | ||
46 | <svg class="c-card__block o-icon"> | ||
47 | <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use> | ||
48 | </svg> | ||
49 | $endif$ | ||
36 | <div class="c-card__block c-card__block--main"> | 50 | <div class="c-card__block c-card__block--main"> |
37 | $it.title$ | 51 | $it.title$ |
38 | </div> | 52 | </div> |
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index a7b68c3..838f570 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html | |||
@@ -3,11 +3,48 @@ | |||
3 | $body$ | 3 | $body$ |
4 | </div> | 4 | </div> |
5 | 5 | ||
6 | <div id="projects" class="c-post-list c-post-list--grid"> | 6 | <div class="c-card-list"> |
7 | <div class="c-post-list__category-content"> | 7 | <h2 class="c-card-list__category-header"> |
8 | Profiles | ||
9 | </h2> | ||
10 | <div class="c-card-list__category-content c-card-list__category-content--grid"> | ||
11 | $for(profiles)$ | ||
12 | $if(it.featured)$ | ||
13 | $if(it.url)$ | ||
14 | <a class="c-card-list__card c-card" href="$it.url$"> | ||
15 | $else$ | ||
16 | <div class="c-card-list__card c-card"> | ||
17 | $endif$ | ||
18 | $if(it.icon)$ | ||
19 | <svg class="c-card__block o-icon"> | ||
20 | <use href="/symbols.svg#icon-$it.icon$"></use> | ||
21 | </svg> | ||
22 | $endif$ | ||
23 | <div class="c-card__block c-card__block--main"> | ||
24 | <strong class="u-db">$it.platform$</strong> | ||
25 | <small class="u-db">$it.username$</small> | ||
26 | </div> | ||
27 | $if(it.url)$ | ||
28 | <svg class="c-card__block o-icon"> | ||
29 | <use href="/symbols.svg#icon-arrow-up-right"></use> | ||
30 | </svg> | ||
31 | $endif$ | ||
32 | $if(it.url)$ | ||
33 | </a> | ||
34 | $else$ | ||
35 | </div> | ||
36 | $endif$ | ||
37 | $endif$ | ||
38 | $endfor$ | ||
39 | </div> | ||
40 | |||
41 | <h2 class="c-card-list__category-header"> | ||
42 | <a href="$pages.by_id.projects.url.rel$">$pages.by_id.projects.title$</a> | ||
43 | </h2> | ||
44 | <div class="c-card-list__category-content c-card-list__category-content--grid"> | ||
8 | $for(pages.by_id.projects.pages.all)$ | 45 | $for(pages.by_id.projects.pages.all)$ |
9 | $for(it.pages.all)$ | 46 | $for(it.pages.all)$ |
10 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 47 | <a href="$it.url.rel$" class="c-card-list__card c-card"> |
11 | $if(pages.by_id.projects.pages.all.icon)$ | 48 | $if(pages.by_id.projects.pages.all.icon)$ |
12 | <svg class="c-card__block o-icon"> | 49 | <svg class="c-card__block o-icon"> |
13 | <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use> | 50 | <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use> |
diff --git a/templates/layouts/list.html b/templates/layouts/list.html index 4831228..c0045c0 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html | |||
@@ -5,12 +5,19 @@ | |||
5 | $body$ | 5 | $body$ |
6 | </div> | 6 | </div> |
7 | 7 | ||
8 | <div class="c-post-list"> | 8 | <div class="c-card-list"> |
9 | <div class="c-post-list__category-content"> | 9 | <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$"> |
10 | $if(show_dates)$ | 10 | $if(show_dates)$ |
11 | $for(pages.desc_date)$ | 11 | $for(pages.desc_date)$ |
12 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 12 | <a href="$it.url.rel$" class="c-card-list__card c-card"> |
13 | <div class="c-card__block c-card__block--indicator"></div> | 13 | $if(show_read_indicators)$ |
14 | <div class="c-card__block c-card__block--indicator"></div> | ||
15 | $endif$ | ||
16 | $if(icon)$ | ||
17 | <svg class="c-card__block o-icon"> | ||
18 | <use href="/symbols.svg#icon-$icon$"></use> | ||
19 | </svg> | ||
20 | $endif$ | ||
14 | <div class="c-card__block c-card__block--main"> | 21 | <div class="c-card__block c-card__block--main"> |
15 | $it.title$ | 22 | $it.title$ |
16 | </div> | 23 | </div> |
@@ -26,8 +33,15 @@ $body$ | |||
26 | $endfor$ | 33 | $endfor$ |
27 | $else$ | 34 | $else$ |
28 | $for(pages.asc_title)$ | 35 | $for(pages.asc_title)$ |
29 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 36 | <a href="$it.url.rel$" class="c-card-list__card c-card"> |
30 | <div class="c-card__block c-card__block--indicator"></div> | 37 | $if(show_read_indicators)$ |
38 | <div class="c-card__block c-card__block--indicator"></div> | ||
39 | $endif$ | ||
40 | $if(icon)$ | ||
41 | <svg class="c-card__block o-icon"> | ||
42 | <use href="/symbols.svg#icon-$icon$"></use> | ||
43 | </svg> | ||
44 | $endif$ | ||
31 | <div class="c-card__block c-card__block--main"> | 45 | <div class="c-card__block c-card__block--main"> |
32 | $it.title$ | 46 | $it.title$ |
33 | </div> | 47 | </div> |