<!-- .slide: data-background-color="#ffffff" -->
<!--
fragment:
- fade-in
- fade-out
- grow
- shrink
- fade-up
- fade-down
- fade-left
- fade-right
- zoom-in
-->
### ¿Quién soy?
<hr>
<h4 class="fragment fade-down" data-fragment-index="1">Marco Contreras</h4>
<hr>
<div style="display: flex; justify-content: center; gap: 50px">
<span class="fragment fade-right" data-fragment-index="2">Full Stack Developer</span>
.
<span class="fragment fade-left" data-fragment-index="5">Padre Orgulloso</span>
</div>
<img src="https://hackmd.io/_uploads/rkOoQmDulg.jpg" width="250" style="border-radius: 50%; border: 8px solid #ccc;"/>
<!-- .element: class="fragment zoom-in" data-fragment-index="7" -->
<div style="display: flex; justify-content: center; gap: 50px">
<span class="fragment fade-right" data-fragment-index="4">Arquitecto Cloud</span>
.
<span class="fragment fade-left" data-fragment-index="3">Retrogeek de corazón</span>
</div>
---
<!-- .slide: data-background-transition="fade" data-background-color="#181a21" -->
<h3 style="color:#fff;">Perfil técnico</h3>
<small><i class="fa fa-code" style="color: #f0db4f; vertical-align: middle;"></i> <code style="color: #fff">data/author.js</code></small>
<pre data-id="code-animation-event"><code class="hljs javascript rounded" data-trim data-line-numbers="1|2-4|5-14|15-21|22-29|30-32|34-39|40-42|43-47|48" style="border: 2px solid #333; background: #0c131c">
const profile = {
fullname: "Marco Antonio Herrera",
alias: "@mcherrera",
country: "Chile",
website: "https://mcherrera.dev",
role: "Full Stack Developer & Cloud Architect",
experience: {
years: 5,
focus: [
"Desarrollo web moderno",
"Arquitectura Cloud y DevOps",
"Integraciones API y seguridad"
]
},
stack: {
frontend: [
"React", "Next.js", "Vue", "TypeScript", "TailwindCSS"
],
backend: [
"Node.js", "Express", "NestJS", "Python (FastAPI, Django)"
],
databases: [
"PostgreSQL", "MongoDB", "MySQL", "Redis", "SQLite"
],
cloud: [
"AWS (EC2, S3, Lambda, RDS)",
"Docker & Kubernetes",
"CI/CD con GitHub Actions"
],
tools: [
"Git", "Vite", "Nginx", "Jenkins", "NGROK", "VS Code"
]
},
philosophy: [
"Código limpio y mantenible",
"Automatizar antes que repetir",
"Diseño centrado en el usuario",
"Aprender, construir y compartir"
],
interests: [
"Cloud", "AI", "Open Source", "IoT", "Software Architecture"
],
hobbies: [
"🎸 Escuchar Metallica",
"☕ Café + Código",
"💾 Cultura retrogeek & coleccionismo tech"
],
availability: true
};
</code></pre>
---
<!-- .slide: data-background-color="#008080" -->
# _Retrogeek_
<!-- .element: class="fragment highlight-current-green" data-fragment-index="1" -->
# <span style="display:inline-block; animation: jump 1s ease-in-out infinite;">👾</span>
<style>
@keyframes jump {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-15px); }
}
</style>
---
<!-- .slide: data-transition="zoom" data-background-color="#008080" -->
<!-- .slide: -->
# _¿Cuál fue mi primer gran juego?_
---
<!-- .slide: data-transition="fade-in convex-out" -->
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url('https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/001/168/879/datas/original.png') center/100% 100% no-repeat" -->
<!-- .element: class="fragment grow" data-fragment-index="1" -->
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url('https://raw.githubusercontent.com/EniDev911/public-assets/refs/heads/main/png/retros/college-rts.png') center/cover no-repeat" -->
<span class="fragment"></span>
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url('https://raw.githubusercontent.com/EniDev911/public-assets/refs/heads/main/png/retros/catalogo-rts-comandos-starcraft-starwars-homeword-redalert2.png') center/cover no-repeat" -->
---
<!-- .slide: data-background-color="#333" -->
<img src="https://hackmd.io/_uploads/BJpk_7EFxg.jpg" style="border-radius: 10px; border: 8px solid #ccc" />
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url('https://wow.zamimg.com/uploads/screenshots/normal/875690.jpg') center/cover no-repeat" -->
## **El inicio de la aventura**
*"El despertar de la curiosidad"*
---
{%youtube iOdTeT1xUQQ %}
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url('https://i.blogs.es/882519/1366_2000-5-/1366_2000.jpg') center/cover no-repeat" -->
<span class="fragment"></span> <span class="fragment"></span>
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url('https://c4.wallpaperflare.com/wallpaper/284/884/891/warcraft-iii-reforged-blizzard-entertainment-warcraft-hd-wallpaper-preview.jpg') center/cover no-repeat" -->
<span class="fragment">
<img src="https://i.ytimg.com/vi/VnFIaYGimoY/maxresdefault.jpg" height="200" width="200" style="transform: translate(-150%, -250%); object-fit: cover"/></span>
<span class="fragment" style="padding: 0">
<img src="https://hackmd.io/_uploads/HJgZT4Vteg.png" style="position: absolute; bottom: 150px; right: 100px; object-fit: cover; padding: 0; margin: 0; border-radius: 8px; border: 5px solid #fff"/></span>
---
<!-- .slide: data-background-image="https://images8.alphacoders.com/963/thumb-1920-963946.png" data-background-color="#303" data-background-opacity="0.5" -->
_Just Another Scripting Syntax_
---
<!-- .slide: data-background-image="https://images8.alphacoders.com/963/thumb-1920-963946.png" data-background-color="#000" data-background-opacity="0.3" -->
*"Solo quería hacer que mi héroe lanzara hechizos... y sin darme cuenta, estaba lanzando código"*
```vb [1,9|2|3-4|5,8|6|7]
function Trig_JASS_test_Actions takes nothing returns nothing
local string array a
set a[0]="0 zero "
set a[1]="1 one "
call DisplayTextToForce(
GetPlayersAll(),
" Concatenar valores: "+a[0]+a[1]
)
endfunction
```
<!-- .element: style="border-radius: 10px; border: 4px solid #393939" data-background-color="#000" -->
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://hackmd.io/_uploads/S1Z_7u-tll.png') center/contain no-repeat" data-background-color="#94c8f9" -->
---
<!-- .slide: data-background-image="http://i.giphy.com/90F8aUepslB84.gif" -->
---
<!-- .slide: data-background-video="https://enidev911.github.io/public-assets/videos/wow-classic-login.mp4" data-background-video-loop data-background-video-muted -->
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url('https://i.pinimg.com/originals/e7/b3/53/e7b3532c4ba511dbda8173741793a3fe.gif') center/cover no-repeat" style="font-size: 30px; color: #7ff;" -->
## El momento de la tentación
*"El poder siempre tiene un precio..." — Arthas Menethil*
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url('https://raw.githubusercontent.com/EniDev911/public-assets/refs/heads/main/png/servicio-militar.png') center/cover no-repeat" -->
<span class="fragment"></span>
---
<!-- .slide: data-background-color="#44f" -->
# _Familia_
<!-- .element: class="fragment highlight-blue" data-fragment-index="1" -->
## <span style="display:inline-block; animation: bounce 1s infinite;">💖</span> 👨👩👧👦
<style>
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
</style>
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url('https://raw.githubusercontent.com/EniDev911/public-assets/refs/heads/main/png/mamita.png') center/cover no-repeat" style="font-size: 30px; color: #7ff;" -->
---
<!-- .slide: data-background-video="https://enidev911.github.io/public-assets/videos/madre-mia-dj-mendez.mp4" data-background-video-loop data-background-video-muted -->
---
<!-- .slide: data-background="linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url('https://raw.githubusercontent.com/EniDev911/public-assets/refs/heads/main/png/hermanos.png') center/cover no-repeat" style="font-size: 30px; color: #7ff;" -->
---
<!-- .slide: data-background-color="#191919" data-background-opacity="0.5"-->
   
---
   
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#ff0264" data-background-opacity="0.5"-->
  
---
<!-- slide: data-background-image="https://bnetcmsus-a.akamaihd.net/cms/gallery/6U4AE8J2GTHA1547149260530.jpg" -->
## **La redención**
*"Recuerda, Arthas, la verdadera victoria no está en la fuerza... sino en el honor de cómo la usas"* — Uther, el Iluminado
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" -->
---
<!-- .slide: data-background="url('https://i.gifer.com/13Gx.gif') center/cover" -->
<h2 style="color: #fff;-webkit-text-stroke: 1px #000000; font-size: 105px; backdrop-filter: blur(15px); border-radius: 10px; font-style: italic; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);">
¡Gracias por escuchar!
</h2>
{"title":"mcherrera-presentacion","slideOptions":"{\"theme\":\"blood\"}","description":"pintball","contributors":"[{\"id\":\"8c3cebe9-e2a8-4ac5-b219-2e54412822a9\",\"add\":10968,\"del\":167,\"latestUpdatedAt\":1762831218262}]"}