Compare commits

..

No commits in common. "7d0440dea63d842f80534e4bfc0d6ada954f2301" and "5e8d9db6dc27ca9890f82924337a9c5ef65ac33a" have entirely different histories.

2 changed files with 7 additions and 87 deletions

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

@ -450,35 +450,6 @@ 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; }
@ -769,11 +740,6 @@ 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 Normal file → Executable file
View File

@ -37,18 +37,9 @@
<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="row g-4"> <div class="col-md-6 col-lg-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>
@ -56,56 +47,35 @@
<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 card-amber h-100"> <div class="card project-card 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 card-sky h-100"> <div class="card project-card 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 card-red h-100"> <div class="card project-card 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>
@ -121,30 +91,14 @@
<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 card-orange h-100"> <div class="card project-card 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>
@ -152,7 +106,7 @@
</div> </div>
</div> </div>
</div> </div> </div>
</section> </section>
<footer class="py-5 text-center"> <footer class="py-5 text-center">