tatiana
/
tatvilweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tatiana:5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
Branches Tags
tatiana:main
...
compare: tatiana:7d0440dea63d842f80534e4bfc0d6ada954f2301
Branches Tags
tatiana:main

4 Commits
5e8d9db6dc ... 7d0440dea6

Author SHA1 Message Date
Tatiana Villa Ema 7d0440dea6 resolucion de conflictos 2026-06-15 09:47:43 +02:00
Tatiana Villa Ema b9d8a859be fix: tone down card colors to VS Code palette 2026-04-27 02:08:58 +02:00
Tatiana Villa Ema c3966852d7 Merge remote changes + autocompra project card 2026-04-27 02:05:57 +02:00
Tatiana Villa Ema 1d1d021692 feat: add autocompra project card 2026-04-27 02:00:56 +02:00
2 changed files with 87 additions and 7 deletions
Show Stats Expand all files Collapse all files

34
css/style.css Executable file → Normal file
View File

@ -450,6 +450,35 @@ a:hover { text-decoration: underline; }
color: var(--text-muted); color: var(--text-muted);
} }
/* Card color variants */
.card-green { border-top: 3px solid #6a9955 !important; }
.card-green .card-title { color: #6a9955; }
.card-green .btn-link { color: #6a9955; }
.card-amber { border-top: 3px solid #d7ba7d !important; }
.card-amber .card-title { color: #d7ba7d; }
.card-amber .btn-link { color: #d7ba7d; }
.card-sky { border-top: 3px solid #007acc !important; }
.card-sky .card-title { color: #569cd6; }
.card-sky .btn-link { color: #569cd6; }
.card-red { border-top: 3px solid #f44747 !important; }
.card-red .card-title { color: #f44747; }
.card-red .btn-link { color: #f44747; }
.card-violet { border-top: 3px solid #c586c0 !important; }
.card-violet .card-title { color: #c586c0; }
.card-violet .btn-link { color: #c586c0; }
.card-orange { border-top: 3px solid #ce9178 !important; }
.card-orange .card-title { color: #ce9178; }
.card-orange .btn-link { color: #ce9178; }
.btn-link:hover {
color: var(--color-texto);
}
/* Render Markdown */ /* Render Markdown */
.md-body { line-height: 1.75; } .md-body { line-height: 1.75; }
@ -740,6 +769,11 @@ a:hover { text-decoration: underline; }
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 2rem 1.5rem; padding: 2rem 1.5rem;
<<<<<<< HEAD
}
=======
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
#countdown { #countdown {
font-size: 1.2rem; font-size: 1.2rem;
color: var(--color-acento); color: var(--color-acento);

60
proyectos.html Executable file → Normal file
View File

@ -37,9 +37,18 @@
<div class="container py-5"> <div class="container py-5">
<h2 class="section-title mb-5">Proyectos en desarrollo</h2> <h2 class="section-title mb-5">Proyectos en desarrollo</h2>
<div class="row g-4"> <div class="col-md-6 col-lg-4"> <div class="row g-4">
<div class="card project-card h-100">
<div class="col-md-6 col-lg-4">
<div class="card project-card card-green h-100">
<div class="card-body"> <div class="card-body">
<<<<<<< HEAD
<h5 class="card-title fw-bold">📚 Oposiciones</h5>
<p class="card-text">Temario y cuestionarios para TAI AGE</p>
<div id="countdown" class="mb-2"></div>
<p class="card-text card-tecnologia">HTML, CSS, JS</p>
<a href="https://taiage.tatvil.es" class="btn-link" target="_blank" rel="noopener">Saber más →</a>
=======
<h5 class="card-title fw-bold">Oposiciones</h5> <h5 class="card-title fw-bold">Oposiciones</h5>
<p class="card-text">Temario y cuestionarios para TAI AGE</p> <p class="card-text">Temario y cuestionarios para TAI AGE</p>
@ -47,35 +56,56 @@
<p class="card-text card-tecnologia">HTML, CSS, JS</p> <p class="card-text card-tecnologia">HTML, CSS, JS</p>
<a href="https://taiage.tatvil.es" class="btn-link">Saber más →</a> <a href="https://taiage.tatvil.es" class="btn-link">Saber más →</a>
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card project-card h-100"> <div class="card project-card card-amber h-100">
<div class="card-body"> <div class="card-body">
<<<<<<< HEAD
<h5 class="card-title fw-bold">✝️ Recursos Católicos</h5>
<p class="card-text">Web de recursos católicos gratuitos.</p>
<p class="card-text card-tecnologia">HTML, CSS, Bootstrap, JS, PHP, SQL.</p>
<a href="https://recursos-catolicos.es" class="btn-link" target="_blank" rel="noopener">Saber más →</a>
=======
<h5 class="card-title fw-bold">Recursos Católicos</h5> <h5 class="card-title fw-bold">Recursos Católicos</h5>
<p class="card-text">Web de recursos católicos gratuitos.</p> <p class="card-text">Web de recursos católicos gratuitos.</p>
<p class="card-text card-tecnologia">HTML, CSS, Bootstrap, JS, PHP, SQL.</p> <p class="card-text card-tecnologia">HTML, CSS, Bootstrap, JS, PHP, SQL.</p>
<a href="https://recursos-catolicos.es" class="btn-link">Saber más →</a> <a href="https://recursos-catolicos.es" class="btn-link">Saber más →</a>
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card project-card h-100"> <div class="card project-card card-sky h-100">
<div class="card-body"> <div class="card-body">
<<<<<<< HEAD
<h5 class="card-title fw-bold">🌤️ El Tiempo</h5>
<p class="card-text">Estadísticas de Madrid, L'Ampolla y L'Alfas del Pi.</p>
<p class="card-text card-tecnologia">Java, Spring Boot, MySQL, HTML, CSS, JS.</p>
<a href="https://eltiempo.tatvil.es" class="btn-link" target="_blank" rel="noopener">Saber más →</a>
=======
<h5 class="card-title fw-bold">El Tiempo</h5> <h5 class="card-title fw-bold">El Tiempo</h5>
<p class="card-text">Estadísticas de Madrid, L'Ampolla y L'Alfas del Pi.</p> <p class="card-text">Estadísticas de Madrid, L'Ampolla y L'Alfas del Pi.</p>
<p class="card-text card-tecnologia">PHP, MySQL, HTML, CSS, JS.</p> <p class="card-text card-tecnologia">PHP, MySQL, HTML, CSS, JS.</p>
<a href="https://eltiempo.tatvil.es" class="btn-link">Saber más →</a> <a href="https://eltiempo.tatvil.es" class="btn-link">Saber más →</a>
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card project-card h-100"> <div class="card project-card card-red h-100">
<div class="card-body"> <div class="card-body">
<<<<<<< HEAD
<h5 class="card-title fw-bold">Fórmula 1</h5>
<p class="card-text">Web de estadísticas de Fórmula 1.</p>
<p class="card-text card-tecnologia">Java, Spring Boot, Hibernate, MySQL.</p>
<a href="https://formula1.tatvil.es" class="btn-link" target="_blank" rel="noopener">Saber más →</a>
=======
<h5 class="card-title fw-bold">Formula 1</h5> <h5 class="card-title fw-bold">Formula 1</h5>
<p class="card-text">Web de estadísticas de Fórmula 1.</p> <p class="card-text">Web de estadísticas de Fórmula 1.</p>
<p class="card-text card-tecnologia">Java, Spring, Hibernate, MySQL.</p> <p class="card-text card-tecnologia">Java, Spring, Hibernate, MySQL.</p>
@ -91,14 +121,30 @@
<p class="card-text">Aplicación de compras automatizadas.</p> <p class="card-text">Aplicación de compras automatizadas.</p>
<p class="card-text card-tecnologia">HTML, CSS, JavaScript, JSON.</p> <p class="card-text card-tecnologia">HTML, CSS, JavaScript, JSON.</p>
<a href="https://autocompra.tatvil.es" class="btn-link">Saber más →</a> <a href="https://autocompra.tatvil.es" class="btn-link">Saber más →</a>
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card project-card h-100"> <div class="card project-card card-orange h-100">
<div class="card-body"> <div class="card-body">
<<<<<<< HEAD
<h5 class="card-title fw-bold">Autocompra</h5>
<p class="card-text">Seguimiento de precios y análisis de la compra del supermercado para estadística y lista de la compra automática.</p>
<p class="card-text card-tecnologia">Python, FastAPI, SQLite, HTML, CSS, JS.</p>
<a href="https://autocompra.tatvil.es" class="btn-link" target="_blank" rel="noopener">Saber más →</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card project-card card-violet h-100">
<div class="card-body">
<h5 class="card-title fw-bold">✂️ Piedra, Papel o Tijera</h5>
=======
<h5 class="card-title fw-bold">Piedra, Papel o Tijera</h5> <h5 class="card-title fw-bold">Piedra, Papel o Tijera</h5>
>>>>>>> 5e8d9db6dc27ca9890f82924337a9c5ef65ac33a
<p class="card-text">Juego clásico optimizado para móviles.</p> <p class="card-text">Juego clásico optimizado para móviles.</p>
<p class="card-text card-tecnologia">HTML, CSS, JavaScript.</p> <p class="card-text card-tecnologia">HTML, CSS, JavaScript.</p>
<a href="piedra-papel-tijera.html" class="btn-link">Saber más →</a> <a href="piedra-papel-tijera.html" class="btn-link">Saber más →</a>
@ -106,7 +152,7 @@
</div> </div>
</div> </div>
</div> </div> </div>
</section> </section>
<footer class="py-5 text-center"> <footer class="py-5 text-center">