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
This commit is contained in:
juanatsap
+1
-1
@@ -705,7 +705,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "La Porra.club - Football Prediction Platform",
|
"title": "La Porra.club - Football Prediction Platform",
|
||||||
"category": "webapp",
|
"category": "web",
|
||||||
"projectName": "La Porra.club",
|
"projectName": "La Porra.club",
|
||||||
"projectDesc": "Football Prediction Platform",
|
"projectDesc": "Football Prediction Platform",
|
||||||
"url": "https://laporra.club",
|
"url": "https://laporra.club",
|
||||||
|
|||||||
+1
-1
@@ -705,7 +705,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "La Porra.club - Plataforma de Predicción de Fútbol",
|
"title": "La Porra.club - Plataforma de Predicción de Fútbol",
|
||||||
"category": "webapp",
|
"category": "web",
|
||||||
"projectName": "La Porra.club",
|
"projectName": "La Porra.club",
|
||||||
"projectDesc": "Plataforma de Predicción de Fútbol",
|
"projectDesc": "Plataforma de Predicción de Fútbol",
|
||||||
"url": "https://laporra.club",
|
"url": "https://laporra.club",
|
||||||
|
|||||||
@@ -194,33 +194,34 @@
|
|||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Category icon badges */
|
/* Category text badges — pastel tones */
|
||||||
.category-badge {
|
.category-badge {
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 0.7em;
|
font-weight: 700;
|
||||||
padding: 0.2em 0.4em;
|
font-size: 0.6em;
|
||||||
|
padding: 0.2em 0.5em;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-cli { background: #5b21b6; } /* Purple — terminal */
|
.category-cli { background: #9b8ec4; } /* Soft purple — terminal */
|
||||||
.category-app { background: #1d4ed8; } /* Blue — native app */
|
.category-app { background: #7ba7d9; } /* Soft blue — native app */
|
||||||
.category-web { background: #0891b2; } /* Cyan — website */
|
.category-web { background: #6bb8c7; } /* Soft cyan — website */
|
||||||
.category-webapp { background: #059669; } /* Teal — web app */
|
.category-webapp { background: #6bb8c7; } /* Soft cyan — web app */
|
||||||
.category-plugin { background: #d97706; } /* Amber — plugin */
|
.category-plugin { background: #d4a96a; } /* Soft amber — plugin */
|
||||||
.category-sdk { background: #7c3aed; } /* Violet — SDK */
|
.category-sdk { background: #a78bcc; } /* Soft violet — SDK */
|
||||||
.category-contrib { background: #6b7280; } /* Gray — contributions */
|
.category-contrib { background: #a0a7b0; } /* Soft gray — contributions */
|
||||||
|
|
||||||
.stars-badge {
|
/* Merged GitHub + Stars badge */
|
||||||
|
.github-stars-badge {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.3em;
|
gap: 0.25em;
|
||||||
background: #d4a017;
|
background: #333;
|
||||||
color: white;
|
color: #f0c040;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
@@ -231,16 +232,22 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stars-badge:hover {
|
.github-stars-badge:hover {
|
||||||
background: #b8860b;
|
background: #555;
|
||||||
color: white;
|
color: #f0c040;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stars-badge iconify-icon {
|
.github-stars-badge iconify-icon:first-child {
|
||||||
|
color: white;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.github-stars-badge iconify-icon:last-of-type {
|
||||||
|
color: #f0c040;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.maintained-badge {
|
.maintained-badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: #3498db;
|
background: #3498db;
|
||||||
|
|||||||
@@ -105,7 +105,7 @@
|
|||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stars-badge,
|
.github-stars-badge,
|
||||||
.category-badge {
|
.category-badge {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,17 +30,16 @@
|
|||||||
{{if .URL}}<a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.Title}}</a>{{else}}{{.Title}}{{end}}
|
{{if .URL}}<a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.Title}}</a>{{else}}{{.Title}}{{end}}
|
||||||
{{end}}
|
{{end}}
|
||||||
</strong>
|
</strong>
|
||||||
{{if eq .Category "cli"}}<span class="category-badge category-cli"><iconify-icon icon="mdi:console" width="14" height="14"></iconify-icon></span>
|
{{if eq .Category "cli"}}<span class="category-badge category-cli">CLI</span>
|
||||||
{{else if eq .Category "app"}}<span class="category-badge category-app"><iconify-icon icon="mdi:apple" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "app"}}<span class="category-badge category-app">APP</span>
|
||||||
{{else if eq .Category "web"}}<span class="category-badge category-web"><iconify-icon icon="mdi:web" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "web"}}<span class="category-badge category-web">WEB</span>
|
||||||
{{else if eq .Category "webapp"}}<span class="category-badge category-webapp"><iconify-icon icon="mdi:application-outline" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "webapp"}}<span class="category-badge category-webapp">WEB</span>
|
||||||
{{else if eq .Category "plugin"}}<span class="category-badge category-plugin"><iconify-icon icon="mdi:puzzle" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "plugin"}}<span class="category-badge category-plugin">PLG</span>
|
||||||
{{else if eq .Category "sdk"}}<span class="category-badge category-sdk"><iconify-icon icon="mdi:package-variant" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "sdk"}}<span class="category-badge category-sdk">SDK</span>
|
||||||
{{else if eq .Category "contrib"}}<span class="category-badge category-contrib"><iconify-icon icon="mdi:source-pull" width="14" height="14"></iconify-icon></span>
|
{{else if eq .Category "contrib"}}<span class="category-badge category-contrib">OSS</span>
|
||||||
{{end}}
|
{{end}}
|
||||||
{{if .Current}}<span class="live-badge"><iconify-icon icon="mdi:wifi" width="14" height="14"></iconify-icon>LIVE</span>{{end}}
|
{{if .Current}}<span class="live-badge"><iconify-icon icon="mdi:wifi" width="14" height="14"></iconify-icon>LIVE</span>{{end}}
|
||||||
{{if .GitRepoUrl}}<a href="{{.GitRepoUrl}}" target="_blank" rel="noopener noreferrer" class="github-badge"><iconify-icon icon="mdi:github" width="14" height="14"></iconify-icon>GitHub</a>{{end}}
|
{{if .GitRepoUrl}}<a href="{{.GitRepoUrl}}/stargazers" target="_blank" rel="noopener noreferrer" class="github-stars-badge"><iconify-icon icon="mdi:github" width="14" height="14"></iconify-icon><iconify-icon icon="mdi:star" width="12" height="12"></iconify-icon>{{if .Stars}}{{.Stars}}{{end}}</a>{{end}}
|
||||||
{{if .GitRepoUrl}}<a href="{{.GitRepoUrl}}/stargazers" target="_blank" rel="noopener noreferrer" class="stars-badge"><iconify-icon icon="mdi:star" width="14" height="14"></iconify-icon>{{if .Stars}}{{.Stars}} {{end}}stars</a>{{end}}
|
|
||||||
{{if .MaintainedBy}}<span class="maintained-badge">{{$.UI.Sections.MaintainedBy}} {{.MaintainedBy}}</span>{{end}}
|
{{if .MaintainedBy}}<span class="maintained-badge">{{$.UI.Sections.MaintainedBy}} {{.MaintainedBy}}</span>{{end}}
|
||||||
<br>
|
<br>
|
||||||
<small>{{if .StartDate}}{{.StartDate}}{{if .Current}}{{if .DynamicDate}} / {{.DynamicDate}}{{else}} / {{$.UI.Sections.Present}}{{end}}{{end}}{{end}} - ({{.Location}})</small>
|
<small>{{if .StartDate}}{{.StartDate}}{{if .Current}}{{if .DynamicDate}} / {{.DynamicDate}}{{else}} / {{$.UI.Sections.Present}}{{end}}{{end}}{{end}} - ({{.Location}})</small>
|
||||||
|
|||||||
Reference in New Issue
Block a user