Merge branch 'main' into apis-docs

Makefile

@@ -171,7 +171,6 @@ codegen-mkdocs: codegen-docs ## Generate mkdocs website
 	@rm -rf ./website/docs/jp && mkdir -p ./website/docs/jp && cp docs/user/jp/* ./website/docs/jp
 	@mkdocs build -f ./website/mkdocs.yaml
 
-
 .PHONY: codegen-schema-openapi
 codegen-schema-openapi: $(KIND) $(HELM) ## Generate openapi schemas (v2 and v3)
 	@echo Generate openapi schema... >&2

website/docs/overrides/home.html

@@ -8,19 +8,20 @@
 	.md-header {
 		position: initial
 	}
-	.md-main__inner {
-		margin: 0
+	.md-main .md-main__inner {
+		display: none
 	}
 	.md-content {
 		display: none
 	}
 	[data-md-color-scheme=slate] .tx-container {
 		padding-top: 1rem;
-		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)'/></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--kyverno-primary-color) 99%, #fff 99%)
+		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)'/></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--kyverno-primary-color) 99%, #fff 99%);
 	}
 	.tx-container {
 		padding-top: 1rem;
-		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--kyverno-primary-color) 99%, #fff 99%)
+		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), var(--kyverno-primary-color) 99%, #fff 99%);
+		height: calc(100vh - 4.8rem);
 	}
 	.tx-hero {
 		margin: 0 .8rem;
@@ -35,23 +36,23 @@
 		color: currentColor;
 	}
 	.tx-hero__content {
-		padding-bottom: 6rem
+		padding-bottom: 0;
 	}
 	.tx-hero .md-button {
 		margin-top: .5rem;
 		margin-right: .5rem;
-		color: var(--md-primary-bg-color)
+		color: var(--md-primary-bg-color);
 	}
 	.tx-hero .md-button--primary {
 		background-color: var(--md-primary-bg-color);
 		color: var(--kyverno-primary-color);
-		border-color: var(--md-primary-bg-color)
+		border-color: var(--md-primary-bg-color);
 	}
 	.tx-hero .md-button:focus,
 	.tx-hero .md-button:hover {
 		background-color: var(--md-accent-fg-color);
 		color: var(--md-default-bg-color);
-		border-color: var(--md-accent-fg-color)
+		border-color: var(--md-accent-fg-color);
 	}
 	@media screen and (max-width:70em) {
 		.tx-hero h1 {
@@ -66,16 +67,16 @@
 	}
 	@media screen and (min-width:70em) {
 		.md-sidebar--secondary {
-			display: none
+			display: none;
 		}
 		.tx-hero {
 			display: flex;
-			align-items: stretch
+			align-items: stretch;
 		}
 		.tx-hero__content {
 			max-width: 30rem;
 			margin-top: 3.5rem;
-			padding-bottom: 14vw
+			padding-bottom: 0;
 		}
 		.tx-hero__image {
 			order: 1;
@@ -102,7 +103,7 @@
 	<div class="md-grid md-typeset">
 		<div class="tx-hero">
 			<div class="tx-hero__image">
-				<img src="static/logo.png" alt="" draggable="false">
+				<img src="static/Kyverno_320x320.png" alt="" draggable="false" style="border-radius: 10%; border: 5px solid #555;">
 			</div>
 			<div class="tx-hero__content">
 				<h1>Kyverno for JSON</h1>

website/docs/static/extra.css

@@ -0,0 +1,4 @@
+body > header > nav > a > img {
+    border-radius: 10%;
+    border: 1px solid #555;
+}

website/mkdocs.base.yaml

@@ -16,11 +16,15 @@ copyright: Made with ❤️ by Kyverno contributors.
 # strictness
 strict: true
 
+# style
+extra_css:
+- static/extra.css
+
 theme:
   name: material
   custom_dir: docs/overrides
   language: en
-  logo: static/logo.png
+  logo: static/Kyverno_320x320.png
   favicon: static/favicon.ico
   include_search_page: false
   search_index_only: true
@@ -74,6 +78,10 @@ plugins:
     post_url_format: "{slug}"
 
 markdown_extensions:
+- attr_list
+- pymdownx.emoji:
+    emoji_index: !!python/name:material.extensions.emoji.twemoji
+    emoji_generator: !!python/name:material.extensions.emoji.to_svg
 - admonition
 - codehilite
 - meta