tatiana
/
taiage-spring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Planificacion y flashcard

This commit is contained in:
Tatiana Villa 2026-05-11 10:24:32 +02:00
parent 7e7e6d5f10
commit c63728987e
2 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/main/resources/static/css/flashcards.css
View File

@ -7,17 +7,17 @@
--text: #d4d4d4; --text: #d4d4d4;
--text-muted:#858585; --text-muted:#858585;
--accent: #007acc; --accent: #007acc;
--accent-2: #4ec9b0; --accent-2: #a4d7fa;
--warning: #d7ba7d; --warning: #ffc24a;
--error: #f44747; --error: #f44747;
} }
/* ── General ── */ /* ── General ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 11pt; color: var(--text); background: var(--bg); padding: 1.5rem; } body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 11pt; color: var(--text); background: var(--bg); padding: 1.5rem; }
h1 { font-size: 18pt; text-align: center; margin-bottom: 0.2em; color: var(--accent-2); } h1 { font-size: 22pt; text-align: center; margin-bottom: 0.2em; color: var(--accent);}
h2 { font-size: 13pt; margin: 1.2em 0 0.4em; border-bottom: 2px solid var(--border); padding-bottom: 0.2em; color: var(--accent-2); } h2 { font-size: 18pt; margin: 1.2em 0 0.4em; border-bottom: 2px solid var(--accent); padding-bottom: 0.2em; color: var(--accent); font-weight: bold;}
h3 { font-size: 11pt; margin: 0.9em 0 0.3em; color: var(--text-muted); } h3 { font-size: 15pt; margin: 0.9em 0 0.3em; color: var(--accent); font-weight: bold;}
p, li { margin: 0.3em 0; line-height: 1.5; } p, li { margin: 0.3em 0; line-height: 1.5; }
ul { padding-left: 1.4em; } ul { padding-left: 1.4em; }
a { color: var(--accent); } a { color: var(--accent); }
@ -25,14 +25,14 @@ blockquote { border-left: 3px solid var(--border); padding-left: 0.8em; color: v
/* ── Tablas ── */ /* ── Tablas ── */
table { width: 100%; border-collapse: collapse; margin: 0.5em 0; font-size: 10pt; } table { width: 100%; border-collapse: collapse; margin: 0.5em 0; font-size: 10pt; }
th { background: #2c3e50; color: var(--accent-2); padding: 5px 8px; text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; } th { background: var(--border); color: var(--text-muted); padding: 5px 8px; text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
td { padding: 4px 8px; vertical-align: top; border-bottom: 1px solid var(--border); } td { padding: 4px 8px; vertical-align: top; border-bottom: 1px solid var(--border); }
tr:nth-child(even) td { background: var(--bg-alt); } tr:nth-child(even) td { background: var(--bg-alt); }
/* ── Secciones / tarjetas ── */ /* ── Secciones / tarjetas ── */
.card { border: 1px solid var(--border); border-radius: 6px; background: var(--bg-alt); padding: 0.8em 1em; margin-bottom: 1.2em; } .card { border: 1px solid var(--border); border-radius: 6px; background: var(--bg-alt); padding: 0.8em 1em; margin-bottom: 1.2em; }
.card-title { font-size: 14pt; font-weight: bold; margin-bottom: 0.5em; color: var(--text); } .card-title { font-size: 14pt; font-weight: bold; margin-bottom: 0.5em; color: var(--accent-2); }
.tag { display: inline-block; font-size: 8pt; background: var(--accent); color: #fff; border-radius: 3px; padding: 1px 6px; margin-bottom: 0.6em; vertical-align: middle; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .tag { display: inline-block; font-size: 8pt; background: var(--accent-2); color: var(--bg); border-radius: 3px; padding: 1px 6px; margin-bottom: 0.6em; vertical-align: middle; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.warn { background: #2a2005; border-left: 4px solid var(--warning); padding: 0.4em 0.8em; margin: 0.6em 0; font-size: 10pt; color: var(--warning); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .warn { background: #2a2005; border-left: 4px solid var(--warning); padding: 0.4em 0.8em; margin: 0.6em 0; font-size: 10pt; color: var(--warning); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.p-alta td { background: #2a1010 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .p-alta td { background: #2a1010 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.p-alta td:first-child { font-weight: bold; color: var(--error); } .p-alta td:first-child { font-weight: bold; color: var(--error); }

10
src/main/resources/static/flashcards.html
View File

@ -16,7 +16,7 @@
<!-- ══════════════════════════════════════════════════════ <!-- ══════════════════════════════════════════════════════
BLOQUE 1 BLOQUE 1
══════════════════════════════════════════════════════ --> ══════════════════════════════════════════════════════ -->
<h2>Bloque 1 — Marco jurídico y servicios</h2> <h2>Bloque 1 — Organización del Estado y Administración electrónica</h2>
<div class="card"> <div class="card">
<div class="card-title">Leyes del Bloque 1 <span class="tag">B1</span></div> <div class="card-title">Leyes del Bloque 1 <span class="tag">B1</span></div>
@ -78,14 +78,8 @@
</div> </div>
</div> </div>
<!-- ══════════════════════════════════════════════════════
BLOQUE 1
══════════════════════════════════════════════════════ -->
<div class="page-break"></div>
<h2>Bloque 1 — Plazos</h2>
<div class="card"> <div class="card">
<div class="card-title">Plazos administrativos — Bloque 1 <span class="tag">B1</span></div> <div class="card-title">Bloque 1 — Plazos administrativos <span class="tag">B1</span></div>
<h3>Constitución Española — Derechos fundamentales</h3> <h3>Constitución Española — Derechos fundamentales</h3>
<table> <table>