diff options
author | Volpeon <git@volpeon.ink> | 2022-06-12 08:46:20 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-12 08:46:20 +0200 |
commit | 7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf (patch) | |
tree | 930d76a4a45baea8ec4f51fbe7122f32a3a45076 | |
parent | Update (diff) | |
download | volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.gz volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.tar.bz2 volpeon.ink-7ae014f7e8e6b9e28cc9b8d08aaeb96cb3a2c2bf.zip |
Update
-rw-r--r-- | Makefile | 27 | ||||
-rw-r--r-- | assets/css/components/_hnav.scss | 3 | ||||
-rw-r--r-- | assets/css/layouts/_card-list.scss | 6 | ||||
-rw-r--r-- | content/snow.js | 2 | ||||
-rw-r--r-- | content/symbols.svg | 93 | ||||
-rw-r--r-- | filters/icons.lua | 2 | ||||
-rw-r--r-- | templates/base.html | 6 | ||||
-rw-r--r-- | templates/layouts/categorized_list.html | 29 | ||||
-rw-r--r-- | templates/partials/gallery_card.html | 4 | ||||
-rw-r--r-- | templates/partials/grid_card.html | 4 | ||||
-rw-r--r-- | templates/partials/list_card.html | 6 |
11 files changed, 60 insertions, 122 deletions
@@ -26,7 +26,7 @@ STATIC_FILES := $(patsubst content/%,out/%,$(shell find content -type f | |||
26 | # TARGETS | 26 | # TARGETS |
27 | # | 27 | # |
28 | 28 | ||
29 | all: content_meta content_files feed_files static_files font_files css_files | 29 | all: content_meta content_files feed_files static_files font_files css_files icons |
30 | 30 | ||
31 | content_meta: $(CONTENT_META) | 31 | content_meta: $(CONTENT_META) |
32 | content_files: $(CONTENT_FILES) | 32 | content_files: $(CONTENT_FILES) |
@@ -34,6 +34,7 @@ feed_files: $(FEED_FILES) | |||
34 | static_files: $(STATIC_FILES) | 34 | static_files: $(STATIC_FILES) |
35 | font_files: $(FONT_FILES) | 35 | font_files: $(FONT_FILES) |
36 | css_files: $(CSS_FILES) | 36 | css_files: $(CSS_FILES) |
37 | icons: 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 | ||
140 | out/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 | |||
139 | out/%: content/% | out | 164 | out/%: 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> |