summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-12 08:46:20 +0200
committerVolpeon <git@volpeon.ink>2022-06-12 08:46:20 +0200
commit7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf (patch)
tree930d76a4a45baea8ec4f51fbe7122f32a3a45076
parentUpdate (diff)
downloadvolpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.gz
volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.bz2
volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.zip
Update
Diffstat
-rw-r--r--Makefile27
-rw-r--r--assets/css/components/_hnav.scss3
-rw-r--r--assets/css/layouts/_card-list.scss6
-rw-r--r--content/snow.js2
-rw-r--r--content/symbols.svg93
-rw-r--r--filters/icons.lua2
-rw-r--r--templates/base.html6
-rw-r--r--templates/layouts/categorized_list.html29
-rw-r--r--templates/partials/gallery_card.html4
-rw-r--r--templates/partials/grid_card.html4
-rw-r--r--templates/partials/list_card.html6
11 files changed, 60 insertions, 122 deletions
diff --git a/Makefile b/Makefile
index f9d36bc..52adc1d 100644
--- a/Makefile
+++ b/Makefile
@@ -26,7 +26,7 @@ STATIC_FILES := $(patsubst content/%,out/%,$(shell find content -type f
26# TARGETS 26# TARGETS
27# 27#
28 28
29all: content_meta content_files feed_files static_files font_files css_files 29all: content_meta content_files feed_files static_files font_files css_files icons
30 30
31content_meta: $(CONTENT_META) 31content_meta: $(CONTENT_META)
32content_files: $(CONTENT_FILES) 32content_files: $(CONTENT_FILES)
@@ -34,6 +34,7 @@ feed_files: $(FEED_FILES)
34static_files: $(STATIC_FILES) 34static_files: $(STATIC_FILES)
35font_files: $(FONT_FILES) 35font_files: $(FONT_FILES)
36css_files: $(CSS_FILES) 36css_files: $(CSS_FILES)
37icons: out/icons.svg
37 38
38# 39#
39# RULES 40# RULES
@@ -136,6 +137,30 @@ out/%.css: assets/css/%.scss $(CSS_SRC) | out
136 137
137 sass --load-path=node_modules "$<" | ./node_modules/.bin/postcss --use autoprefixer --no-map -o "$@" 138 sass --load-path=node_modules "$<" | ./node_modules/.bin/postcss --use autoprefixer --no-map -o "$@"
138 139
140out/icons.svg: | out
141 $(info [ICON] $< -> $@)
142
143 node ./node_modules/iro-icons/scripts/create_sprite.js \
144 asterisk \
145 arrow-left \
146 arrow-right \
147 arrow-up-right \
148 envelope \
149 hash \
150 messages \
151 parallelogram \
152 globe \
153 image \
154 graph \
155 git-branch \
156 smile \
157 link \
158 x \
159 chevron-left \
160 chevron-right \
161 "$@"
162
163
139out/%: content/% | out 164out/%: content/% | out
140 $(info [COPY] $< -> $@) 165 $(info [COPY] $< -> $@)
141 166
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 5f8157b..34835e9 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -15,6 +15,7 @@
15 --font-size: .9em, 15 --font-size: .9em,
16 --margin-top: fn.global-dim(--paragraph --margin-top), 16 --margin-top: fn.global-dim(--paragraph --margin-top),
17 --margin-bottom: fn.global-dim(--size --1000), 17 --margin-bottom: fn.global-dim(--size --1000),
18 --pad-top: calc(fn.global-dim(--paragraph --margin-top) * .5),
18 ) 19 )
19 ), 'dims'); 20 ), 'dims');
20 21
@@ -24,7 +25,7 @@
24 gap: fn.dim(--gap); 25 gap: fn.dim(--gap);
25 align-items: baseline; 26 align-items: baseline;
26 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); 27 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
27 padding-top: fn.dim(--margin-top); 28 padding-top: fn.dim(--pad-top);
28 border-top: 1px solid fn.color(--border); 29 border-top: 1px solid fn.color(--border);
29 color: fn.color(--fg); 30 color: fn.color(--fg);
30 31
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index 6d388e6..7a09c54 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -4,7 +4,7 @@
4@include iro.props-namespace('card-list') { 4@include iro.props-namespace('card-list') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --margin-top: fn.global-dim(--size --600), 7 --margin-top: fn.global-dim(--size --700),
8 --spacing: fn.global-dim(--size --200), 8 --spacing: fn.global-dim(--size --200),
9 --gap: fn.global-dim(--size --25), 9 --gap: fn.global-dim(--size --25),
10 --grid: ( 10 --grid: (
@@ -30,6 +30,10 @@
30 margin-top: fn.dim(--margin-top); 30 margin-top: fn.dim(--margin-top);
31 } 31 }
32 32
33 @include iro.bem-elem('footer') {
34 margin-top: fn.dim(--spacing);
35 }
36
33 @include iro.bem-elem('cards') { 37 @include iro.bem-elem('cards') {
34 display: flex; 38 display: flex;
35 flex-direction: column; 39 flex-direction: column;
diff --git a/content/snow.js b/content/snow.js
index 5913d1e..562e9c0 100644
--- a/content/snow.js
+++ b/content/snow.js
@@ -10,7 +10,7 @@
10 const snowFlakeInner = document.createElementNS("http://www.w3.org/2000/svg", "use"); 10 const snowFlakeInner = document.createElementNS("http://www.w3.org/2000/svg", "use");
11 const aniDuration = (Math.random() * 3 + 2) * 1000; 11 const aniDuration = (Math.random() * 3 + 2) * 1000;
12 12
13 snowFlakeInner.setAttribute("href", "/symbols.svg#icon-asterisk"); 13 snowFlakeInner.setAttribute("href", "/icons.svg#asterisk");
14 14
15 snowFlake.classList.add("o-icon", "o-icon--snow"); 15 snowFlake.classList.add("o-icon", "o-icon--snow");
16 snowFlake.setAttribute("aria-hidden", "true"); 16 snowFlake.setAttribute("aria-hidden", "true");
diff --git a/content/symbols.svg b/content/symbols.svg
index 5058606..4995ee2 100644
--- a/content/symbols.svg
+++ b/content/symbols.svg
@@ -5,98 +5,5 @@
5 <path fill="currentColor" stroke="none" d="m 9.91599,13 h 2.168035 L 8.584018,3 H 6.4159819 Z" /> 5 <path fill="currentColor" stroke="none" d="m 9.91599,13 h 2.168035 L 8.584018,3 H 6.4159819 Z" />
6 <path fill="currentColor" stroke="none" d="M 9.915975,13 H 12.08401 L 15.584018,3 h -2.168036 z" /> 6 <path fill="currentColor" stroke="none" d="M 9.915975,13 H 12.08401 L 15.584018,3 h -2.168036 z" />
7 </symbol> 7 </symbol>
8
9 <symbol id="icon-blank" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid"></symbol>
10
11 <symbol id="icon-asterisk" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
12 <path d="m7.75 1.25v14m-6-10.5 12 7m-12 0 12-7" fill="none" stroke="currentColor" />
13 </symbol>
14
15 <symbol id="icon-arrow-left" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
16 <path d="m7.25 3.75-4.5 4.5 4.5 4.5m-4.5-4.5h10.5" fill="none" stroke="currentColor" />
17 </symbol>
18
19 <symbol id="icon-arrow-right" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
20 <path d="m8.75 3.75 4.5 4.5-4.5 4.5m-6-4.5h10.5" fill="none" stroke="currentColor" />
21 </symbol>
22
23 <symbol id="icon-arrow-up-right" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
24 <path d="m5.25 4.25h6.5v6.5m0-6.5-7.5 7.5" fill="none" stroke="currentColor" />
25 </symbol>
26
27 <symbol id="icon-envelope" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
28 <path
29 d="m1.25 3.5c0-0.4155 0.3345-0.75 0.75-0.75h12c0.4155 0 0.75 0.3345 0.75 0.75v8.5c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75zm0 0.25 5.2845 4.3681c1.0065 0.83198 1.9181 0.82912 2.9676-0.03704l5.2479-4.3311"
30 fill="none" stroke="currentColor" />
31 </symbol>
32
33 <symbol id="icon-hash" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
34 <path d="m4.7501 14.25 0.99984-12m4 12 1.0002-12m-8.5001 3.5h11m-11 5h11" fill="none" stroke="currentColor" />
35 </symbol>
36
37 <symbol id="icon-messages" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
38 <path
39 d="m1.5 1.25h9c0.4155 0 0.75 0.3345 0.75 0.75v6.9999c0 0.4155-0.3345 0.75-0.75 0.75h-7.25l-2.5 2.5001v-10.25c0-0.4155 0.3345-0.75 0.75-0.75z"
40 fill="none" stroke="currentColor" />
41 <path d="m5.25 12.75h7.5l2.5 2.5001v-10.25c0-0.4155-0.3345-0.75-0.75-0.75h-0.25" fill="none"
42 stroke="currentColor" />
43 </symbol>
44
45 <symbol id="icon-parallelogram" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
46 <path d="m15.25 4.25-5 7.5h-9.5l5-7.5z" fill="none" stroke="currentColor" />
47 </symbol>
48
49 <symbol id="icon-globe" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
50 <path
51 d="m1.75 8.25h12.5m-4 0a2.25 6.5 0 0 1-2.25 6.5 2.25 6.5 0 0 1-2.25-6.5 2.25 6.5 0 0 1 2.25-6.5 2.25 6.5 0 0 1 2.25 6.5zm4.25 0a6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 6.5 6.5z"
52 fill="none" stroke="currentColor" />
53 </symbol>
54
55 <symbol id="icon-image" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
56 <path
57 d="m6.25 5.5a0.75 0.75 0 0 1-0.75 0.75 0.75 0.75 0 0 1-0.75-0.75 0.75 0.75 0 0 1 0.75-0.75 0.75 0.75 0 0 1 0.75 0.75zm-3 8.75 7.5-7.5 3.5 3.5m-11.75-8.5h11c0.4155 0 0.75 0.3345 0.75 0.75v11c0 0.4155-0.3345 0.75-0.75 0.75h-11c-0.4155 0-0.75-0.3345-0.75-0.75v-11c0-0.4155 0.3345-0.75 0.75-0.75z"
58 fill="none" stroke="currentColor" />
59 </symbol>
60
61 <symbol id="icon-graph" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
62 <path
63 d="m5.25 13c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm9-3.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75c0-0.9665 0.7835-1.75 1.75-1.75s1.75 0.7835 1.75 1.75zm-7-6.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm-2.0942 9.4126 5.6868-2.3235m-4.163-5.7868 4.5859 3.9307m-6.0863-3.5029-1.3496 6.543"
64 fill="none" stroke="currentColor" />
65 </symbol>
66
67 <symbol id="icon-git-branch" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
68 <path
69 d="m12.25 5.75c0 3.5899-2.9101 6.5-6.5 6.5m3e-7 0c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm8.5-8.5c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm-10.5 6.4998v-7.9998"
70 fill="none" stroke="currentColor" />
71 </symbol>
72
73 <symbol id="icon-smile" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
74 <path d="m11.309 9.7658c-0.63143 1.1808-1.8764 1.9842-3.3091 1.9842-1.4381 0-2.6872-0.80955-3.3163-1.9978"
75 fill="none" stroke="currentColor" />
76 <circle cx="8" cy="8" r="6.75" fill="none" stroke="currentColor" />
77 <path d="m10.25 5.75v1.5" fill="none" stroke="currentColor" />
78 <path d="m5.75 5.75v1.5" fill="none" stroke="currentColor" />
79 </symbol>
80
81 <symbol id="icon-link" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
82 <path
83 d="m8.25 3.15 0.4519-0.4481c1.2692-1.2692 3.327-1.2692 4.5962 0s1.2692 3.327 0 4.5962l-2 2c-1.2692 1.2692-3.327 1.2692-4.5962 0"
84 fill="none" stroke="currentColor" />
85 <path
86 d="m7.75 12.85-0.45662 0.45281c-1.2692 1.2692-3.327 1.2692-4.5962 0s-1.2692-3.327 0-4.5962l2-2c1.2692-1.2692 3.327-1.2692 4.5962 0"
87 fill="none" stroke="currentColor" />
88 </symbol>
89
90 <symbol id="icon-x" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
91 <path d="m4 4 8 8m-8 0 8-8" fill="none" stroke="currentColor" />
92 </symbol>
93
94 <symbol id="icon-chevron-left" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
95 <path d="M 10.25,12.25 6,8 10.25,3.75" fill="none" stroke="currentColor" />
96 </symbol>
97
98 <symbol id="icon-chevron-right" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
99 <path d="m5.75 12.25 4.25-4.25-4.25-4.25" fill="none" stroke="currentColor" />
100 </symbol>
101 </defs> 8 </defs>
102</svg> 9</svg>
diff --git a/filters/icons.lua b/filters/icons.lua
index 490d406..3f8cb64 100644
--- a/filters/icons.lua
+++ b/filters/icons.lua
@@ -3,7 +3,7 @@ function Str(el)
3 3
4 if icon then 4 if icon then
5 return pandoc.RawInline('html', 5 return pandoc.RawInline('html',
6 '<svg class="o-icon o-icon--inline" width="1em" height="1em" aria-hidden="true"><use href="/symbols.svg#icon-' .. 6 '<svg class="o-icon o-icon--inline" width="1em" height="1em" aria-hidden="true"><use href="/icons.svg#' ..
7 icon .. '"></use></svg>') 7 icon .. '"></use></svg>')
8 end 8 end
9 9
diff --git a/templates/base.html b/templates/base.html
index be796de..4319d43 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -85,7 +85,7 @@ ${layouts/page()}
85 <div class="o-lightbox"> 85 <div class="o-lightbox">
86 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round"> 86 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
88 <use href="/symbols.svg#icon-x"></use> 88 <use href="/icons.svg#x"></use>
89 </svg> 89 </svg>
90 </button> 90 </button>
91 91
@@ -93,13 +93,13 @@ ${layouts/page()}
93 93
94 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round"> 94 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
95 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 95 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
96 <use href="/symbols.svg#icon-chevron-left"></use> 96 <use href="/icons.svg#chevron-left"></use>
97 </svg> 97 </svg>
98 </button> 98 </button>
99 99
100 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round"> 100 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
101 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 101 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
102 <use href="/symbols.svg#icon-chevron-right"></use> 102 <use href="/icons.svg#chevron-right"></use>
103 </svg> 103 </svg>
104 </button> 104 </button>
105 105
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 52e0d88..68decf6 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -7,6 +7,7 @@ $body$
7 7
8 $if(notoc)$$else$ 8 $if(notoc)$$else$
9 <nav class="c-hnav s-invisible-links"> 9 <nav class="c-hnav s-invisible-links">
10 <h2 class="u-mt-0">Jump to</h2>
10 $for(list)$ 11 $for(list)$
11 <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> 12 <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
12 $endfor$ 13 $endfor$
@@ -16,21 +17,14 @@ $body$
16 <div class="l-card-list"> 17 <div class="l-card-list">
17 $for(list)$ 18 $for(list)$
18 <section> 19 <section>
19 <header class="l-card-list__header l-media l-media--flush"> 20 <header class="l-card-list__header">
20 <div class="l-media__block l-media__block--main"> 21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$"> 22 <a href="$it.url.rel$">$it.title$</a>
22 <a href="$it.url.rel$">$it.title$</a> 23 </h2>
23 </h2> 24 $if(it.description)$
24 </div> 25 <div class="s-small s-colored-links">$it.description$</div>
25 $if(it.omitted)$ 26 $endif$
26 <a class="l-media__block o-badge u-mt-auto" href="$it.url.rel$">
27 $it.omitted$ more items <span class="u-ml-10">→</span>
28 </a>
29 $endif$
30 </header> 27 </header>
31 $if(it.description)$
32 <div class="s-small s-colored-links">$it.description$</div>
33 $endif$
34 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> 28 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
35 $if(it.layout.is_grid)$ 29 $if(it.layout.is_grid)$
36 $it.items:partials/grid_card()$ 30 $it.items:partials/grid_card()$
@@ -42,6 +36,13 @@ $body$
42 $it.items:partials/list_card()$ 36 $it.items:partials/list_card()$
43 $endif$ 37 $endif$
44 </div> 38 </div>
39 $if(it.omitted)$
40 <footer class="l-card-list__footer">
41 <a class="l-media__block o-badge" href="$it.url.rel$">
42 $it.omitted$ more items <span class="u-ml-10">→</span>
43 </a>
44 </footer>
45 $endif$
45 </section> 46 </section>
46 $endfor$ 47 $endfor$
47 </div> 48 </div>
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 8e6f95a..81c7745 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -17,7 +17,7 @@ $if(it.thumbnail)$
17 $endif$ 17 $endif$
18 $if(it.icon)$ 18 $if(it.icon)$
19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
20 <use href="/symbols.svg#icon-$it.icon$"></use> 20 <use href="/icons.svg#$it.icon$"></use>
21 </svg> 21 </svg>
22 $endif$ 22 $endif$
23 <div class="l-media__block l-media__block--main"> 23 <div class="l-media__block l-media__block--main">
@@ -43,7 +43,7 @@ $if(it.thumbnail)$
43 </div> 43 </div>
44 $if(it.post_icon)$ 44 $if(it.post_icon)$
45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 45 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
46 <use href="/symbols.svg#icon-$it.post_icon$"></use> 46 <use href="/icons.svg#$it.post_icon$"></use>
47 </svg> 47 </svg>
48 $endif$ 48 $endif$
49 </div> 49 </div>
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index b3763e4..c5924e1 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -6,7 +6,7 @@ $if(it.url)$
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/icons.svg#$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="l-media__block l-media__block--main"> 12 <div class="l-media__block l-media__block--main">
@@ -32,7 +32,7 @@ $if(it.url)$
32 </div> 32 </div>
33 $if(it.post_icon)$ 33 $if(it.post_icon)$
34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 34 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
35 <use href="/symbols.svg#icon-$it.post_icon$"></use> 35 <use href="/icons.svg#$it.post_icon$"></use>
36 </svg> 36 </svg>
37 $endif$ 37 $endif$
38 </div> 38 </div>
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index af17725..438659c 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -6,12 +6,12 @@ $if(it.url)$
6 $endif$ 6 $endif$
7 $if(it.icon)$ 7 $if(it.icon)$
8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 8 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
9 <use href="/symbols.svg#icon-$it.icon$"></use> 9 <use href="/icons.svg#$it.icon$"></use>
10 </svg> 10 </svg>
11 $endif$ 11 $endif$
12 <div class="l-media__block l-media__block--main"> 12 <div class="l-media__block l-media__block--main">
13 $it.title$ 13 $it.title$
14 </div> 14 </div>
15 $if(it.subtitle)$ 15 $if(it.subtitle)$
16 <div class="l-media__block u-fs0"> 16 <div class="l-media__block u-fs0">
17 <small> 17 <small>
@@ -36,7 +36,7 @@ $if(it.url)$
36 $endif$ 36 $endif$
37 $if(it.post_icon)$ 37 $if(it.post_icon)$
38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 38 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
39 <use href="/symbols.svg#icon-$it.post_icon$"></use> 39 <use href="/icons.svg#$it.post_icon$"></use>
40 </svg> 40 </svg>
41 $endif$ 41 $endif$
42 </div> 42 </div>
generated by cgit v1.2.3-54-g00ecf (git 2.44.0) at 2024-06-29 07:24:35 +0000