feat: category icon badges on projects — CLI, App, Web, Plugin, SDK

Each project now shows a colored icon badge indicating its type:
- CLI (purple terminal), App (blue apple), Web (cyan globe)
- WebApp (teal app), Plugin (amber puzzle), SDK (violet package)
- Contrib (gray pull request)
This commit is contained in:
juanatsap
2026-05-04 14:28:37 +01:00
parent 29aa3d1fd7
commit 542419de45
7 changed files with 51 additions and 1 deletions
+21
View File
@@ -194,6 +194,27 @@
font-size: 1.2em;
}
/* Category icon badges */
.category-badge {
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.7em;
padding: 0.2em 0.4em;
border-radius: 3px;
margin-left: 0.5em;
vertical-align: middle;
}
.category-cli { background: #5b21b6; } /* Purple — terminal */
.category-app { background: #1d4ed8; } /* Blue — native app */
.category-web { background: #0891b2; } /* Cyan — website */
.category-webapp { background: #059669; } /* Teal — web app */
.category-plugin { background: #d97706; } /* Amber — plugin */
.category-sdk { background: #7c3aed; } /* Violet — SDK */
.category-contrib { background: #6b7280; } /* Gray — contributions */
.stars-badge {
display: inline-flex;
align-items: center;
+2 -1
View File
@@ -105,7 +105,8 @@
text-decoration: none !important;
}
.stars-badge {
.stars-badge,
.category-badge {
display: none !important;
}