feat: convert to argument.es — Spanish, vote buttons, Docker

- Translate all ~430 prompts to Spanish with cultural adaptations
- Translate all UI strings (frontend, admin, history, broadcast)
- Translate AI system prompts; models now respond in Spanish
- Replace Twitch/Fossabot viewer voting with in-site vote buttons
- Add POST /api/vote endpoint (IP-based, supports vote switching)
- Vote buttons appear during voting phase with active state highlight
- Rename project to argument.es throughout (package.json, cookie, DB)
- Add docker-compose.yml with SQLite volume mount
- Add .env.sample documenting all required and optional vars

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-27 13:09:00 +01:00
parent ccaa86b4a6
commit 2abea42c18
16 changed files with 1124 additions and 1150 deletions

View File

@@ -104,7 +104,7 @@ function HistoryContestant({
</div>
<div className="history-contestant__votes">
<div className="history-contestant__score" style={{ color }}>
{votes} {votes === 1 ? "vote" : "votes"}
{votes} {votes === 1 ? "voto" : "votos"}
</div>
<div className="history-contestant__voters">
{voters.map((v) => {
@@ -164,7 +164,7 @@ function HistoryCard({ round }: { round: RoundState }) {
<div className="history-card__header">
<div className="history-card__prompt-section">
<div className="history-card__prompter">
Prompted by <ModelName model={round.prompter} />
Pregunta de <ModelName model={round.prompter} />
</div>
<div className="history-card__prompt">{round.prompt}</div>
</div>
@@ -180,7 +180,7 @@ function HistoryCard({ round }: { round: RoundState }) {
<div className="history-contestant__header">
<ModelName model={contA} />
{isAWinner && (
<div className="history-contestant__winner-badge">WINNER</div>
<div className="history-contestant__winner-badge">GANADOR</div>
)}
</div>
<div className="history-contestant__answer">
@@ -191,7 +191,7 @@ function HistoryCard({ round }: { round: RoundState }) {
className="history-contestant__score"
style={{ color: getColor(contA.name) }}
>
{votesA} {votesA === 1 ? "vote" : "votes"}
{votesA} {votesA === 1 ? "voto" : "votos"}
</div>
<div className="history-contestant__voters">
{votersA.map(
@@ -210,7 +210,7 @@ function HistoryCard({ round }: { round: RoundState }) {
{totalViewerVotes > 0 && (
<ViewerVotes
count={round.viewerVotesA ?? 0}
label={`viewer vote${(round.viewerVotesA ?? 0) === 1 ? "" : "s"}`}
label={`voto${(round.viewerVotesA ?? 0) === 1 ? "" : "s"} del público`}
/>
)}
</div>
@@ -221,7 +221,7 @@ function HistoryCard({ round }: { round: RoundState }) {
<div className="history-contestant__header">
<ModelName model={contB} />
{isBWinner && (
<div className="history-contestant__winner-badge">WINNER</div>
<div className="history-contestant__winner-badge">GANADOR</div>
)}
</div>
<div className="history-contestant__answer">
@@ -232,7 +232,7 @@ function HistoryCard({ round }: { round: RoundState }) {
className="history-contestant__score"
style={{ color: getColor(contB.name) }}
>
{votesB} {votesB === 1 ? "vote" : "votes"}
{votesB} {votesB === 1 ? "voto" : "votos"}
</div>
<div className="history-contestant__voters">
{votersB.map(
@@ -251,7 +251,7 @@ function HistoryCard({ round }: { round: RoundState }) {
{totalViewerVotes > 0 && (
<ViewerVotes
count={round.viewerVotesB ?? 0}
label={`viewer vote${(round.viewerVotesB ?? 0) === 1 ? "" : "s"}`}
label={`voto${(round.viewerVotesB ?? 0) === 1 ? "" : "s"} del público`}
/>
)}
</div>
@@ -287,24 +287,24 @@ function App() {
return (
<div className="app">
<a href="/" className="main-logo">
quipslop
argument.es
</a>
<main className="main">
<div className="page-header">
<div className="page-title">Past Rounds</div>
<div className="page-title">Rondas anteriores</div>
<div className="page-links">
<a href="/" className="back-link">
Back to Game
Volver al juego
</a>
</div>
</div>
{loading ? (
<div className="loading">Loading...</div>
<div className="loading">Cargando...</div>
) : error ? (
<div className="error">{error}</div>
) : rounds.length === 0 ? (
<div className="empty">No past rounds found.</div>
<div className="empty">No se encontraron rondas anteriores.</div>
) : (
<>
<div
@@ -326,7 +326,7 @@ function App() {
PREV
</button>
<span className="pagination__info">
Page {page} of {totalPages}
Página {page} de {totalPages}
</span>
<button
className="pagination__btn"