diff --git a/CONTRIBUTORS b/CONTRIBUTORS
index 57b9dc4..fd09d85 100644
--- a/CONTRIBUTORS
+++ b/CONTRIBUTORS
@@ -1 +1,2 @@
includes icons from the bootstrap project - discord and opencollective
+includes icons from octicons (distributed under MIT license) - link
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
new file mode 100644
index 0000000..a5a7ffa
--- /dev/null
+++ b/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,5 @@
+
+ {{ .Text | safeHTML }}
+ {{ partial "svg/link.svg" }}
+
+
diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css
index 53447ee..8816ba8 100644
--- a/themes/mainroad/assets/css/style.css
+++ b/themes/mainroad/assets/css/style.css
@@ -1346,6 +1346,28 @@ summary code:hover {
}
}
+.anchor-wrapper .anchor-icon {
+ visibility: hidden;
+ display: inline-block;
+}
+
+.anchor-wrapper * {
+ transition: none;
+}
+
+.anchor-wrapper .anchor-icon svg {
+ height: 0.75em;
+ width: 0.75em;
+}
+
+.anchor-wrapper:hover .anchor-icon, .anchor-wrapper:focus .anchor-icon {
+ visibility: visible;
+}
+
+a.anchor-wrapper:hover, a.anchor-wrapper:focus {
+ text-decoration: none;
+}
+
[data-theme="light"] {
--color-highlight: #d7742f;
--color-background: #d5e0df;
diff --git a/themes/mainroad/layouts/partials/colors.css b/themes/mainroad/layouts/partials/colors.css
index e858949..80f9234 100644
--- a/themes/mainroad/layouts/partials/colors.css
+++ b/themes/mainroad/layouts/partials/colors.css
@@ -32,6 +32,10 @@ h6 {
color: var(--color-text);
}
+.anchor-icon {
+ fill: var(--color-text);
+}
+
a {
color: var(--color-text);
}
diff --git a/themes/mainroad/layouts/partials/svg/link.svg b/themes/mainroad/layouts/partials/svg/link.svg
new file mode 100644
index 0000000..e7fdb6c
--- /dev/null
+++ b/themes/mainroad/layouts/partials/svg/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file