{% 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/tree-1.svg b/src/site/img/tree-1.svg
new file mode 100644
index 0000000..ad43a8a
--- /dev/null
+++ b/src/site/img/tree-1.svg
@@ -0,0 +1,13 @@
+
+
diff --git a/src/site/img/tree-2.svg b/src/site/img/tree-2.svg
new file mode 100644
index 0000000..62f088a
--- /dev/null
+++ b/src/site/img/tree-2.svg
@@ -0,0 +1,14 @@
+
+
+
diff --git a/src/site/img/tree-3.svg b/src/site/img/tree-3.svg
new file mode 100644
index 0000000..7a5239b
--- /dev/null
+++ b/src/site/img/tree-3.svg
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/site/index.njk b/src/site/index.njk
index 8c8a0a8..1911472 100644
--- a/src/site/index.njk
+++ b/src/site/index.njk
@@ -4,7 +4,7 @@
{{ noteTitle }}
{%include "components/pageheader.njk"%}
-
+
{%include "components/notegrowthhistory.njk"%}
{% if settings.dgShowFileTree !== true %}
{%include "components/navbar.njk"%}
diff --git a/src/site/styles/style.scss b/src/site/styles/style.scss
index 9170df5..54578b1 100644
--- a/src/site/styles/style.scss
+++ b/src/site/styles/style.scss
@@ -3,8 +3,7 @@
* MODIFY THE custom-style.scss FILE INSTEAD.
***/
-
-:root{
+:root {
--background-primary: rgb(32, 31, 31);
--background-secondary: rgb(57, 56, 56);
--text-normal: #dcddde;
@@ -19,22 +18,26 @@
--callout-title-padding: 0;
--callout-title-size: inherit;
--callout-content-padding: 0;
+
+ --maturity-icon-1: url(/img/tree-1.svg);
+ --maturity-icon-2: url(/img/tree-2.svg);
+ --maturity-icon-3: url(/img/tree-3.svg);
}
h1 {
- color: #FFEF60;
+ color: #ffef60;
}
h2 {
- color: #F06449;
+ color: #f06449;
}
h3 {
- color: #D4FCC3;
+ color: #d4fcc3;
}
h4 {
- color: #72DCFF;
+ color: #72dcff;
}
button {
@@ -54,21 +57,21 @@ button {
.theme-dark {
background: var(--background-primary);
color: var(--text-normal);
- font-family: 'Roboto', sans-serif;
+ font-family: "Roboto", sans-serif;
}
.theme-light {
background: white;
color: black;
- font-family: 'Roboto', sans-serif;
+ font-family: "Roboto", sans-serif;
}
-a.is-unresolved{
- color: rgb(97 186 245 / 65%);
+a.is-unresolved {
+ color: rgb(97 186 245 / 65%);
}
a {
text-decoration: underline;
- color: var(--text-accent)
+ color: var(--text-accent);
}
.font-bg {
@@ -77,7 +80,7 @@ a {
blockquote {
background: #ffffff17;
- border-left: 10px solid #C1DBE3;
+ border-left: 10px solid #c1dbe3;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
@@ -96,7 +99,7 @@ blockquote p {
display: inline;
}
-p>code {
+p > code {
//Inline code
color: #c7254e;
background-color: #1a1a1a;
@@ -218,3 +221,32 @@ p>code {
.callout.is-collapsed .callout-fold .svg-icon {
transform: rotate(-90deg);
}
+
+body.title-maturity .cm-s-obsidian > header > h1[data-maturity]::before,
+body.filetree-maturity .filename[data-maturity]::before,
+body.links-maturity .internal-link[data-maturity]::before {
+ content: " ";
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ background-size: contain;
+ background-repeat: no-repeat;
+}
+
+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-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-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);
+}