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

feat: create interactive dashboard cards on V2 homepage and bump version to 2.3.16

Browse Source
This commit is contained in:
Nubenetes Bot
2026-05-27 22:44:44 +02:00
parent 54c8c43a21
commit 39bf129207
3 changed files with 66 additions and 3 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.16]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.16) - 2026-05-27
### Changed
- **V2 Homepage Interactive Header Badges**: Converted the top inline Kubernetes and Hero Car image links on the V2 index page into styled, responsive glassmorphic cards. Kubernetes links to the internal curated Kubernetes resources section rather than the external homepage, improving contextual navigation.
## [[2.3.15]](https://github.com/nubenetes/awesome-kubernetes/releases/tag/v2.3.15) - 2026-05-27
### Changed

45
docs/static/v2_elite.css vendored
View File

@@ -194,3 +194,48 @@ a {
border-radius: 4px;
}
/* V2 Homepage Hero Dashboard Cards */
.hero-badge-card {
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 16px;
width: 180px;
text-align: center;
background: rgba(255, 255, 255, 0.015);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
cursor: pointer;
vertical-align: top;
}
.hero-badge-card img {
width: 80px;
height: 80px;
object-fit: contain;
margin-bottom: 8px;
transition: transform 0.3s ease;
}
.hero-badge-card:hover {
transform: translateY(-4px);
background: rgba(34, 211, 238, 0.04) !important;
box-shadow: 0 8px 24px rgba(34, 211, 238, 0.15);
border-color: #22d3ee !important;
}
.hero-badge-card:hover img {
transform: scale(1.1);
}
.hero-badge-title {
font-weight: bold;
font-size: 0.9rem;
color: var(--md-primary-fg-color);
}
.hero-badge-subtitle {
font-size: 0.75rem;
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.md" 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.md" 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">