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 #282 from nubenetes/bot/v2-index-hero-badge-cards

Browse Source 
feat: V2 homepage interactive header cards
This commit is contained in:
Inaki
2026-05-27 22:45:03 +02:00
committed by GitHub
parent 963ea26d92 39bf129207
commit f27497cdbf
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">