@@ -35,7 +35,7 @@ const { currentLocale } = Astro;
3535 }
3636
3737 section {
38- margin-bottom: 0.75cm ;
38+ margin-bottom: 0.45cm ;
3939 }
4040
4141 h1,
@@ -111,30 +111,30 @@ const { currentLocale } = Astro;
111111 loading =" eager"
112112 decoding =" async"
113113 class =" object-cover h-full bg-black/20"
114- style =" width: 130px ; height: 160px ; object-position: 100% 40%"
114+ style =" width: 125px ; height: 155px ; object-position: 100% 40%"
115115 />
116- <div >
116+ <div class = " text-base " >
117117 <p ><strong >Nombre:</strong > { es .nombre } </p >
118118 <p ><strong >Título:</strong > { es .tituloUniversidad } </p >
119119 <p ><strong >Fecha de Nacimiento:</strong > { es .cumplea ños } </p >
120120 <p ><strong >Dirección:</strong > { es .ubicacion } </p >
121121 <p ><strong >Email:</strong > { es .correo } </p >
122122 </div >
123123 </div >
124- <div class =" contact-info mt-3 " >
124+ <div class =" contact-info mt-2 " >
125125 <a
126126 href ={ " https://www.linkedin.com/in/" + es .linkedin_user }
127127 target =" _blank"
128128 ><i class =" fab fa-linkedin fa-lg" ></i >
129- <span class =" text-sm " > { es .linkedin_user } </span >
129+ <span class =" text-xs " > { es .linkedin_user } </span >
130130 </a >
131131 <a href ={ " https://github.com/" + es .git_user } target =" _blank"
132132 ><i class =" fab fa-github fa-lg" ></i >
133- <span class =" text-sm " > { es .git_user } </span >
133+ <span class =" text-xs " > { es .git_user } </span >
134134 </a >
135135 <a href =" https://portafolio.daaptech.org/" target =" _blank"
136136 ><i class =" fas fa-globe fa-lg" ></i >
137- <span class =" text-sm " > { es .mi_web } </span >
137+ <span class =" text-xs " > { es .mi_web } </span >
138138 </a >
139139 </div >
140140 </section >
@@ -159,20 +159,20 @@ const { currentLocale } = Astro;
159159
160160 <section id =" experiencia" >
161161 <h2
162- class =" text-lg font-extrabold border-b-4 border-double border-gray-400"
162+ class =" text-lg font-extrabold border-b-2 border-double border-gray-400"
163163 >
164164 Experiencia
165165 </h2 >
166166 {
167167 es .experiencias .map ((experiencia ) => (
168168 <div >
169- <h3 class = " mt-4 mb-2 font-semibold " >{ experiencia .title } </h3 >
169+ <h3 class = " mt-3 font-semibold " >{ experiencia .title } </h3 >
170170 <h4 class = " text-end font-semibold" >
171171 <small >{ experiencia .company + " / " + experiencia .date } </small >
172172 </h4 >
173173 <ul class = " border-t text-sm border-gray-400" >
174174 { experiencia .description .map ((activity : any ) => (
175- <li class = " check_y w-full px-3 py-2 border-b-2 border-dashed text-justify border-gray-300 " >
175+ <li class = " check_y w-full px-3 py-1.5 border-b-2 border-dashed text-justify border-gray-300 " >
176176 { activity }
177177 </li >
178178 ))}
@@ -190,7 +190,7 @@ const { currentLocale } = Astro;
190190 {
191191 es .gradosCompletados .map ((grado ) => (
192192 <div class = " check_y" >
193- <h3 class = " mt-4 mb-2 font-semibold " >{ grado .title } </h3 >
193+ <h3 class = " mt-4 font-semibold " >{ grado .title } </h3 >
194194 <h4 class = " text-end border-b-2 border-dashed border-gray-300" >
195195 <small >{ grado .institution + " / " + grado .date } </small >
196196 </h4 >
@@ -209,8 +209,8 @@ const { currentLocale } = Astro;
209209 es .publicaciones .map ((publicacion ) => (
210210 <div class = " flex items-center border-b-2 border-dashed border-gray-300" >
211211 <div class = " w-full check_y" >
212- <h3 class = " mt-4 font-semibold " >{ publicacion .title } </h3 >
213- <p class = " text-sm px-3 py-2 text-justify" >
212+ <h3 class = " mt-2 font-semibold " >{ publicacion .title } </h3 >
213+ <p class = " text-sm px-3 py-1 text-justify" >
214214 { publicacion .description + " " + publicacion .authors }
215215 </p >
216216 <p
@@ -220,7 +220,7 @@ const { currentLocale } = Astro;
220220 </div >
221221 <a href = { publicacion .link } target = " _blank" >
222222 <img
223- class = " w-40 "
223+ style = " width: 160px; height: 130px; "
224224 src = { publicacion .qr }
225225 loading = " eager"
226226 decoding = " async"
@@ -243,19 +243,19 @@ const { currentLocale } = Astro;
243243 es .proyectos .map ((proyecto ) => (
244244 <div class = " flex items-center flex-col-2 check_y border-b-2 border-dashed border-gray-300" >
245245 <div class = " w-full" >
246- <h3 class = " mt-4 font-semibold " >{ proyecto .title } </h3 >
246+ <h3 class = " mt-1 font-semibold " >{ proyecto .title } </h3 >
247247 <p
248- class = " text-sm px-3 py-2 text-justify"
248+ class = " text-sm px-3 py-1.5 text-justify"
249249 set :html = { proyecto .description }
250250 />
251251 </div >
252252 <a href = { proyecto .github } target = " _blank" >
253253 <img
254- class = " w-40"
255254 src = { proyecto .qr }
256255 loading = " eager"
257256 decoding = " async"
258257 alt = { proyecto .title }
258+ style = " width: 160px; height: 130px;"
259259 />
260260 </a >
261261 </div >
@@ -269,20 +269,20 @@ const { currentLocale } = Astro;
269269 >
270270 Habilidades
271271 </h2 >
272- <div class =" grid grid-cols-1 gap-4 " >
272+ <div class =" grid grid-cols-1 gap-1 " >
273273 {
274274 es .habilidades .map ((habilidad ) => (
275275 <div class = " border-b-2 border-dashed border-gray-300" >
276276 <div class = " check_y grid m-1" >
277- <h3 class = " mt-1 font-semibold" >{ habilidad .name } </h3 >
278- <div class = " h-auto max-w-full my-auto border-gray-400" >
277+ <h3 class = " mt-1 mb-1 font-semibold" >{ habilidad .name } </h3 >
278+ <div class = " text-sm px-1 h-auto max-w-full my-auto border-gray-400" >
279279 { habilidad .skills .join (" / " )}
280280 </div >
281281 </div >
282282 { habilidad .related && (
283283 <div class = " check_y grid pl-2 border-l-2 border-dashed border-gray-300" >
284284 <h3 class = " font-semibold" >Relacionado</h3 >
285- <div class = " h-auto max-w-full my-auto" >
285+ <div class = " text-sm px-1 h-auto max-w-full my-auto" >
286286 { habilidad .related .join (" / " )}
287287 </div >
288288 </div >
@@ -302,22 +302,25 @@ const { currentLocale } = Astro;
302302 {
303303 es .certificados .items .map ((certificado ) => (
304304 <div class = " check_y" >
305- <h3 class = " mt-2 font-semibold " >{ certificado .title } </h3 >
305+ <h3 class = " test-sm mt-2 font-semibold " >{ certificado .title } </h3 >
306306 <h4 class = " text-end border-b-2 border-dashed border-gray-300" >
307307 <small >{ certificado .date } </small >
308308 </h4 >
309309 </div >
310310 ))
311311 }
312- <div class =" mt-4 certificate-link" >
313- <img
314- class =" certificate-image"
315- src ={ es .certificados .qr }
316- loading =" eager"
317- decoding =" async"
318- style =" width: 130px; height: 130px;"
319- alt =" Imagen de certificado"
320- />
312+ <div class =" mt-1 certificate-link" >
313+ <a href ={ es .certificados .link } target =" _blank" >
314+ <img
315+ class =" certificate-image"
316+ src ={ es .certificados .qr }
317+ loading =" eager"
318+ decoding =" async"
319+ style =" width: 130px; height: 130px;"
320+ alt =" Imagen de certificado"
321+ />
322+ </a >
323+
321324 <a href ={ es .certificados .link } target =" _blank"
322325 >Enlace a los certificados</a
323326 >
@@ -333,7 +336,7 @@ const { currentLocale } = Astro;
333336 {
334337 es .referencias .map ((referencia ) => (
335338 <div class = " check_y border-b-2 border-dashed border-gray-300" >
336- <h3 class = " mt-4 mb-2 font-semibold " >
339+ <h3 class = " mt-2 mb-2 font-semibold " >
337340 { referencia .nombre + " - " + referencia .cargo }
338341 </h3 >
339342 <h4 class = " text-start ml-5" >
0 commit comments