From f84ecce6d02a0df8a6e9b7a0ee0e6396f5446301 Mon Sep 17 00:00:00 2001 From: Nubenetes Bot Date: Wed, 27 May 2026 23:42:37 +0200 Subject: [PATCH] feat: design interactive conformance image effects and fix navigation path compilation [skip ci] --- CHANGELOG.md | 6 ++++ docs/static/v2_elite.css | 75 ++++++++++++++++++++++++++++++++++++++++ src/v2_optimizer.py | 20 ++++++++--- v2-docs/index.md | 13 ++++--- v2-mkdocs.yml | 7 +++- 5 files changed, 112 insertions(+), 9 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d87dcdbd..b839a1b6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [[2.3.20]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.20) - 2026-05-27 + +### Changed +- **CNCF Showcase Conformance Image Effects**: Added a glassmorphic wrapper `.hero-showcase-wrapper` to the main CNCF conformance image on the V2 homepage with hover scale effects (`1.03x`), brightness filters, a neon cyan shadow glow, and an interactive overlay badge. +- **V2 Nav and Index Path Fixes**: Resolved broken internal references to `videos.md` in `v2-mkdocs.yml` and the strategic dimensions list by permanently updating the compiler to resolve paths to the modularised `./videos/index.md` location. + ## [[2.3.19]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.19) - 2026-05-27 ### Added diff --git a/docs/static/v2_elite.css b/docs/static/v2_elite.css index a77a1d6f..dfc23162 100644 --- a/docs/static/v2_elite.css +++ b/docs/static/v2_elite.css @@ -280,3 +280,78 @@ a { margin-top: 4px; } +/* Hero Showcase Image wrapper (4 cars in a container) */ +.hero-showcase-wrapper { + margin: 24px auto; + max-width: 650px; + border-radius: 12px; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.08); + background: rgba(255, 255, 255, 0.015); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); + position: relative; + display: block; +} + +[data-md-color-scheme="slate"] .hero-showcase-wrapper { + border-color: rgba(34, 211, 238, 0.1); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); +} + +.hero-showcase-link { + display: block; + text-decoration: none; + color: inherit; + position: relative; +} + +.hero-showcase-image { + width: 100% !important; + display: block; + object-fit: cover; + transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease; + margin: 0 !important; +} + +.hero-showcase-overlay { + position: absolute; + bottom: 12px; + right: 12px; + pointer-events: none; +} + +.hero-showcase-badge { + background: rgba(9, 9, 11, 0.8); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); + border: 1px solid rgba(255, 255, 255, 0.12); + color: var(--md-accent-fg-color); + font-size: 0.72rem; + font-weight: 700; + text-transform: uppercase; + padding: 4px 10px; + border-radius: 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); + letter-spacing: 0.05em; + transition: all 0.3s ease; +} + +/* Hover effects */ +.hero-showcase-wrapper:hover { + transform: translateY(-4px); + border-color: var(--md-accent-fg-color); + box-shadow: 0 12px 30px rgba(34, 211, 238, 0.15); +} + +.hero-showcase-wrapper:hover .hero-showcase-image { + transform: scale(1.03); + filter: brightness(1.05) contrast(1.02); +} + +.hero-showcase-wrapper:hover .hero-showcase-badge { + background: var(--md-accent-fg-color); + color: #09090b; + box-shadow: 0 0 10px var(--md-accent-fg-color); +} + diff --git a/src/v2_optimizer.py b/src/v2_optimizer.py index 9da5c4d4..17a9ad20 100644 --- a/src/v2_optimizer.py +++ b/src/v2_optimizer.py @@ -777,8 +777,15 @@ class V2VisionEngine: " \n" "\n\n" "\"I do not believe you can do today's job with yesterday's methods and be in business tomorrow\" ([Horatio Nelson Jackson](https://en.wikipedia.org/wiki/Horatio_Nelson_Jackson))\n" - "
\n\n" - "[![container_with_cars](images/container_with_cars_v2.png)](https://www.cncf.io/certification/software-conformance)
\n\n" + "
\n" + "
\n" + " \n" + " \"container_with_cars\"\n" + "
\n" + " CNCF Software Conformance\n" + "
\n" + " \n" + "
\n" "
\n\n" "!!! abstract \"The High-Density Vision\"\n" " The V2 Edition is a curated, high-density version of the Nubenetes archive. Using **Agentic AI Orchestration**, " @@ -787,7 +794,7 @@ class V2VisionEngine: f"
\n{mosaic_html}\n
\n\n" f"{pulse_md}\n\n" "## Strategic Dimensions\n" - "- **[🎥 Agentic Video Hub (Architectural Summary)](./videos.md)**\n\n" + "- **[🎥 Agentic Video Hub (Architectural Summary)](./videos/index.md)**\n\n" ) # Group by dimension for index @@ -896,7 +903,12 @@ class V2VisionEngine: "nav:", " - \"🔙 Back to V1 (Exhaustive)\": https://nubenetes.com/v1/", " - \"The 2026 Vision\": index.md", - " - \"Agentic Video Hub\": videos.md" + " - \"Agentic Video Hub\":", + " - \"Overview\": videos/index.md", + " - \"AI Agents and MCP\": videos/ai-agents.md", + " - \"DevOps, IaC, and SRE\": videos/devops-iac.md", + " - \"Cloud Native Core\": videos/cloud-native.md", + " - \"Fundamentals\": videos/fundamentals.md" ] # Group files by dimension diff --git a/v2-docs/index.md b/v2-docs/index.md index 8db9d76b..4dcd908c 100644 --- a/v2-docs/index.md +++ b/v2-docs/index.md @@ -33,9 +33,14 @@ "I do not believe you can do today's job with yesterday's methods and be in business tomorrow" ([Horatio Nelson Jackson](https://en.wikipedia.org/wiki/Horatio_Nelson_Jackson))
- -[![container_with_cars](images/container_with_cars_v2.png)](https://www.cncf.io/certification/software-conformance)
- +
+ + container_with_cars +
+ CNCF Software Conformance +
+ +
!!! abstract "The High-Density Vision" @@ -107,7 +112,7 @@ - **(N/A)** [**==blog.awsfundamentals.com: AWS S3 Sync - An Extensive Guide==**](https://awsfundamentals.com/blog/aws-s3-sync) 🌟🌟🌟🌟 ## Strategic Dimensions -- **[🎥 Agentic Video Hub (Architectural Summary)](./videos.md)** +- **[🎥 Agentic Video Hub (Architectural Summary)](./videos/index.md)** ### AI - **[AI Agents MCP](./ai-agents-mcp.md)** diff --git a/v2-mkdocs.yml b/v2-mkdocs.yml index 58cba85c..e1282df7 100644 --- a/v2-mkdocs.yml +++ b/v2-mkdocs.yml @@ -98,7 +98,12 @@ markdown_extensions: nav: - "🔙 Back to V1 (Exhaustive)": https://nubenetes.com/v1/ - "The 2026 Vision": index.md - - "Agentic Video Hub": videos.md + - "Agentic Video Hub": + - "Overview": videos/index.md + - "AI Agents and MCP": videos/ai-agents.md + - "DevOps, IaC, and SRE": videos/devops-iac.md + - "Cloud Native Core": videos/cloud-native.md + - "Fundamentals": videos/fundamentals.md - "AI": - "AI Agents MCP": ai-agents-mcp.md - "AI": ai.md