From 704284db269a9cd48cdd9a87a61ad334ae256490 Mon Sep 17 00:00:00 2001 From: Angel Zarate Date: Tue, 17 May 2022 13:51:39 -0400 Subject: [PATCH] Postulante y diseƱo termiando --- src/main/webapp/bootcamp.jsp | 1 + src/main/webapp/formJS.js | 15 +++++++++++++++ src/main/webapp/formulario.jsp | 4 +++- src/main/webapp/index.html | 4 +--- src/main/webapp/menu.css | 2 +- src/main/webapp/menu.html | 4 +++- src/main/webapp/postulante-consulta.jsp | 49 ++++++++++++++++++++++++++++++++----------------- src/main/webapp/postulante.css | 42 ++++++++++++++++++++++++++++++------------ src/main/webapp/usrebe.html | 1 + 9 files changed, 87 insertions(+), 35 deletions(-) create mode 100644 src/main/webapp/formJS.js diff --git a/src/main/webapp/bootcamp.jsp b/src/main/webapp/bootcamp.jsp index fbb0800..87c0f55 100644 --- a/src/main/webapp/bootcamp.jsp +++ b/src/main/webapp/bootcamp.jsp @@ -7,6 +7,7 @@ pageEncoding="UTF-8"%> + Bootcamp diff --git a/src/main/webapp/formJS.js b/src/main/webapp/formJS.js new file mode 100644 index 0000000..d4db8f6 --- /dev/null +++ b/src/main/webapp/formJS.js @@ -0,0 +1,15 @@ +// Get all elements with class="closebtn" +var close = document.getElementsByClassName("closebtn"); +var i; +// Loop through all close buttons +for (i = 0; i < close.length; i++) { + // When someone clicks on a close button + close[i].onclick = function(){ + // Get the parent of (
) + var div = this.parentElement; + // Set the opacity of div to 0 (transparent) + div.style.opacity = "0"; + // Hide the div after 600ms (the same amount of milliseconds it takes to fade out) + setTimeout(function(){ div.style.display = "none"; }, 600); + } +} diff --git a/src/main/webapp/formulario.jsp b/src/main/webapp/formulario.jsp index 92aed46..357a71e 100644 --- a/src/main/webapp/formulario.jsp +++ b/src/main/webapp/formulario.jsp @@ -13,6 +13,7 @@ pageEncoding="UTF-8"%> + Formulario Postulante @@ -135,4 +136,5 @@ pageEncoding="UTF-8"%> } init(); })(); - \ No newline at end of file + + diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html index 3f8c3c9..31ce53d 100644 --- a/src/main/webapp/index.html +++ b/src/main/webapp/index.html @@ -30,8 +30,6 @@ - - @@ -68,7 +66,7 @@

Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa

diff --git a/src/main/webapp/menu.css b/src/main/webapp/menu.css index 1796088..d081613 100644 --- a/src/main/webapp/menu.css +++ b/src/main/webapp/menu.css @@ -1,7 +1,7 @@ * { box-sizing: border-box; } - + body { font-family: 'Concert One', cursive; font-size: 13px diff --git a/src/main/webapp/menu.html b/src/main/webapp/menu.html index dbfe2d2..b718dca 100644 --- a/src/main/webapp/menu.html +++ b/src/main/webapp/menu.html @@ -10,7 +10,9 @@ * { box-sizing: border-box; } - + a{ + text-decoration:none; + } body { font-family: 'Concert One', cursive; font-family: 'Francois One', sans-serif; diff --git a/src/main/webapp/postulante-consulta.jsp b/src/main/webapp/postulante-consulta.jsp index 37e2532..92e2422 100644 --- a/src/main/webapp/postulante-consulta.jsp +++ b/src/main/webapp/postulante-consulta.jsp @@ -20,11 +20,35 @@

Lista Postulantes

-
- - +
+ + + + + + + + + + + +
+ + + + + + +
+ + + +
+ + + @@ -37,24 +61,15 @@ - + diff --git a/src/main/webapp/postulante.css b/src/main/webapp/postulante.css index 69cf8ee..5ae626b 100644 --- a/src/main/webapp/postulante.css +++ b/src/main/webapp/postulante.css @@ -3,7 +3,7 @@ body{ background-image: url(imagenes/descarga.svg); font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; font-weight: bold; - + font-size: medium; } img{ @@ -19,11 +19,11 @@ img{ } table{ - background-color: wheat; + /* background-color: wheat; */ text-align: left; border-collapse: collapse; - width: 100%; - border-collapse: collapse; + width: 150%; + /* border: solid 3px black; */ } a{ text-decoration: none; @@ -36,6 +36,7 @@ h1{ font-weight:bold; } + button{ margin:5px; background-image: url(imagenes/descarga.svg); @@ -43,22 +44,39 @@ button{ } th,td{ margin: 2px; + } -table tr:nth-child(odd) { background-color: rgba(11, 49, 110, 0.75); +table tr:nth-child(odd) { /* background-color: aliceblue; */ + + /* background-color: rgba(11, 49, 110, 0.75) */ + background-color: transparent; } table tr:nth-child(even) { background-image: url(imagenes/descarga.svg); } td{ - margin: 20px; + padding: 3px; + border-color: red; + text-align: center; + /* border: solid 1px coral; */ } th{ - padding: 3px; + padding: 5px; + text-align: center; + /* border: solid 4px black; */ +} +th:hover{ + background-color: brown; } -tbody .tcuerpo{ - border: 1px solid transparent; height: 30px; + +tbody{ + margin: 15px; +padding: 15px } -tr:hover td { background: #071750; color: rgb(121, 153, 51); } -td, th { border: 1px solid transparent; height: 30px; } + +tr:hover td { background: aqua; } +th { border: 1px solid black; height: 30px; + background-image: url(imagenes/descarga.svg); + } button:hover{ -color: yellow;} \ No newline at end of file +color: yellow;} diff --git a/src/main/webapp/usrebe.html b/src/main/webapp/usrebe.html index 797f287..fe84cf7 100644 --- a/src/main/webapp/usrebe.html +++ b/src/main/webapp/usrebe.html @@ -10,6 +10,7 @@ Pinterest: https://pinterest.com/mycnlz/
#Experiencia laboral Estudio universitario -
- - -
+ Notebooks
-
- - -
+ Bootcamps
-
- - -
+ Aceptados