summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/categorized_list.html28
-rw-r--r--templates/layouts/index.html43
-rw-r--r--templates/layouts/list.html26
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>