github/awesome-kubernetes
1
0
Fork 0
mirror of https://github.com/nubenetes/awesome-kubernetes.git synced 2026-07-12 18:00:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #284 from nubenetes/bot/v2-index-hero-badge-optimize

Browse Source 
feat: optimize V2 homepage header cards
This commit is contained in:
Inaki
2026-05-27 22:53:57 +02:00
committed by GitHub
parent bc18cbed40 05255d1954
commit 68d6388033
3 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
CHANGELOG.md
View File

@@ -5,6 +5,11 @@ 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.17]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.17) - 2026-05-27
### Changed
- **V2 Header Cards Optimization**: Fixed broken `.md` targets in raw HTML header cards by pointing them to compiled `.html` pages. Upgraded card sizing to use a responsive flex layout (`flex: 1; max-width: 280px; min-width: 200px;`) with increased padding and added visual hover highlight states on card icons matching the mosaic aesthetics.
## [[2.3.16]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.16) - 2026-05-27
### Changed

23
docs/static/v2_elite.css vendored
View File

@@ -196,10 +196,12 @@ a {
/* V2 Homepage Hero Dashboard Cards */
.hero-badge-card {
flex: 1;
max-width: 280px;
min-width: 200px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 16px;
width: 180px;
border-radius: 16px;
padding: 24px 16px;
text-align: center;
background: rgba(255, 255, 255, 0.015);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -209,11 +211,11 @@ a {
}
.hero-badge-card img {
width: 80px;
height: 80px;
width: 100px;
height: 100px;
object-fit: contain;
margin-bottom: 8px;
transition: transform 0.3s ease;
margin-bottom: 12px;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), filter 0.25s ease;
}
.hero-badge-card:hover {
@@ -224,17 +226,18 @@ a {
}
.hero-badge-card:hover img {
transform: scale(1.1);
transform: scale(1.15);
filter: brightness(1.25);
}
.hero-badge-title {
font-weight: bold;
font-size: 0.9rem;
font-size: 0.95rem;
color: var(--md-primary-fg-color);
}
.hero-badge-subtitle {
font-size: 0.75rem;
font-size: 0.78rem;
color: var(--md-primary-fg-color--dark);
margin-top: 4px;
}

19
v2-docs/index.md
View File

@@ -1,8 +1,21 @@
# Nubenetes Elite Portal (V2) | Awesome Kubernetes & Cloud [![Awesome](https://cdn.jsdelivr.net/gh/sindresorhus/awesome@d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
<center markdown="1">
[![Kubernetes Logo](images/kubernetes_logo.png)](https://kubernetes.io) &nbsp; [![Nubenetes Introduction](images/hero-car.png)](./introduction.md)
</center>
<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">
<img src="images/kubernetes_logo.png" alt="Kubernetes"/>
<div class="hero-badge-title">Ecosystem Core</div>
<div class="hero-badge-subtitle">Explore Kubernetes</div>
</div>
</a>
<a href="./introduction.html" style="text-decoration: none; color: inherit; display: block;">
<div class="hero-badge-card">
<img src="images/hero-car.png" alt="Nubenetes Car"/>
<div class="hero-badge-title">Get Started</div>
<div class="hero-badge-subtitle">Introduction Guide</div>
</div>
</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">