{% if title %}{{ title }}{% else %}{{ page.fileSlug }}{% endif %}
+{% if title %}{{ title }}{% else %}{{ page.fileSlug }}{% endif %}
{% endif %}
{% if settings.dgShowTags === true and tags %}
diff --git a/src/site/img/default-note-icon.svg b/src/site/img/default-note-icon.svg
new file mode 100644
index 0000000..3c1d1aa
--- /dev/null
+++ b/src/site/img/default-note-icon.svg
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index 8f65d75..a4c04bf 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -5,9 +5,10 @@
body {
overflow-x: hidden;
- --maturity-icon-1: url(/img/tree-1.svg);
- --maturity-icon-2: url(/img/tree-2.svg);
- --maturity-icon-3: url(/img/tree-3.svg);
+ --note-icon-1: url(/img/tree-1.svg);
+ --note-icon-2: url(/img/tree-2.svg);
+ --note-icon-3: url(/img/tree-3.svg);
+ --note-icon-fallback: url(/img/default-note-icon.svg);
}
.content {
@@ -611,20 +612,33 @@ input[type="range"]::-webkit-slider-thumb {
margin-top: -10px;
}
-body.title-maturity .cm-s-obsidian > header > h1[data-maturity="1"]::before,
-body.filetree-maturity .filename[data-maturity="1"]::before,
-body.links-maturity .internal-link[data-maturity="1"]::before {
- background-image: var(--maturity-icon-1);
+body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon]::before,
+body.filetree-note-icon .filename[data-note-icon]::before,
+body.links-note-icon .internal-link[data-note-icon]::before {
+ content: " ";
+ display: inline-block;
+ width: 0.9em;
+ height: 1em;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-image: var(--note-icon-fallback);
}
-body.title-maturity .cm-s-obsidian > header > h1[data-maturity="2"]::before,
-body.filetree-maturity .filename[data-maturity="2"]::before,
-body.links-maturity .internal-link[data-maturity="2"]::before {
- background-image: var(--maturity-icon-2);
+body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="1"]::before,
+body.filetree-note-icon .filename[data-note-icon="1"]::before,
+body.links-note-icon .internal-link[data-note-icon="1"]::before {
+ background-image: var(--note-icon-1);
}
-body.title-maturity .cm-s-obsidian > header > h1[data-maturity="3"]::before,
-body.filetree-maturity .filename[data-maturity="3"]::before,
-body.links-maturity .internal-link[data-maturity="3"]::before {
- background-image: var(--maturity-icon-3);
+body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="2"]::before,
+body.filetree-note-icon .filename[data-note-icon="2"]::before,
+body.links-note-icon .internal-link[data-note-icon="2"]::before {
+ background-image: var(--note-icon-2);
+}
+
+body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="3"]::before,
+body.filetree-note-icon .filename[data-note-icon="3"]::before,
+body.links-note-icon .internal-link[data-note-icon="3"]::before {
+ background-image: var(--note-icon-3);
}