Skip to content

Update about me & piano chords (#145) * add new project * nowadays #146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zackproject merged 1 commit into from
Nov 15, 2025
Merged

Update about me & piano chords (#145) * add new project * nowadays #146

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions sitemap.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
</url>
<url>
<loc>https://www.zksama.com/navidad</loc>
<lastmod>2024-10-10</lastmod>
<lastmod>2025-11-13</lastmod>
<priority>0.8</priority>
</url>
<url>
Expand All @@ -18,7 +18,7 @@
</url>
<url>
<loc>https://www.zksama.com/sobre-mi</loc>
<lastmod>2024-09-06</lastmod>
<lastmod>2025-11-13</lastmod>
<priority>0.8</priority>
</url>
<url>
Expand Down
Binary file added sobre-mi/images/pucra.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 12 additions & 1 deletion sobre-mi/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,17 @@ body {
margin: 0;
padding: 0px;
}
.underline-link {
text-decoration: underline;
text-underline-offset: 5px;
color: #c9d1d9;
transition: all 0.5s;
white-space: nowrap;
&&:hover {
color: #58a6ff;
text-underline-offset: 2px;
}
}

header {
position: fixed;
Expand Down Expand Up @@ -579,7 +590,7 @@ h3 {

span {
position: absolute;
bottom: -20px;
bottom: -30px;
left: -10px;
font-size: 14px;
text-align: center;
Expand Down
76 changes: 72 additions & 4 deletions sobre-mi/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,16 @@ <h2 style="margin: 0px">Calendario Navidad 25</h2>
<strong>Desarrollador Full-Stack Web </strong> &
<strong>Mobile</strong>
apasionado por crear interfaces inclusivas y accesibles. He
lanzado apps y webs útiles y entretenidas, como Mi Rotativo y +10
juegos web educativos en <a href="/">zksama.com</a>
lanzado apps y webs útiles y entretenidas, como
<a
href="https://www.zksama.com/mi-rotativo"
class="underline-link"
>Mi Rotativo</a
>
y +10 juegos web en
<a href="https://www.zksama.com/" class="underline-link"
>zksama.com</a
>
</p>
</div>
</div>
Expand Down Expand Up @@ -181,7 +189,7 @@ <h3>FCC Medio Ambiente</h3>
Realizo tareas logísticas de oficina y desarrollé la app
<a
href="https://www.zksama.com/mi-rotativo"
style="color: white"
class="underline-link"
>Mi Rotativo</a
>
para gestionar turnos rotativos para IOS y Android.
Expand Down Expand Up @@ -627,6 +635,66 @@ <h3>Mi Rotativo App</h3>
</div>
</div>
</article>
<article class="project">
<img
height="250"
width="375"
src="./images/pucra.webp"
alt="Web de la asociación de robótica PUCRA."
/>
<div class="aside-project">
<h3>Web de PUCRA - EBEE</h3>
<ul class="project-icons">
<li>
<img
src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg"
alt="html5 logo"
title="html5"
/>
<span>HTML5 </span>
</li>
<li>
<img
src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg"
alt="css3 logo"
title="css"
/>
<span>CSS</span>
</li>
<li>
<img
src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg"
alt="javascript logo"
title="javascript"
/>
<span>Javascript</span>
</li>
</ul>
<p>
Estoy colaborando con la asociación de robótica PUCRA en el rediseño
completo de su web. Aplicando Screaming Architecture para mejorar la
organización del código, añadiendo un sistema de traducción en
frontend con js vanilla y renovando el diseño con un enfoque más
adaptado a su target.
</p>
<div class="btn-project">
<a
href="https://pucra.upc.edu/"
target="_blank"
class="btn-social-network"
title="Ir a la web"
>
<img
height="25"
width="25"
alt="Logo web"
src="https://img.icons8.com/?size=25&id=59826&format=png&color=FFFFFF"
/>
<span>Página Web</span>
</a>
</div>
</div>
</article>
<article class="project">
<img
height="250"
Expand Down Expand Up @@ -1293,7 +1361,7 @@ <h3>Level Intermediate B2</h3>
onclick="easterEgg()"
>
<img src="./images/note.svg" height="45" width="30" alt="Nota" />
<span aria-hidden="true">¡Púlsame!</span>
<span aria-hidden="true">¡Púlsame mucho!</span>
</button>

<a
Expand Down