From c8e680f7ea25162951a6707ed02c587f85e96b3a Mon Sep 17 00:00:00 2001 From: juanatsap Date: Mon, 4 May 2026 14:37:36 +0100 Subject: [PATCH] feat: 3-letter category tags, merged GitHub+stars badge, pastel colors - Category badges: CLI, APP, WEB, PLG, SDK, OSS in pastel tones - GitHub + stars merged into single dark badge with gold star count - La Porra fixed to "web" category --- data/cv-en.json | 2 +- data/cv-es.json | 2 +- static/css/03-components/_cv-section.css | 49 +++++++++++++---------- static/css/print.css | 2 +- templates/partials/sections/projects.html | 17 ++++---- 5 files changed, 39 insertions(+), 33 deletions(-) diff --git a/data/cv-en.json b/data/cv-en.json index 7663231..9f13795 100644 --- a/data/cv-en.json +++ b/data/cv-en.json @@ -705,7 +705,7 @@ }, { "title": "La Porra.club - Football Prediction Platform", - "category": "webapp", + "category": "web", "projectName": "La Porra.club", "projectDesc": "Football Prediction Platform", "url": "https://laporra.club", diff --git a/data/cv-es.json b/data/cv-es.json index b2f0049..74d9731 100644 --- a/data/cv-es.json +++ b/data/cv-es.json @@ -705,7 +705,7 @@ }, { "title": "La Porra.club - Plataforma de Predicción de Fútbol", - "category": "webapp", + "category": "web", "projectName": "La Porra.club", "projectDesc": "Plataforma de Predicción de Fútbol", "url": "https://laporra.club", diff --git a/static/css/03-components/_cv-section.css b/static/css/03-components/_cv-section.css index 8d27d08..0fe8b61 100644 --- a/static/css/03-components/_cv-section.css +++ b/static/css/03-components/_cv-section.css @@ -194,33 +194,34 @@ font-size: 1.2em; } -/* Category icon badges */ +/* Category text badges — pastel tones */ .category-badge { - display: inline-flex; - align-items: center; - justify-content: center; + display: inline-block; color: white; - font-size: 0.7em; - padding: 0.2em 0.4em; + font-weight: 700; + font-size: 0.6em; + padding: 0.2em 0.5em; border-radius: 3px; margin-left: 0.5em; vertical-align: middle; + letter-spacing: 0.5px; } -.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 */ +.category-cli { background: #9b8ec4; } /* Soft purple — terminal */ +.category-app { background: #7ba7d9; } /* Soft blue — native app */ +.category-web { background: #6bb8c7; } /* Soft cyan — website */ +.category-webapp { background: #6bb8c7; } /* Soft cyan — web app */ +.category-plugin { background: #d4a96a; } /* Soft amber — plugin */ +.category-sdk { background: #a78bcc; } /* Soft violet — SDK */ +.category-contrib { background: #a0a7b0; } /* Soft gray — contributions */ -.stars-badge { +/* Merged GitHub + Stars badge */ +.github-stars-badge { display: inline-flex; align-items: center; - gap: 0.3em; - background: #d4a017; - color: white; + gap: 0.25em; + background: #333; + color: #f0c040; font-weight: 700; font-size: 0.7em; padding: 0.2em 0.5em; @@ -231,16 +232,22 @@ text-decoration: none; } -.stars-badge:hover { - background: #b8860b; - color: white; +.github-stars-badge:hover { + background: #555; + color: #f0c040; text-decoration: none; } -.stars-badge iconify-icon { +.github-stars-badge iconify-icon:first-child { + color: white; font-size: 1.2em; } +.github-stars-badge iconify-icon:last-of-type { + color: #f0c040; + font-size: 1em; +} + .maintained-badge { display: inline-block; background: #3498db; diff --git a/static/css/print.css b/static/css/print.css index 614640e..32deb13 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -105,7 +105,7 @@ text-decoration: none !important; } - .stars-badge, + .github-stars-badge, .category-badge { display: none !important; } diff --git a/templates/partials/sections/projects.html b/templates/partials/sections/projects.html index a2390f7..2436c0d 100644 --- a/templates/partials/sections/projects.html +++ b/templates/partials/sections/projects.html @@ -30,17 +30,16 @@ {{if .URL}}{{.Title}}{{else}}{{.Title}}{{end}} {{end}} - {{if eq .Category "cli"}} - {{else if eq .Category "app"}} - {{else if eq .Category "web"}} - {{else if eq .Category "webapp"}} - {{else if eq .Category "plugin"}} - {{else if eq .Category "sdk"}} - {{else if eq .Category "contrib"}} + {{if eq .Category "cli"}}CLI + {{else if eq .Category "app"}}APP + {{else if eq .Category "web"}}WEB + {{else if eq .Category "webapp"}}WEB + {{else if eq .Category "plugin"}}PLG + {{else if eq .Category "sdk"}}SDK + {{else if eq .Category "contrib"}}OSS {{end}} {{if .Current}}LIVE{{end}} - {{if .GitRepoUrl}}GitHub{{end}} - {{if .GitRepoUrl}}{{if .Stars}}{{.Stars}} {{end}}stars{{end}} + {{if .GitRepoUrl}}{{if .Stars}}{{.Stars}}{{end}}{{end}} {{if .MaintainedBy}}{{$.UI.Sections.MaintainedBy}} {{.MaintainedBy}}{{end}}
{{if .StartDate}}{{.StartDate}}{{if .Current}}{{if .DynamicDate}} / {{.DynamicDate}}{{else}} / {{$.UI.Sections.Present}}{{end}}{{end}}{{end}} - ({{.Location}})