767 lines
65 KiB
HTML
767 lines
65 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<title></title>
|
|
<link rel="stylesheet" href="dist/reveal.css" />
|
|
<link rel="stylesheet" href="dist/theme/black.css" id="theme" />
|
|
<link rel="stylesheet" href="plugin/highlight/monokai.css" />
|
|
<link rel="stylesheet" href="css/layout.css" />
|
|
<link rel="stylesheet" href="plugin/customcontrols/style.css">
|
|
|
|
|
|
|
|
<script defer src="dist/fontawesome/all.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var forgetPop = true;
|
|
function onPopState(event) {
|
|
if(forgetPop){
|
|
forgetPop = false;
|
|
} else {
|
|
parent.postMessage(event.target.location.href, "app://obsidian.md");
|
|
}
|
|
}
|
|
window.onpopstate = onPopState;
|
|
window.onmessage = event => {
|
|
if(event.data == "reload"){
|
|
window.document.location.reload();
|
|
}
|
|
forgetPop = true;
|
|
}
|
|
|
|
function fitElements(){
|
|
const itemsToFit = document.getElementsByClassName('fitText');
|
|
for (const item in itemsToFit) {
|
|
if (Object.hasOwnProperty.call(itemsToFit, item)) {
|
|
var element = itemsToFit[item];
|
|
fitElement(element,1, 1000);
|
|
element.classList.remove('fitText');
|
|
}
|
|
}
|
|
}
|
|
|
|
function fitElement(element, start, end){
|
|
|
|
let size = (end + start) / 2;
|
|
element.style.fontSize = `${size}px`;
|
|
|
|
if(Math.abs(start - end) < 1){
|
|
while(element.scrollHeight > element.offsetHeight){
|
|
size--;
|
|
element.style.fontSize = `${size}px`;
|
|
}
|
|
return;
|
|
}
|
|
|
|
if(element.scrollHeight > element.offsetHeight){
|
|
fitElement(element, start, size);
|
|
} else {
|
|
fitElement(element, size, end);
|
|
}
|
|
}
|
|
|
|
|
|
document.onreadystatechange = () => {
|
|
fitElements();
|
|
if (document.readyState === 'complete') {
|
|
if (window.location.href.indexOf("?export") != -1){
|
|
parent.postMessage(event.target.location.href, "app://obsidian.md");
|
|
}
|
|
if (window.location.href.indexOf("print-pdf") != -1){
|
|
let stateCheck = setInterval(() => {
|
|
clearInterval(stateCheck);
|
|
window.print();
|
|
}, 250);
|
|
}
|
|
}
|
|
};
|
|
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides"><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<style>
|
|
|
|
|
|
.rainbow {
|
|
margin-top: 0px;
|
|
margin-bottom: 10px;
|
|
font-family: sans-serif;
|
|
background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
# AWESOME <!-- .element: class="rainbow big" -->
|
|
# SELFHOSTED <!-- .element: class="rainbow big" -->
|
|
|
|
|
|
|
|
### Versión gratuita
|
|
|
|
<!-- .slide: class="has-dark-background" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
</div></script></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="drop" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Hola
|
|
|
|
Soy Edu, feliz navidad :)
|
|
</div>
|
|
|
|
<aside class="notes"><!-- .slide: class="has-dark-background" data-background-color="hsla(315, 100%, 50%, .1)" --></aside></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
### <span style="font-weight:bold; color:orange"> Tech Lead</span> en e-commerce
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250321185527.png" alt="" style="width: 200px; object-fit: fill">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
### Ex miembro
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250321185735.png" alt="" style="width: 200px; object-fit: fill">
|
|
</div></script></section></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Gracias
|
|
|
|
- ­<!-- .element: class="fragment" data-fragment-index="1" -->ASL
|
|
- ­<!-- .element: class="fragment" data-fragment-index="2" -->Universidad y patrocinadores
|
|
- ­<!-- .element: class="fragment" data-fragment-index="3" -->Redsys
|
|
- ­<!-- .element: class="fragment" data-fragment-index="4" -->Mis colegas
|
|
</div></script></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# ¿Qué vamos a aprender hoy?
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
## Crear servidor gratuito
|
|
|
|
- ­<!-- .element: class="fragment" data-fragment-index="1" -->Oracle
|
|
- ­<!-- .element: class="fragment" data-fragment-index="2" -->Otros
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
## Obtener dominio gratuito
|
|
|
|
- ­<!-- .element: class="fragment" data-fragment-index="1" -->Github Student Developer Pack
|
|
- ­<!-- .element: class="fragment" data-fragment-index="2" -->[.TECH | Dominio gratis 1 año](https://get.tech)
|
|
- ­<!-- .element: class="fragment" data-fragment-index="3" -->Hostinguer
|
|
- ­<!-- .element: class="fragment" data-fragment-index="4" -->[Hostinger | Dominio gratis 1 año](https://www.hostinger.com/es/dominios-gratis)
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
## Securizarlo
|
|
|
|
- ­<!-- .element: class="fragment" data-fragment-index="1" -->Acceso SSH
|
|
- ­<!-- .element: class="fragment" data-fragment-index="2" -->Cloudflare
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
## Desplegar cositas
|
|
|
|
- ­<!-- .element: class="rainbow fragment" data-fragment-index="1" -->**AWESOME SELFHOSTED**
|
|
- ­<!-- .element: class="fragment" data-fragment-index="2" -->Cualquier otro proyecto
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Servidor gratuito
|
|
|
|
## Oracle
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Captura de pantalla 2025-03-22 a las 12.33.50.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250328161536.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329080334.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329080509.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329080952.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081032.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081059.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081205.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081228.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081324.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329081916.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329082201.png" alt="" style="object-fit: scale-down">
|
|
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250329082225.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250330120951.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250330121022.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405174815.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405174921.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405174946.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405175020.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250330124144.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Servidor gratuito
|
|
|
|
## Otros
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331085203.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331090422.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Dominio gratuito
|
|
|
|
## Github Student Developer Pack
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331090657.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331090707.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331090820.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Securizar
|
|
|
|
## Servidor
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
`sudo sed -i -E 's/#?PasswordAuthentication (yes|no)/PasswordAuthentication no/' /etc/ssh/sshd_config && sudo systemctl restart sshd`
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Securizar
|
|
|
|
## Dominio
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Cloudflare
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412215520.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412215544.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412215632.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412215843.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412220110.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412221232.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406154614.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406154632.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331091728.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331091905.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331092002.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331092222.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331092401.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331092507.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331092816.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250331093059.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250404104758.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406192803.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Desplegar cositas
|
|
|
|
Configurar Cloudflare
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406193250.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406193319.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250330125936.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250330130009.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406193222.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# AWESOME <!-- .element: class="rainbow big" -->
|
|
# SELFHOSTED <!-- .element: class="rainbow big" -->
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405004641.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405004725.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405010057.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405010635.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405010716.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405012001.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# NGINX Proxy Manager
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405004925.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405004957.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405005304.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405005218.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405104557.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405105318.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405105848.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405174526.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405171836.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405173413.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405173441.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405173538.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405175840.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405173751.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Portainer
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405201527.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405201657.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405201814.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412224028.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405211031.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405211127.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250405211240.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406162631.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413000942.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413000923.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413001243.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406162709.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406162753.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250406162853.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Komga
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412232125.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412232146.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412232232.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413001913.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250412232509.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413001518.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413001629.png" alt="" style="object-fit: scale-down">
|
|
|
|
|
|
--
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413001956.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413104528.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413003420.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413003437.png" alt="" style="object-fit: scale-down">
|
|
|
|
|
|
--
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413003450.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413003500.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413004345.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413103953.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413104011.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section ><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
# Gitea
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413125921.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413130205.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413130334.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413130428.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
<img src="Extra/Adjuntos/Pasted image 20250413130637.png" alt="" style="object-fit: scale-down">
|
|
</div></script></section></section><section data-markdown><script type="text/template"><!-- .slide: class="has-dark-background drop" data-background-color="hsla(315, 100%, 50%, .1)" -->
|
|
<div class="" style="position: absolute; left: 0px; top: 0px; height: 700px; width: 960px; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center" absolute="true">
|
|
|
|
Gracias? Adios? Preguntas?
|
|
</div></script></section></div>
|
|
</div>
|
|
|
|
<script src="dist/reveal.js"></script>
|
|
|
|
<script src="plugin/markdown/markdown.js"></script>
|
|
<script src="plugin/highlight/highlight.js"></script>
|
|
<script src="plugin/zoom/zoom.js"></script>
|
|
<script src="plugin/notes/notes.js"></script>
|
|
<script src="plugin/math/math.js"></script>
|
|
<script src="plugin/mermaid/mermaid.js"></script>
|
|
<script src="plugin/chart/chart.min.js"></script>
|
|
<script src="plugin/chart/plugin.js"></script>
|
|
<script src="plugin/customcontrols/plugin.js"></script>
|
|
|
|
<script>
|
|
function extend() {
|
|
var target = {};
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
if (source.hasOwnProperty(key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
}
|
|
|
|
function isLight(color) {
|
|
let hex = color.replace('#', '');
|
|
|
|
// convert #fff => #ffffff
|
|
if(hex.length == 3){
|
|
hex = `${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`;
|
|
}
|
|
|
|
const c_r = parseInt(hex.substr(0, 2), 16);
|
|
const c_g = parseInt(hex.substr(2, 2), 16);
|
|
const c_b = parseInt(hex.substr(4, 2), 16);
|
|
const brightness = ((c_r * 299) + (c_g * 587) + (c_b * 114)) / 1000;
|
|
return brightness > 155;
|
|
}
|
|
|
|
var bgColor = getComputedStyle(document.documentElement).getPropertyValue('--r-background-color').trim();
|
|
var isLight = isLight(bgColor);
|
|
|
|
if(isLight){
|
|
document.body.classList.add('has-light-background');
|
|
} else {
|
|
document.body.classList.add('has-dark-background');
|
|
}
|
|
|
|
// default options to init reveal.js
|
|
var defaultOptions = {
|
|
controls: true,
|
|
progress: true,
|
|
history: true,
|
|
center: true,
|
|
transition: 'default', // none/fade/slide/convex/concave/zoom
|
|
plugins: [
|
|
RevealMarkdown,
|
|
RevealHighlight,
|
|
RevealZoom,
|
|
RevealNotes,
|
|
RevealMath.MathJax3,
|
|
RevealMermaid,
|
|
RevealChart,
|
|
RevealCustomControls,
|
|
],
|
|
|
|
|
|
allottedTime: 120 * 1000,
|
|
|
|
mathjax3: {
|
|
mathjax: 'plugin/math/mathjax/tex-mml-chtml.js',
|
|
},
|
|
markdown: {
|
|
gfm: true,
|
|
mangle: true,
|
|
pedantic: false,
|
|
smartLists: false,
|
|
smartypants: false,
|
|
},
|
|
|
|
mermaid: {
|
|
theme: isLight ? 'default' : 'dark',
|
|
},
|
|
|
|
customcontrols: {
|
|
controls: [
|
|
]
|
|
},
|
|
};
|
|
|
|
// options from URL query string
|
|
var queryOptions = Reveal().getQueryHash() || {};
|
|
|
|
var options = extend(defaultOptions, {"width":960,"height":700,"margin":0.04,"controls":true,"progress":true,"slideNumber":true,"transition":"slide","transitionSpeed":"default"}, queryOptions);
|
|
</script>
|
|
|
|
<script>
|
|
Reveal.initialize(options);
|
|
</script>
|
|
</body>
|
|
|
|
<!-- created with Advanced Slides -->
|
|
</html>
|