From e0598ac9ade89a9299dbb15f7bd42602baa3c514 Mon Sep 17 00:00:00 2001 From: Nubenetes Bot Date: Thu, 28 May 2026 10:54:56 +0200 Subject: [PATCH] feat: design clickable quote card, enlarge showcase image, and reorder homepage layout [skip ci] --- CHANGELOG.md | 7 ++++ docs/static/v2_elite.css | 84 +++++++++++++++++++++++++++++++++++++++- src/v2_optimizer.py | 27 +++++++------ v2-docs/index.md | 30 ++++++++------ 4 files changed, 123 insertions(+), 25 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6bb8b803..484e365c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,13 @@ 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.21]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.21) - 2026-05-28 + +### Changed +- **Reordered V2 Homepage Header**: Reorganized the V2 home page layout, placing the large responsive CNCF conformance image showcase first, followed by Horatio's framed interactive quote card, and finally the four flex dashboard cards. +- **Glassmorphic Quote Card**: Replaced the plain text quote with a styled, framed quote card featuring an interactive dashed border, a custom quote icon, and a glowing neon cyan hover state that links directly to Horatio Nelson Jackson's Wikipedia page. +- **Enlarged Conformance Showcase**: Increased the max-width of the CNCF conformance wrapper to 1100px to ensure it remains as large as possible across all high-resolution devices. + ## [[2.3.20]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.20) - 2026-05-27 ### Changed diff --git a/docs/static/v2_elite.css b/docs/static/v2_elite.css index dfc23162..366b64fe 100644 --- a/docs/static/v2_elite.css +++ b/docs/static/v2_elite.css @@ -283,8 +283,9 @@ a { /* Hero Showcase Image wrapper (4 cars in a container) */ .hero-showcase-wrapper { margin: 24px auto; - max-width: 650px; - border-radius: 12px; + max-width: 1100px; /* Increased from 650px to make it responsive and as large as possible */ + width: 100%; + border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.015); @@ -355,3 +356,82 @@ a { box-shadow: 0 0 10px var(--md-accent-fg-color); } +/* Clickable Quote Card */ +.quote-card-link { + display: block; + text-decoration: none !important; + color: inherit !important; + margin: 28px auto; + max-width: 1100px; + width: 100%; +} + +.quote-card { + padding: 28px 36px; + border-radius: 14px; + border: 1px dashed rgba(34, 211, 238, 0.25); + background: rgba(34, 211, 238, 0.005); + position: relative; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + text-align: center; +} + +[data-md-color-scheme="slate"] .quote-card { + background: rgba(34, 211, 238, 0.015); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); +} + +.quote-card::before { + content: '“'; + position: absolute; + top: -10px; + left: 24px; + font-size: 4.5rem; + font-family: Georgia, serif; + color: rgba(34, 211, 238, 0.25); + line-height: 1; +} + +.quote-card-text { + font-size: 1.15rem; + font-style: italic; + font-weight: 500; + line-height: 1.6; + margin-bottom: 10px; + color: var(--md-primary-fg-color); + transition: color 0.3s ease; +} + +[data-md-color-scheme="slate"] .quote-card-text { + color: #e2e8f0; +} + +.quote-card-author { + font-size: 0.85rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.12em; + color: var(--md-accent-fg-color); + transition: text-shadow 0.3s ease; +} + +/* Quote Hover effects */ +.quote-card-link:hover .quote-card { + transform: translateY(-2px); + border-style: solid; + border-color: var(--md-accent-fg-color); + background: rgba(34, 211, 238, 0.03) !important; + box-shadow: 0 8px 24px rgba(34, 211, 238, 0.18); +} + +.quote-card-link:hover .quote-card-text { + color: #ffffff; + text-shadow: 0 0 10px rgba(255, 255, 255, 0.35); +} + +.quote-card-link:hover .quote-card-author { + text-shadow: 0 0 8px rgba(34, 211, 238, 0.5); +} + diff --git a/src/v2_optimizer.py b/src/v2_optimizer.py index 000ae8ac..e84de8c7 100644 --- a/src/v2_optimizer.py +++ b/src/v2_optimizer.py @@ -746,6 +746,22 @@ class V2VisionEngine: index_md = ( "# Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [![Awesome](https://cdn.jsdelivr.net/gh/sindresorhus/awesome@d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n" + "
\n" + "
\n" + " \n" + " \"container_with_cars\"\n" + "
\n" + " CNCF Software Conformance\n" + "
\n" + " \n" + "
\n" + "
\n\n" + "\n" + "
\n" + "
\"I do not believe you can do today's job with yesterday's methods and be in business tomorrow\"
\n" + "
Horatio Nelson Jackson
\n" + "
\n" + "\n\n" "
\n" " \n" "
\n" @@ -776,17 +792,6 @@ class V2VisionEngine: "
\n" " \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" - " \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**, " "the system selects only the most relevant, stable, and impactful resources for the modern Cloud Native ecosystem (2026 and beyond).\n\n" diff --git a/v2-docs/index.md b/v2-docs/index.md index 4dcd908c..9d6a86c1 100644 --- a/v2-docs/index.md +++ b/v2-docs/index.md @@ -1,5 +1,23 @@ # Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [![Awesome](https://cdn.jsdelivr.net/gh/sindresorhus/awesome@d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) +
+
+ + container_with_cars +
+ CNCF Software Conformance +
+ +
+
+ + +
+
"I do not believe you can do today's job with yesterday's methods and be in business tomorrow"
+
Horatio Nelson Jackson
+
+ +
@@ -31,18 +49,6 @@
-"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 -
- CNCF Software Conformance -
- -
-
- !!! abstract "The High-Density Vision" The V2 Edition is a curated, high-density version of the Nubenetes archive. Using **Agentic AI Orchestration**, the system selects only the most relevant, stable, and impactful resources for the modern Cloud Native ecosystem (2026 and beyond).