diff --git a/README.md b/README.md
index bff328c..51f3b0c 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-

+
diff --git a/doc/docs/index.md b/doc/docs/index.md
index 9493492..00daa82 100644
--- a/doc/docs/index.md
+++ b/doc/docs/index.md
@@ -1,4 +1,6 @@
-
+
+
+
# Welcome to Katenary documentation
@@ -14,7 +16,7 @@ and Helm Chart creation.
and let the magic happen.
-

+
diff --git a/doc/docs/statics/addons.js b/doc/docs/statics/addons.js
index d4bebc4..64dafdc 100644
--- a/doc/docs/statics/addons.js
+++ b/doc/docs/statics/addons.js
@@ -24,7 +24,7 @@ function makeImagesZoomable() {
const zone = document.querySelectorAll(".zoomable");
zone.forEach((z, i) => {
- const im = z.querySelectorAll("img");
+ const im = z.querySelectorAll("img,svg");
if (im.length == 0) {
return;
}
diff --git a/doc/docs/statics/logo-bright.svg b/doc/docs/statics/logo-bright.svg
index eb6da22..2f739c1 100644
--- a/doc/docs/statics/logo-bright.svg
+++ b/doc/docs/statics/logo-bright.svg
@@ -1,9 +1,9 @@
diff --git a/doc/docs/statics/logo-vertical.svg b/doc/docs/statics/logo-vertical.svg
new file mode 100644
index 0000000..f277ec5
--- /dev/null
+++ b/doc/docs/statics/logo-vertical.svg
@@ -0,0 +1,146 @@
+
+
diff --git a/doc/docs/statics/main.css b/doc/docs/statics/main.css
index 1be9c28..2394786 100644
--- a/doc/docs/statics/main.css
+++ b/doc/docs/statics/main.css
@@ -67,7 +67,7 @@ h3[id*="katenaryio"] {
}
#logo {
- background-image: url("logo-dark.svg");
+ background-image: url("logo-vertical.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
@@ -78,8 +78,21 @@ h3[id*="katenaryio"] {
/*Zoomable images*/
-[data-md-color-scheme="slate"] #logo {
+/*[data-md-color-scheme="slate"] #logo {
background-image: url("logo-bright.svg");
+}*/
+
+.zoomable svg {
+ background-color: var(--md-default-bg-color);
+ padding: 1rem;
+}
+
+[data-md-color-scheme="slate"] .zoomable svg {
+ background-color: var(--md-default-bg-color);
+}
+
+[data-md-color-scheme="slate"] .zoomable svg .colorize {
+ fill: var(--md-typeset-color) !important;
}
.zoomable input[type="checkbox"] {
@@ -87,11 +100,11 @@ h3[id*="katenaryio"] {
}
@media all and (min-width: 1399px) {
- .zoomable label img {
+ .zoomable label > * {
cursor: zoom-in;
transition: all 0.2s ease-in-out;
}
- .zoomable input[type="checkbox"]:checked ~ label img {
+ .zoomable input[type="checkbox"]:checked ~ label > * {
transform: scale(2);
cursor: zoom-out;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
diff --git a/doc/docs/statics/workflow.svg b/doc/docs/statics/workflow.svg
new file mode 100644
index 0000000..60b8cd6
--- /dev/null
+++ b/doc/docs/statics/workflow.svg
@@ -0,0 +1,574 @@
+
+
+
+
diff --git a/doc/mkdocs.yml b/doc/mkdocs.yml
index 475c4a5..81536df 100644
--- a/doc/mkdocs.yml
+++ b/doc/mkdocs.yml
@@ -1,5 +1,7 @@
site_name: Katenary documentation
docs_dir: ./docs
+plugins:
+ - inline-svg
theme:
name: material
custom_dir: overrides
diff --git a/doc/requirements.txt b/doc/requirements.txt
index c9d5e41..b34c282 100644
--- a/doc/requirements.txt
+++ b/doc/requirements.txt
@@ -4,3 +4,4 @@ MarkupSafe>=2.1.5
pymdown-extensions>=10.7.1
mkdocs-material>=9.5.17
mkdocs-material-extensions>=1.3.1
+mkdocs-plugin-inline-svg-mod>=0.0.1