<!-- .slide: data-background-color="#008080" align="left" -->
<!-- .reveal strong: style="border: 10px solid red" -->
__Marco Contreras__
- [marco.contreras11@inacapmail.cl](mailto:marco.contreras11@inacapmail.cl)
__Mauro Valdivía__
- [mauro.valdivia@inacapmail.cl](mailto:mauro.valdivia@inacapmail.cl)
__Francisco Santander__
- [francisco.santander16@inacapmail.cl](mailto:francisco.santander16@inacapmail.cl)
---
<!-- .slide: data-background-color="#333366" -->
<div style="width:100%; height:100vh; overflow:hidden; margin:0; padding:0;">
<iframe
src="https://mc-herrera-90.github.io/ctr-monitor/"
style="
width:100%;
height:100%;
border:none;
display:block;
overflow: hidden;
"
></iframe>
</div>
---
<!-- .slide: data-transition="zoom" -->
<!-- .slide: data-background-color="#008080" -->
# _¿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="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-color="#222" style="font-size: 35px" -->
<style>
.hljs {
padding: 10px;
border-radius: 10px;
border: 4px solid #393939;
padding: 10px;
background: #333;
}
</style>
<i class="fa fa-check-circle" style="font-size: 90px; color: lightgreen"></i>
"Gestionamos la configuración con __buenas prácticas__ usando variables de entorno, evitando exponer información sensible"
```python [1-11|6|7|8|9|10] db.config
import os
from dotenv import load_dotenv
load_dotenv()
DB_CONFIG = {
"host": os.getenv("DB_HOST", "localhost"),
"user": os.getenv("DB_USER", "root"),
"password": os.getenv("DB_PASSWORD", "password"),
"database": os.getenv("DB_NAME", "links_db"),
"autocommit": False
}
```
<!-- .fragment: data-background-color="#94c8f9" style="border: 1px solid red" -->
---
<!-- .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/rknVqZrJ-l.png') center/contain no-repeat" data-background-color="#282c34" -->
---
<!-- .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":"_¿Cuál fue mi primer gran juego?_","breaks":true,"description":"<span class=\"fragment\" style=\"position: absolute; right: -10px; top: 20%\" data-fragment-index=\"1\">Marco Contreras</span><span class=\"fragment\" style=\"position: absolute; right: 105px; top: 38%\" data-fragment-index=\"2\">Level 34</span><span class=\"fragment\" style=\"position: absolute; right: 100px; top: 53%\" data-fragment-index=\"3\">La Serena</span><span class=\"fragment\" style=\"position: absolute; right: 660px; top: 53%\" data-fragment-index=\"4\">Retrogeek</span><span class=\"fragment\" style=\"position: absolute; right: 720px; top: 38%\" data-fragment-index=\"5\">Familia</span><span class=\"fragment\" style=\"position: absolute; right: 660px; top: 20%\" data-fragment-index=\"6\">Padre orgulloso</span>","contributors":"[{\"id\":\"8c3cebe9-e2a8-4ac5-b219-2e54412822a9\",\"add\":28131,\"del\":28977,\"latestUpdatedAt\":1762458812317}]"}