Simplified card component code

author: Volpeon <git@volpeon.ink> 2021-06-14 19:10:05 +0200
committer: Volpeon <git@volpeon.ink> 2021-06-14 19:10:05 +0200
commit: 8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da (patch)
tree: f921fe76fc3acec99a3e1f628399b1ea1cc8ba6b /templates/layouts
parent: Restructured some variables (diff)
download: volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.gz
volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.bz2
volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.zip
3 files changed, 12 insertions, 12 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 03d05e0..00ea383 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -16,10 +16,10 @@ $body$
                        $if(pages.asc_title.show_dates)$
                            $for(it.pages.desc_date)$
                                <a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
-                                    <div class="c-card__content">
+                                    <div class="c-card__block c-card__block--main">
                                        $it.title$
                                    </div>
-                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
+                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
                                        <small class="u-dn@sm-hi">
                                            $it.date.short$
                                        </small>
@@ -32,7 +32,7 @@ $body$
                        $else$
                            $for(it.pages.asc_title)$
                                <a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
-                                    <div class="c-card__content">
+                                    <div class="c-card__block c-card__block--main">
                                        $it.title$
                                    </div>
                                </a>
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 8eeeb03..00d25af 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -23,16 +23,16 @@
                            <div class="l-card-grid__card c-card">
                        $endif$
                            $if(it.icon)$
-                                <svg class="c-card__icon o-icon">
+                                <svg class="c-card__block o-icon">
                                    <use href="/symbols.svg#icon-$it.icon$"></use>
                                </svg>
                            $endif$
-                            <div class="c-card__content">
+                            <div class="c-card__block c-card__block--main">
                                <strong class="u-db">$it.platform$</strong>
                                <small class="u-db">$it.username$</small>
                            </div>
                            $if(it.url)$
-                                <svg class="c-card__icon o-icon">
+                                <svg class="c-card__block o-icon">
                                    <use href="/symbols.svg#icon-arrow-up-right"></use>
                                </svg>
                            $endif$
@@ -73,15 +73,15 @@ $body$
                    $endif$
                    <div class="c-project__card c-card">
                        $if(pages.by_id.projects.pages.all.icon)$
-                            <svg class="c-card__icon o-icon">
+                            <svg class="c-card__block o-icon">
                                <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
                            </svg>
                        $endif$
-                        <div class="c-card__content">
+                        <div class="c-card__block c-card__block--main">
                            <small class="u-db">$pages.by_id.projects.pages.all.title$</small>
                            <strong class="u-db">$it.title$</strong>
                        </div>
-                        <svg class="c-card__icon o-icon">
+                        <svg class="c-card__block o-icon">
                            <use href="/symbols.svg#icon-arrow-right"></use>
                        </svg>
                    </div>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 2d32357..9fc6ebe 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -11,10 +11,10 @@ $body$
                $if(show_dates)$
                    $for(pages.desc_date)$
                        <a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
-                            <div class="c-card__content">
+                            <div class="c-card__block c-card__block--main">
                                $it.title$
                            </div>
-                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
                                <small class="u-dn@sm-hi">
                                    $it.date.short$
                                </small>
@@ -27,7 +27,7 @@ $body$
                $else$
                    $for(pages.asc_title)$
                        <a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
-                            <div class="c-card__content">
+                            <div class="c-card__block c-card__block--main">
                                $it.title$
                            </div>
                        </a>
author	Volpeon <git@volpeon.ink>	2021-06-14 19:10:05 +0200
committer	Volpeon <git@volpeon.ink>	2021-06-14 19:10:05 +0200
commit	8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da (patch)
tree	f921fe76fc3acec99a3e1f628399b1ea1cc8ba6b /templates/layouts
parent	Restructured some variables (diff)
download	volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.gz volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.bz2 volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.zip

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 03d05e0..00ea383 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html
@@ -16,10 +16,10 @@ $body$
16	$if(pages.asc_title.show_dates)$	16	$if(pages.asc_title.show_dates)$
17	$for(it.pages.desc_date)$	17	$for(it.pages.desc_date)$
18	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">	18	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
19	<div class="c-card__content">	19	<div class="c-card__block c-card__block--main">
20	$it.title$	20	$it.title$
21	</div>	21	</div>
22	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">	22	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
23	<small class="u-dn@sm-hi">	23	<small class="u-dn@sm-hi">
24	$it.date.short$	24	$it.date.short$
25	</small>	25	</small>
@@ -32,7 +32,7 @@ $body$
32	$else$	32	$else$
33	$for(it.pages.asc_title)$	33	$for(it.pages.asc_title)$
34	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">	34	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
35	<div class="c-card__content">	35	<div class="c-card__block c-card__block--main">
36	$it.title$	36	$it.title$
37	</div>	37	</div>
38	</a>	38	</a>


diff --git a/templates/layouts/index.html b/templates/layouts/index.html index 8eeeb03..00d25af 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html
@@ -23,16 +23,16 @@
23	<div class="l-card-grid__card c-card">	23	<div class="l-card-grid__card c-card">
24	$endif$	24	$endif$
25	$if(it.icon)$	25	$if(it.icon)$
26	<svg class="c-card__icon o-icon">	26	<svg class="c-card__block o-icon">
27	<use href="/symbols.svg#icon-$it.icon$"></use>	27	<use href="/symbols.svg#icon-$it.icon$"></use>
28	</svg>	28	</svg>
29	$endif$	29	$endif$
30	<div class="c-card__content">	30	<div class="c-card__block c-card__block--main">
31	<strong class="u-db">$it.platform$</strong>	31	<strong class="u-db">$it.platform$</strong>
32	<small class="u-db">$it.username$</small>	32	<small class="u-db">$it.username$</small>
33	</div>	33	</div>
34	$if(it.url)$	34	$if(it.url)$
35	<svg class="c-card__icon o-icon">	35	<svg class="c-card__block o-icon">
36	<use href="/symbols.svg#icon-arrow-up-right"></use>	36	<use href="/symbols.svg#icon-arrow-up-right"></use>
37	</svg>	37	</svg>
38	$endif$	38	$endif$
@@ -73,15 +73,15 @@ $body$
73	$endif$	73	$endif$
74	<div class="c-project__card c-card">	74	<div class="c-project__card c-card">
75	$if(pages.by_id.projects.pages.all.icon)$	75	$if(pages.by_id.projects.pages.all.icon)$
76	<svg class="c-card__icon o-icon">	76	<svg class="c-card__block o-icon">
77	<use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>	77	<use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
78	</svg>	78	</svg>
79	$endif$	79	$endif$
80	<div class="c-card__content">	80	<div class="c-card__block c-card__block--main">
81	<small class="u-db">$pages.by_id.projects.pages.all.title$</small>	81	<small class="u-db">$pages.by_id.projects.pages.all.title$</small>
82	<strong class="u-db">$it.title$</strong>	82	<strong class="u-db">$it.title$</strong>
83	</div>	83	</div>
84	<svg class="c-card__icon o-icon">	84	<svg class="c-card__block o-icon">
85	<use href="/symbols.svg#icon-arrow-right"></use>	85	<use href="/symbols.svg#icon-arrow-right"></use>
86	</svg>	86	</svg>
87	</div>	87	</div>


diff --git a/templates/layouts/list.html b/templates/layouts/list.html index 2d32357..9fc6ebe 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html
@@ -11,10 +11,10 @@ $body$
11	$if(show_dates)$	11	$if(show_dates)$
12	$for(pages.desc_date)$	12	$for(pages.desc_date)$
13	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">	13	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
14	<div class="c-card__content">	14	<div class="c-card__block c-card__block--main">
15	$it.title$	15	$it.title$
16	</div>	16	</div>
17	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">	17	<time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
18	<small class="u-dn@sm-hi">	18	<small class="u-dn@sm-hi">
19	$it.date.short$	19	$it.date.short$
20	</small>	20	</small>
@@ -27,7 +27,7 @@ $body$
27	$else$	27	$else$
28	$for(pages.asc_title)$	28	$for(pages.asc_title)$
29	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">	29	<a href="$it.url.rel$" class="c-post-list__post c-card c-card--mark-visited">
30	<div class="c-card__content">	30	<div class="c-card__block c-card__block--main">
31	$it.title$	31	$it.title$
32	</div>	32	</div>
33	</a>	33	</a>