diff --git a/README.md b/README.md index bff328c..51f3b0c 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@
- Katenary Logo + Katenary Logo
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 @@ - +
+![Katenary Logo](statics/logo-vertical.svg) +
# Welcome to Katenary documentation @@ -14,7 +16,7 @@ and Helm Chart creation. and let the magic happen.
- +![](statics/workflow.svg)
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 @@ - - - - - - + transform="translate(-185.54797,-175.3735)"> + + + Katenary + - + d="m 558.98167,600.50526 -33.31908,17.65778 -13.63054,6.42952 -13.63053,-6.42952 -33.31907,-17.65778 c 0,5.32502 -2.24747,16.12101 0.77828,20.72433 1.84892,2.81293 6.84753,4.46784 9.82323,6.09432 8.26868,4.51957 16.72019,8.751 24.98932,13.27082 3.1083,1.69895 7.62988,5.16897 11.35877,5.21476 3.70778,0.0455 8.2451,-3.55102 11.35878,-5.19752 8.33909,-4.40967 16.72005,-8.76818 24.98932,-13.28806 3.05286,-1.66866 8.68533,-3.49778 10.14461,-6.69253 2.3911,-5.23485 0.45691,-14.46175 0.45691,-20.12612 m -46.19236,16.00215 c 3.59731,-0.51544 7.48607,-3.47354 10.60152,-5.12097 7.58911,-4.0131 15.20174,-8.00941 22.71755,-12.13797 3.53683,-1.94283 9.05374,-3.7013 11.65911,-6.69847 3.28982,-3.78453 1.93068,-13.45759 -2.58668,-15.74886 -4.7363,-2.40229 -8.80251,1.12086 -12.85868,3.25251 l -21.20306,11.2665 c -2.56736,1.35182 -6.01463,4.01777 -9.08702,4.01777 -3.29073,0 -7.12524,-2.97742 -9.84427,-4.47101 -6.50984,-3.57597 -13.17851,-6.90091 -19.68854,-10.47698 -2.85668,-1.56921 -7.10587,-4.85415 -10.60153,-4.52437 -7.2756,0.6864 -9.69308,11.97712 -5.60111,16.68444 2.43875,2.80547 7.56529,4.49972 10.90188,6.26408 7.83167,4.14137 15.6667,8.28474 23.4748,12.46456 3.21433,1.72068 8.18431,5.79216 12.11603,5.22877 m 30.29007,-45.33762 v -1.39693 l -18.17404,-8.90973 -12.11603,4.65427 -12.87329,-4.72164 -18.93129,8.9771 v 1.39693 l 21.20305,11.17542 9.84427,4.34169 9.84428,-4.33415 z" + id="path18" /> + + + Katenary + 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 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Katenary + + + + 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 @@ + + + +Katenary WorkflowKatenaryKatenary WorkflowPatrice FerletEnglishKatenaryDockerPodmanKubernetesHelmConverter 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