mirror of
https://github.com/nubenetes/awesome-kubernetes.git
synced 2026-07-12 09:51:00 +00:00
feat: design clickable quote card, enlarge showcase image, and reorder homepage layout [skip ci]
This commit is contained in:
Nubenetes Bot
@@ -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
|
||||
|
||||
84
docs/static/v2_elite.css
vendored
84
docs/static/v2_elite.css
vendored
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -746,6 +746,22 @@ class V2VisionEngine:
|
||||
|
||||
index_md = (
|
||||
"# Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [](https://github.com/sindresorhus/awesome)\n\n"
|
||||
"<center markdown=\"1\">\n"
|
||||
"<div class=\"hero-showcase-wrapper\">\n"
|
||||
" <a href=\"https://www.cncf.io/certification/software-conformance\" class=\"hero-showcase-link\">\n"
|
||||
" <img src=\"images/container_with_cars_v2.png\" alt=\"container_with_cars\" class=\"hero-showcase-image\" />\n"
|
||||
" <div class=\"hero-showcase-overlay\">\n"
|
||||
" <span class=\"hero-showcase-badge\">CNCF Software Conformance</span>\n"
|
||||
" </div>\n"
|
||||
" </a>\n"
|
||||
"</div>\n"
|
||||
"</center>\n\n"
|
||||
"<a href=\"https://en.wikipedia.org/wiki/Horatio_Nelson_Jackson\" class=\"quote-card-link\">\n"
|
||||
" <div class=\"quote-card\">\n"
|
||||
" <div class=\"quote-card-text\">\"I do not believe you can do today's job with yesterday's methods and be in business tomorrow\"</div>\n"
|
||||
" <div class=\"quote-card-author\">Horatio Nelson Jackson</div>\n"
|
||||
" </div>\n"
|
||||
"</a>\n\n"
|
||||
"<div style=\"display: flex; justify-content: center; gap: 24px; margin: 16px 0; flex-wrap: wrap;\">\n"
|
||||
" <a href=\"./kubernetes.html\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
|
||||
" <div class=\"hero-badge-card hero-badge-card--cyan\">\n"
|
||||
@@ -776,17 +792,6 @@ class V2VisionEngine:
|
||||
" </div>\n"
|
||||
" </a>\n"
|
||||
"</div>\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"
|
||||
"<center markdown=\"1\">\n"
|
||||
"<div class=\"hero-showcase-wrapper\">\n"
|
||||
" <a href=\"https://www.cncf.io/certification/software-conformance\" class=\"hero-showcase-link\">\n"
|
||||
" <img src=\"images/container_with_cars_v2.png\" alt=\"container_with_cars\" class=\"hero-showcase-image\" />\n"
|
||||
" <div class=\"hero-showcase-overlay\">\n"
|
||||
" <span class=\"hero-showcase-badge\">CNCF Software Conformance</span>\n"
|
||||
" </div>\n"
|
||||
" </a>\n"
|
||||
"</div>\n"
|
||||
"</center>\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"
|
||||
|
||||
@@ -1,5 +1,23 @@
|
||||
# Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [](https://github.com/sindresorhus/awesome)
|
||||
|
||||
<center markdown="1">
|
||||
<div class="hero-showcase-wrapper">
|
||||
<a href="https://www.cncf.io/certification/software-conformance" class="hero-showcase-link">
|
||||
<img src="images/container_with_cars_v2.png" alt="container_with_cars" class="hero-showcase-image" />
|
||||
<div class="hero-showcase-overlay">
|
||||
<span class="hero-showcase-badge">CNCF Software Conformance</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
|
||||
<a href="https://en.wikipedia.org/wiki/Horatio_Nelson_Jackson" class="quote-card-link">
|
||||
<div class="quote-card">
|
||||
<div class="quote-card-text">"I do not believe you can do today's job with yesterday's methods and be in business tomorrow"</div>
|
||||
<div class="quote-card-author">Horatio Nelson Jackson</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div style="display: flex; justify-content: center; gap: 24px; margin: 16px 0; flex-wrap: wrap;">
|
||||
<a href="./kubernetes.html" style="text-decoration: none; color: inherit; display: block;">
|
||||
<div class="hero-badge-card hero-badge-card--cyan">
|
||||
@@ -31,18 +49,6 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
"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))
|
||||
<center markdown="1">
|
||||
<div class="hero-showcase-wrapper">
|
||||
<a href="https://www.cncf.io/certification/software-conformance" class="hero-showcase-link">
|
||||
<img src="images/container_with_cars_v2.png" alt="container_with_cars" class="hero-showcase-image" />
|
||||
<div class="hero-showcase-overlay">
|
||||
<span class="hero-showcase-badge">CNCF Software Conformance</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
|
||||
!!! 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).
|
||||
|
||||
|
||||
Reference in New Issue
Block a user