docs/logo: replace kube-bind logo

Makefile

@@ -417,6 +417,20 @@ deploy-docs: venv ## Deploy docs
 build-web:
 	cd web && npm run build
 
+LOGO_SOURCE = docs/images/logo.svg
+
+.PHONY: generate-logo-assets
+generate-logo-assets: ## Generate logo and favicon assets from SVG
+	@command -v rsvg-convert >/dev/null 2>&1 || { echo "rsvg-convert not found; install librsvg (e.g. 'brew install librsvg')"; exit 1; }
+	mkdir -p docs/overrides web/src/assets
+	cp $(LOGO_SOURCE) docs/overrides/logo.svg
+	rsvg-convert -w 256 -h 256 $(LOGO_SOURCE) -o docs/images/logo.png
+	rsvg-convert -w 256 -h 256 $(LOGO_SOURCE) -o docs/overrides/logo.png
+	rsvg-convert -w 64 -h 64 $(LOGO_SOURCE) -o docs/overrides/favicon.png
+	rsvg-convert -w 128 -h 128 $(LOGO_SOURCE) -o web/src/assets/logo.png
+	rsvg-convert -w 64 -h 64 $(LOGO_SOURCE) -o web/src/assets/favicon.png
+	$(MAKE) build-web
+
 # Image / release configuration.
 # IMAGE_TAGS is the space-separated list of tag suffixes applied to each component image.
 # IMAGE_PUSH_PLATFORMS is the platform list for `image-push` (multi-arch by default).

README.md

@@ -1,4 +1,4 @@
-<img alt="Logo" width="196px" style="margin-right: 30px;" align="left" src="./docs/images/logo.svg"></img>
+<img alt="Logo" width="196px" style="margin-right: 30px;" align="left" src="./docs/images/logo.png"></img>
 
 [![Go Report Card](https://goreportcard.com/badge/github.com/kube-bind/kube-bind)](https://goreportcard.com/report/github.com/kube-bind/kube-bind)
 [![GitHub](https://img.shields.io/github/license/kube-bind/kube-bind)](https://github.com/kube-bind/kube-bind/blob/main/LICENSE)

docs/mkdocs.yml

@@ -28,8 +28,8 @@ theme:
     - content.code.annotate
     # Integrate TOC into navigation sidebar
     - toc.integrate
-  logo: logo.svg
-  favicon: logo.svg
+  logo: logo.png
+  favicon: favicon.png
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"