From 8eac45c1e831da48bc516761ab986bc56f116489 Mon Sep 17 00:00:00 2001
From: KJ <webmaster@outcontrol.net>
Date: Fri, 6 Sep 2024 22:32:18 -0400
Subject: [PATCH] Update html.

---
 starting-manual.html | 598 +++++++++++++++++++++----------------------
 1 file changed, 285 insertions(+), 313 deletions(-)
diff --git a/starting-manual.html b/starting-manual.html
index 19eace3..63d1312 100644
--- a/starting-manual.html
+++ b/starting-manual.html
@@ -3,13 +3,13 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2024-06-03 lun 15:35 -->
+<!-- 2024-09-06 vie 22:27 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Duckbrain - Manual de inicio</title>
 <meta name="author" content="KJ" />
 <meta name="generator" content="Org Mode" />
-<style>
+<style type="text/css">
   #content { max-width: 60em; margin: auto; }
   .title  { text-align: center;
              margin-bottom: .2em; }
@@ -219,57 +219,56 @@ $(function() {    $('.note').before("<p class='admonition-title note'>Note</p>")
 <h2>Table of Contents</h2>
 <div id="text-table-of-contents" role="doc-toc">
 <ul>
-<li><a href="#orgf5a49e8">1. Introducción</a>
+<li><a href="#orgff88075">1. Introducción</a>
 <ul>
-<li><a href="#org9211228">1.1. Estructura de archivos de Duckbrain</a>
+<li><a href="#org795fd1c">1.1. Estructura de archivos de Duckbrain</a>
 <ul>
-<li><a href="#org94b4f36">1.1.1. Carpeta src</a></li>
-<li><a href="#orge7ed3b0">1.1.2. Carpetas: Controllers, Libs,  Models, Middlewares, Views y Routers</a></li>
-<li><a href="#org3566a64">1.1.3. Los archivos en la raíz</a></li>
-<li><a href="#org12986e9">1.1.4. Los archivos en la carpeta Libs</a></li>
+<li><a href="#org456be52">1.1.1. Carpeta src</a></li>
+<li><a href="#orga881685">1.1.2. Carpetas: Controllers, Libs,  Models, Middlewares, Views y Routers</a></li>
+<li><a href="#org9ae97f2">1.1.3. Los archivos en la raíz</a></li>
+<li><a href="#org36cd8ca">1.1.4. Los archivos en la carpeta Libs</a></li>
 </ul>
 </li>
-<li><a href="#org1021ee8">1.2. Comprendiendo el arranque del sistema</a></li>
-<li><a href="#orgf021070">1.3. Extra: Namespaces</a></li>
+<li><a href="#org8700146">1.2. Comprendiendo el arranque del sistema</a></li>
+<li><a href="#org16ddd15">1.3. Extra: Namespaces</a></li>
 </ul>
 </li>
-<li><a href="#orgeb83d89">2. Primeros pasos</a>
+<li><a href="#org3df3d6f">2. Primeros pasos</a>
 <ul>
-<li><a href="#orgf083058">2.1. Usando un Webserver para el desarrollo</a></li>
-<li><a href="#org813e6a3">2.2. Hola mundo</a>
+<li><a href="#org90dad41">2.1. Usando un Webserver para el desarrollo</a></li>
+<li><a href="#orge6c60ce">2.2. Hola mundo</a>
 <ul>
-<li><a href="#org7c695bd">2.2.1. Explicación del código del hola mundo</a></li>
+<li><a href="#org5e488a9">2.2.1. Explicación del código del hola mundo</a></li>
 </ul>
 </li>
 </ul>
 </li>
-<li><a href="#orgfba345b">3. Mi primera aplicación</a>
+<li><a href="#org7b80160">3. Mi primera aplicación</a>
 <ul>
-<li><a href="#org44211a2">3.1. Definición del proyecto</a></li>
-<li><a href="#org25292f2">3.2. Base de datos</a>
+<li><a href="#orgb47bd15">3.1. Definición del proyecto</a></li>
+<li><a href="#org9bcdc65">3.2. Base de datos</a>
 <ul>
-<li><a href="#org464ecc8">3.2.1. Configuración de Duckbrain para la base de datos</a></li>
+<li><a href="#org3cafd47">3.2.1. Configuración de Duckbrain para la base de datos</a></li>
 </ul>
 </li>
-<li><a href="#orgb4e9c5a">3.3. Modelos</a></li>
-<li><a href="#org0bc266b">3.4. Creando vistas</a></li>
-<li><a href="#org9401ef4">3.5. Mostrando el formulario</a>
+<li><a href="#org08d56f2">3.3. Modelos</a></li>
+<li><a href="#org600dacb">3.4. Creando vistas</a></li>
+<li><a href="#org431ee7b">3.5. Mostrando el formulario</a>
 <ul>
-<li><a href="#org65729da">3.5.1. Extra: Explicación del tipo callable</a></li>
+<li><a href="#orgdfd194e">3.5.1. Extra: Explicación del tipo callable</a></li>
 </ul>
 </li>
-<li><a href="#org31cfc05">3.6. Creando la nota encriptada</a></li>
-<li><a href="#org657d3c4">3.7. Recta final: Desencriptando y mostrando las notas</a></li>
-<li><a href="#org79ac1be">3.8. Repositorio</a></li>
+<li><a href="#orgc3939ab">3.6. Creando la nota encriptada</a></li>
+<li><a href="#org6e0596b">3.7. Recta final: Desencriptando y mostrando las notas</a></li>
+<li><a href="#org55ccc03">3.8. Repositorio</a></li>
 </ul>
 </li>
-<li><a href="#orgaadf047">4. Contacto</a></li>
+<li><a href="#org6cba074">4. Contacto</a></li>
 </ul>
 </div>
 </div>
-
-<div id="outline-container-orgf5a49e8" class="outline-2">
-<h2 id="orgf5a49e8"><span class="section-number-2">1.</span> Introducción</h2>
+<div id="outline-container-orgff88075" class="outline-2">
+<h2 id="orgff88075"><span class="section-number-2">1.</span> Introducción</h2>
 <div class="outline-text-2" id="text-1">
 <p>
 <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a> es un conjunto de librerías creadas especialmente pensando en hacer algo simple, que cualquiera pueda deshacer y rearmar fácilmente.
@@ -283,12 +282,11 @@ Gracias a esa versatilidad, puedes usarlo cualquier proyecto, pero por ello debe
 Otro punto fuerte que puedo dar de esta herramienta, es que te puede ser tremendamente útil si estás comenzando, ya que al ser tan pequeño y modificable, es más sencillo que lo comprendas y esto más adelante te ayudará a comprender cosas más grandes.
 </p>
 </div>
-
-<div id="outline-container-org9211228" class="outline-3">
-<h3 id="org9211228"><span class="section-number-3">1.1.</span> Estructura de archivos de Duckbrain</h3>
+<div id="outline-container-org795fd1c" class="outline-3">
+<h3 id="org795fd1c"><span class="section-number-3">1.1.</span> Estructura de archivos de Duckbrain</h3>
 <div class="outline-text-3" id="text-1-1">
 <p>
-Al entrar a la carpeta de Duckbrain encontrarás esta estructura de archivos (ignoramos el readme.org porque no es necesario).
+Al entrar a la carpeta de Duckbrain encontrarás esta estructura de archivos (ignoramos el readme.org por obvias razones).
 </p>
 
 <div class="org-src-container">
@@ -317,43 +315,36 @@ Al entrar a la carpeta de Duckbrain encontrarás esta estructura de archivos (ig
 Primero veamos las carpetas y luego los archivos:
 </p>
 </div>
-
-<div id="outline-container-org94b4f36" class="outline-4">
-<h4 id="org94b4f36"><span class="section-number-4">1.1.1.</span> Carpeta src</h4>
+<div id="outline-container-org456be52" class="outline-4">
+<h4 id="org456be52"><span class="section-number-4">1.1.1.</span> Carpeta src</h4>
 <div class="outline-text-4" id="text-1-1-1">
 <p>
-En esta carpeta se encuentra todo el código PHP.
-</p>
-
-<p>
-Como todo en <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a>, esta ruta se puede cambiar editando una variable en el archivo <code>index.php</code>.
+En esta carpeta se encuentra todo el código PHP de lo que será nuestro proyecto. Es posible cambiarle el nombre/ruta a gusto, como te darás cuenta más adelante.
 </p>
 </div>
 </div>
-
-<div id="outline-container-orge7ed3b0" class="outline-4">
-<h4 id="orge7ed3b0"><span class="section-number-4">1.1.2.</span> Carpetas: Controllers, Libs,  Models, Middlewares, Views y Routers</h4>
+<div id="outline-container-orga881685" class="outline-4">
+<h4 id="orga881685"><span class="section-number-4">1.1.2.</span> Carpetas: Controllers, Libs,  Models, Middlewares, Views y Routers</h4>
 <div class="outline-text-4" id="text-1-1-2">
 <p>
-Si sabes de estructuras de diseño, el nombre de estas carpetas ya te debe quedar claro qué va en cada una de ellas, puesto que en el nombre de la carpeta dice lo que va a ir dentro.
+Si sabes de estructuras de diseño, ya te debe quedar claro qué va en cada una de estas carpetas, puesto que en el nombre de las mismas lo indica.
 </p>
 
 <p>
-Si no sabes que es un Model, un Middleware, Controller, etc. entonces requieres buscar ahora mismo lo que es una arquitectura de diseño de software y leerte al menos en qué consiste la arquitectura de MVC, ya que es una arquitectura simple y la que usaremos más adelante en este manual.
+Si no sabes que es un Model, un Middleware, Controller, etc. entonces requieres buscar ahora mismo lo que es una arquitectura de diseño de software y leerte al menos en qué consiste la arquitectura de MVC, ya que es una arquitectura simple y la que usaremos más adelante en este manual. Si lo comprendes, solo sigue leyendo.
 </p>
 
 <p>
-Al igual que con la carpeta <code>src</code>, todo lo puedes cambiar y colocar otra estructura de carpetas y las únicas que requerirían algún tipo de edición de archivos serían las carpetas <code>Views</code> y <code>Router</code> que se editarían en el archivo <code>src/Libs/View.php</code> y el archivo <code>index.php</code> respectivamente. Las demás carpetas las puedes borrar cuando quieras y usar otra estructura, pero por lo pronto no lo hagas al menos hasta que hayas pasado la sección <a href="#orgfba345b">Mi primera aplicación</a> que es cuando ya habrías leído y, con algo de suerte y pericia, asimilado los conocimientos necesarios para hacer lo que te de la gana con este ser de librería al punto de que ya le podrás colocar las tuyas propias, le borrarás alguna de las que viene por defecto porque no la necesites o incluso crees una versión extendida de las que viene por defecto para poder añadirle alguna mejora que necesites.
+Al igual que con la carpeta <code>src</code>, todo lo puedes cambiar y colocar otra estructura de carpetas y las únicas que requerirían algún tipo de edición de archivos serían las carpetas <code>Views</code> y <code>Router</code> que se editarían en el archivo <code>src/Libs/View.php</code> y el archivo <code>index.php</code> respectivamente. Las demás carpetas las puedes borrar cuando quieras y usar otra estructura, pero por lo pronto no lo hagas al menos hasta que hayas pasado la sección <a href="#org7b80160">Mi primera aplicación</a> que es cuando ya habrías leído y, con algo de suerte y pericia, asimilado los conocimientos necesarios para hacer lo que te de la gana con este ser de librería al punto de que ya le podrás colocar las tuyas propias, le borrarás alguna de las que viene por defecto porque no la necesites o incluso crees una versión extendida de las que viene por defecto para poder añadirle alguna mejora que necesites.
 </p>
 
 <p>
-Desde luego, si eres un ansias y ya has programado antes en alguna arquitectura de diseño como DDD, MVC, TDD, EDD, etc. y manejas decentemente PHP, con que te leas el código del archivo <code>index.php</code> (son solo 20 líneas de código) te deberá bastar y puedes saltarte el resto del este manual y guiarte de ahora en adelante con la documentación API de las librerías.
+Desde luego, si eres un ansias y ya has programado antes en alguna arquitectura de diseño como DDD, MVC, TDD, EDD, etc. y manejas decentemente PHP, con que te leas el código del archivo <code>index.php</code> (son solo 20 líneas de código) te deberá bastar y puedes saltarte el resto del este manual y guiarte de ahora en adelante con la documentación de los comentarios (docblocks) de las librerías.
 </p>
 </div>
 </div>
-
-<div id="outline-container-org3566a64" class="outline-4">
-<h4 id="org3566a64"><span class="section-number-4">1.1.3.</span> Los archivos en la raíz</h4>
+<div id="outline-container-org9ae97f2" class="outline-4">
+<h4 id="org9ae97f2"><span class="section-number-4">1.1.3.</span> Los archivos en la raíz</h4>
 <div class="outline-text-4" id="text-1-1-3">
 <p>
 El <code>.htaccess</code> es un archivo que te será útil si usas apache o algún otro servidor web que use estos archivos. Contiene una configuración especial para que funcionen las <b>rutas virtuales</b>, o sea, para que podamos crear una ruta tipo <code>mitsitio.com/mi-ruta-virtual/</code> a pesar de que la carpeta <code>mi-ruta-virtual</code> no exista.
@@ -364,8 +355,8 @@ En caso de que uses nginx, debes configurar el webserver con la regla equivalent
 </p>
 
 <div class="org-src-container">
-<pre class="src src-nginx"><span style="color: #ad45ba; font-weight: bold;">location</span> <span style="color: #5165e4;">/</span> {
-    <span style="color: #ad45ba; font-weight: bold;">try_files</span> <span style="color: #3f6faf;">$uri</span> <span style="color: #3f6faf;">$uri</span>/ ./index.php<span style="color: #3f6faf;">$args</span>;
+<pre class="src src-nginx"><span style="color: #A52A2A; font-weight: bold;">location</span> <span style="color: #00578E; font-weight: bold;">/</span> {
+    <span style="color: #A52A2A; font-weight: bold;">try_files</span> <span style="color: #0084C8; font-weight: bold;">$uri</span> <span style="color: #0084C8; font-weight: bold;">$uri</span>/ ./index.php<span style="color: #0084C8; font-weight: bold;">$args</span>;
 }
 </pre>
 </div>
@@ -379,9 +370,8 @@ El archivo <code>config.php</code>, como su nombre indica, es el archivo para co
 </p>
 </div>
 </div>
-
-<div id="outline-container-org12986e9" class="outline-4">
-<h4 id="org12986e9"><span class="section-number-4">1.1.4.</span> Los archivos en la carpeta Libs</h4>
+<div id="outline-container-org36cd8ca" class="outline-4">
+<h4 id="org36cd8ca"><span class="section-number-4">1.1.4.</span> Los archivos en la carpeta Libs</h4>
 <div class="outline-text-4" id="text-1-1-4">
 <p>
 Son básicamente librerías, cada una tiene como nombre lo que hace, no tiene mucho misterio y al igual que antes con las carpetas, si sabes algo de diseño, con leer el nombre de las mismas te debería bastar para saber lo que hacen. Si no lo entiendes, sigue leyendo el manual que hablaremos de casi todas poco a poco.
@@ -389,9 +379,8 @@ Son básicamente librerías, cada una tiene como nombre lo que hace, no tiene mu
 </div>
 </div>
 </div>
-
-<div id="outline-container-org1021ee8" class="outline-3">
-<h3 id="org1021ee8"><span class="section-number-3">1.2.</span> Comprendiendo el arranque del sistema</h3>
+<div id="outline-container-org8700146" class="outline-3">
+<h3 id="org8700146"><span class="section-number-3">1.2.</span> Comprendiendo el arranque del sistema</h3>
 <div class="outline-text-3" id="text-1-2">
 <p>
 Como la intención de este manual es que comprendas <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a> y no solo seas un robot que copia y pega de la documentación, vamos a calentar comprendiendo el código que lo arranca.
@@ -410,7 +399,7 @@ Primero intenta comprobar si el fichero "hola" existe en la ruta a la que se des
 </p>
 
 <p>
-Si llega hasta la tercera opción decimos que es una <b>ruta virtual</b> (lo que mencionamos en <a href="#org3566a64">Los archivos en la raiz</a>), porque devolveremos algo desde el PHP simulando un archivo o una carpeta, a pesar de que esa ruta realmente no existe ni como fichero ni como carpeta.
+Si llega hasta la tercera opción decimos que es una <b>ruta virtual</b> (lo que mencionamos en <a href="#org9ae97f2">Los archivos en la raiz</a>), porque devolveremos algo desde el PHP simulando un archivo o una carpeta, a pesar de que esa ruta realmente no existe ni como fichero ni como carpeta.
 </p>
 
 <p>
@@ -418,7 +407,7 @@ Ahora veamos que hace <code>index.php</code>, en la primera línea nos dice esto
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">require_once</span>(<span style="color: #007f6f;">'config.php'</span>);
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">require_once</span>(<span style="color: #4E9A06;">'config.php'</span>);
 </pre>
 </div>
 
@@ -427,8 +416,8 @@ Aquí carga el archivo <code>config.php</code>, o sea, carga la configuración.
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php">define(<span style="color: #007f6f;">'ROOT_DIR'</span>, <span style="color: #705ae3; font-weight: bold;">__DIR__</span>);
-define(<span style="color: #007f6f;">'ROOT_CORE'</span>, <span style="color: #c035aa;">ROOT_DIR</span>.<span style="color: #007f6f;">'/src'</span>);
+<pre class="src src-php">define(<span style="color: #4E9A06;">'ROOT_DIR'</span>, <span style="color: #A020F0;">__DIR__</span>);
+define(<span style="color: #4E9A06;">'ROOT_CORE'</span>, <span style="color: #F5666D;">ROOT_DIR</span>.<span style="color: #4E9A06;">'/src'</span>);
 </pre>
 </div>
 
@@ -437,14 +426,14 @@ Se está definiendo una constante <code>ROOT_DIR</code> que contiene como valor
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php">spl_autoload_register(<span style="color: #ad45ba; font-weight: bold;">function</span> ($<span style="color: #3f6faf;">className</span>) {
-    $<span style="color: #3f6faf;">fp</span> = str_replace(<span style="color: #007f6f;">'</span><span style="color: #5165e4;">\</span><span style="color: #c3303a;">\</span><span style="color: #007f6f;">'</span>,<span style="color: #007f6f;">'/'</span>,$<span style="color: #3f6faf;">className</span>);
-    $<span style="color: #3f6faf;">name</span> = basename($<span style="color: #3f6faf;">fp</span>);
-    $<span style="color: #3f6faf;">dir</span>  = dirname($<span style="color: #3f6faf;">fp</span>);
-    $<span style="color: #3f6faf;">file</span> = <span style="color: #c035aa;">ROOT_CORE</span>.<span style="color: #007f6f;">'/'</span>.$<span style="color: #3f6faf;">dir</span>.<span style="color: #007f6f;">'/'</span>.$<span style="color: #3f6faf;">name</span>.<span style="color: #007f6f;">'.php'</span>;
-    <span style="color: #ad45ba; font-weight: bold;">if</span> (file_exists($<span style="color: #3f6faf;">file</span>)) {
-        <span style="color: #ad45ba; font-weight: bold;">require_once</span> $<span style="color: #3f6faf;">file</span>;
-        <span style="color: #ad45ba; font-weight: bold;">return</span>;
+<pre class="src src-php">spl_autoload_register(<span style="color: #A52A2A; font-weight: bold;">function</span> ($<span style="color: #0084C8; font-weight: bold;">className</span>) {
+    $<span style="color: #0084C8; font-weight: bold;">fp</span> = str_replace(<span style="color: #4E9A06;">'</span><span style="color: #4E9A06; font-weight: bold;">\</span><span style="color: #4E9A06; font-weight: bold;">\</span><span style="color: #4E9A06;">'</span>,<span style="color: #4E9A06;">'/'</span>,$<span style="color: #0084C8; font-weight: bold;">className</span>);
+    $<span style="color: #0084C8; font-weight: bold;">name</span> = basename($<span style="color: #0084C8; font-weight: bold;">fp</span>);
+    $<span style="color: #0084C8; font-weight: bold;">dir</span>  = dirname($<span style="color: #0084C8; font-weight: bold;">fp</span>);
+    $<span style="color: #0084C8; font-weight: bold;">file</span> = <span style="color: #F5666D;">ROOT_CORE</span>.<span style="color: #4E9A06;">'/'</span>.$<span style="color: #0084C8; font-weight: bold;">dir</span>.<span style="color: #4E9A06;">'/'</span>.$<span style="color: #0084C8; font-weight: bold;">name</span>.<span style="color: #4E9A06;">'.php'</span>;
+    <span style="color: #A52A2A; font-weight: bold;">if</span> (file_exists($<span style="color: #0084C8; font-weight: bold;">file</span>)) {
+        <span style="color: #A52A2A; font-weight: bold;">require_once</span> $<span style="color: #0084C8; font-weight: bold;">file</span>;
+        <span style="color: #A52A2A; font-weight: bold;">return</span>;
     }
 });
 </pre>
@@ -463,13 +452,13 @@ Si aún no lo entendiste, no pierdas tiempo releyendo el párrafo anterior, en s
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php">$<span style="color: #3f6faf;">routers</span> = glob(<span style="color: #c035aa;">ROOT_CORE</span>.<span style="color: #007f6f;">'/Routers/*.php'</span>);
+<pre class="src src-php">$<span style="color: #0084C8; font-weight: bold;">routers</span> = glob(<span style="color: #F5666D;">ROOT_CORE</span>.<span style="color: #4E9A06;">'/Routers/*.php'</span>);
 
-<span style="color: #ad45ba; font-weight: bold;">foreach</span>($<span style="color: #3f6faf;">routers</span> <span style="color: #ad45ba; font-weight: bold;">as</span> $<span style="color: #3f6faf;">file</span>){
-    <span style="color: #ad45ba; font-weight: bold;">require_once</span>($<span style="color: #3f6faf;">file</span>);
+<span style="color: #A52A2A; font-weight: bold;">foreach</span>($<span style="color: #0084C8; font-weight: bold;">routers</span> <span style="color: #A52A2A; font-weight: bold;">as</span> $<span style="color: #0084C8; font-weight: bold;">file</span>){
+    <span style="color: #A52A2A; font-weight: bold;">require_once</span>($<span style="color: #0084C8; font-weight: bold;">file</span>);
 }
 
-<span style="color: #c035aa;">\Libs\Router</span>::apply();
+<span style="color: #F5666D;">\Libs\Router</span>::apply();
 </pre>
 </div>
 
@@ -486,9 +475,8 @@ Nótese que lo que ha hecho el autoloader es convertir los backslashes o barras
 </p>
 </div>
 </div>
-
-<div id="outline-container-orgf021070" class="outline-3">
-<h3 id="orgf021070"><span class="section-number-3">1.3.</span> Extra: Namespaces</h3>
+<div id="outline-container-org16ddd15" class="outline-3">
+<h3 id="org16ddd15"><span class="section-number-3">1.3.</span> Extra: Namespaces</h3>
 <div class="outline-text-3" id="text-1-3">
 <p>
 Si eres nuevo en esto puede que no sepas lo que es un namespace, pero si también te dio curiosidad el que la una clase tenga <code>\</code> (backslash) en su nombre, entonces tienes futuro en este campo y como no quiero que te vayas de este manual, voy a explicarte rápidamente de donde viene ese backslash.
@@ -499,7 +487,7 @@ Si abres el archivo <code>src/Libs/Router.php</code> verás que en su primera l
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">namespace</span> <span style="color: #0f7a9d;">Libs</span>;
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">namespace</span> <span style="color: #2F8B58; font-weight: bold;">Libs</span>;
 </pre>
 </div>
 
@@ -517,17 +505,15 @@ Puede que ahora mismo no notes la utilidad de esto, pero es algo muy útil realm
 </div>
 </div>
 </div>
-
-<div id="outline-container-orgeb83d89" class="outline-2">
-<h2 id="orgeb83d89"><span class="section-number-2">2.</span> Primeros pasos</h2>
+<div id="outline-container-org3df3d6f" class="outline-2">
+<h2 id="org3df3d6f"><span class="section-number-2">2.</span> Primeros pasos</h2>
 <div class="outline-text-2" id="text-2">
 <p>
 Antes de ponernos a programar vamos a asegurarnos de estar en la misma pagina preparando nuestro entorno de trabajo y haciendo el usual Hola mundo.
 </p>
 </div>
-
-<div id="outline-container-orgf083058" class="outline-3">
-<h3 id="orgf083058"><span class="section-number-3">2.1.</span> Usando un Webserver para el desarrollo</h3>
+<div id="outline-container-org90dad41" class="outline-3">
+<h3 id="org90dad41"><span class="section-number-3">2.1.</span> Usando un Webserver para el desarrollo</h3>
 <div class="outline-text-3" id="text-2-1">
 <p>
 Desde luego esta la carpeta con <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a> supongo que ya la tienes con un webserver nginx o apache en localhost. Si no es el caso, al menos deberás instalarte PHP primero y una ves instalado, abres una terminal en la carpeta donde tienes Duckbrain y ejecutas:
@@ -551,9 +537,8 @@ He conocido gente que usa directamente un hosting y edita los archivos allí. Es
 </p>
 </div>
 </div>
-
-<div id="outline-container-org813e6a3" class="outline-3">
-<h3 id="org813e6a3"><span class="section-number-3">2.2.</span> Hola mundo</h3>
+<div id="outline-container-orge6c60ce" class="outline-3">
+<h3 id="orge6c60ce"><span class="section-number-3">2.2.</span> Hola mundo</h3>
 <div class="outline-text-3" id="text-2-2">
 <p>
 Agarren su teclado y su editor de código que vamos a comenzar a hacer la magia. Como es usual, el primer paso para hacer nuetra aplicación, será imprimir un <code>hello world</code>.
@@ -564,12 +549,12 @@ Para ello vamos a la carpeta <code>src/Routers</code> y crearemos un archivo con
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Request</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Request</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
 
-<span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #ad45ba; font-weight: bold;">function</span>(<span style="color: #0f7a9d;">Request</span> $<span style="color: #3f6faf;">requets</span>) {
-    <span style="color: #ad45ba; font-weight: bold;">echo</span> <span style="color: #007f6f;">"Hola mundo"</span>;
+<span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #A52A2A; font-weight: bold;">function</span>(<span style="color: #2F8B58; font-weight: bold;">Request</span> $<span style="color: #0084C8; font-weight: bold;">requets</span>) {
+    <span style="color: #A52A2A; font-weight: bold;">echo</span> <span style="color: #4E9A06;">"Hola mundo"</span>;
 });
 </pre>
 </div>
@@ -579,17 +564,16 @@ Para ello vamos a la carpeta <code>src/Routers</code> y crearemos un archivo con
 Ahora, siguiendo con el código, abrimos la URL donde estamos corriendo el sitio (normalmente localhost) y veremos nuestro esperado "hola mundo".
 </p>
 </div>
-
-<div id="outline-container-org7c695bd" class="outline-4">
-<h4 id="org7c695bd"><span class="section-number-4">2.2.1.</span> Explicación del código del hola mundo</h4>
+<div id="outline-container-org5e488a9" class="outline-4">
+<h4 id="org5e488a9"><span class="section-number-4">2.2.1.</span> Explicación del código del hola mundo</h4>
 <div class="outline-text-4" id="text-2-2-1">
 <p>
 Si entendiste el código con solo leerlo, perfecto, pero si no lo hiciste, vamos a explicarlo. Primero vamos a explicar esta parte:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #ad45ba; font-weight: bold;">function</span>(<span style="color: #0f7a9d;">Request</span> $<span style="color: #3f6faf;">requets</span>) {
-    <span style="color: #ad45ba; font-weight: bold;">echo</span> <span style="color: #007f6f;">"Hola mundo"</span>;
+<pre class="src src-php"><span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #A52A2A; font-weight: bold;">function</span>(<span style="color: #2F8B58; font-weight: bold;">Request</span> $<span style="color: #0084C8; font-weight: bold;">requets</span>) {
+    <span style="color: #A52A2A; font-weight: bold;">echo</span> <span style="color: #4E9A06;">"Hola mundo"</span>;
 });
 </pre>
 </div>
@@ -611,7 +595,7 @@ Lo que estámos haciendo aquí, es llamar al método <code>get</code> de la clas
 </p>
 
 <p>
-Al igual que en <a href="#orgf021070">Extra: Namespaces</a> la explicación de las primeras 2 líneas de este código, realmente no es algo de <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a>, sino del lenguaje mismo, pero de todos modos lo explicaré.
+Al igual que en <a href="#org16ddd15">Extra: Namespaces</a> la explicación de las primeras 2 líneas de este código, realmente no es algo de <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a>, sino del lenguaje mismo, pero de todos modos lo explicaré.
 </p>
 
 <p>
@@ -619,9 +603,9 @@ Primero que nada, si no quisieramos o no tuviéramos la posibilidad de usar <cod
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #c035aa;">Libs\Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #ad45ba; font-weight: bold;">function</span>(<span style="color: #0f7a9d;">Libs\Request</span> $<span style="color: #3f6faf;">requets</span>) {
-    <span style="color: #ad45ba; font-weight: bold;">echo</span> <span style="color: #007f6f;">"Hola mundo"</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #F5666D;">Libs\Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #A52A2A; font-weight: bold;">function</span>(<span style="color: #2F8B58; font-weight: bold;">Libs\Request</span> $<span style="color: #0084C8; font-weight: bold;">requets</span>) {
+    <span style="color: #A52A2A; font-weight: bold;">echo</span> <span style="color: #4E9A06;">"Hola mundo"</span>;
 });
 </pre>
 </div>
@@ -635,7 +619,7 @@ Si un <code>namespace</code> es como dar un apellido, <code>use</code> es como d
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span> <span style="color: #ad45ba; font-weight: bold;">as</span> <span style="color: #0f7a9d;">Rutercito</span>;
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span> <span style="color: #A52A2A; font-weight: bold;">as</span> <span style="color: #2F8B58; font-weight: bold;">Rutercito</span>;
 </pre>
 </div>
 
@@ -650,17 +634,15 @@ Prueba ponerle apodos ambas clases y usar sus distintos nombres en el código. E
 </div>
 </div>
 </div>
-
-<div id="outline-container-orgfba345b" class="outline-2">
-<h2 id="orgfba345b"><span class="section-number-2">3.</span> Mi primera aplicación</h2>
+<div id="outline-container-org7b80160" class="outline-2">
+<h2 id="org7b80160"><span class="section-number-2">3.</span> Mi primera aplicación</h2>
 <div class="outline-text-2" id="text-3">
 <p>
 Ya hicimos un hola mundo, ahora vamos a hacer algo completo de verdad. Una buena práctica a la hora de crear proyectos es comenzar a definir lo que vamos a hacer, por lo tanto:
 </p>
 </div>
-
-<div id="outline-container-org44211a2" class="outline-3">
-<h3 id="org44211a2"><span class="section-number-3">3.1.</span> Definición del proyecto</h3>
+<div id="outline-container-orgb47bd15" class="outline-3">
+<h3 id="orgb47bd15"><span class="section-number-3">3.1.</span> Definición del proyecto</h3>
 <div class="outline-text-3" id="text-3-1">
 <p>
 Vamos a hacer un sistema que nos permita compartir textos de manera secreta. Una persona cualquiera podrá entrar a nuestra web, escribir un texto o nota secreta y se le entregará un enlace con el que puede compartir esa nota secreta.
@@ -679,9 +661,8 @@ El nombre de la aplicación será <b>Ignota</b>. No soy bueno con los nombres y
 </p>
 </div>
 </div>
-
-<div id="outline-container-org25292f2" class="outline-3">
-<h3 id="org25292f2"><span class="section-number-3">3.2.</span> Base de datos</h3>
+<div id="outline-container-org9bcdc65" class="outline-3">
+<h3 id="org9bcdc65"><span class="section-number-3">3.2.</span> Base de datos</h3>
 <div class="outline-text-3" id="text-3-2">
 <p>
 Este sistema no es algo complicado en lo que al diseño de la base de datos se refiere, por lo que sólo vendría a tener una tabla:
@@ -704,11 +685,11 @@ El código para crear las tablas en SQLite sería este:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-sqlite"><span style="color: #ad45ba; font-weight: bold;">CREATE</span> <span style="color: #ad45ba; font-weight: bold;">TABLE</span> <span style="color: #5165e4;">notes</span> (
-    id <span style="color: #0f7a9d;">INTEGER</span> <span style="color: #ad45ba; font-weight: bold;">PRIMARY</span> <span style="color: #ad45ba; font-weight: bold;">KEY</span>,
+<pre class="src src-sqlite"><span style="color: #A52A2A; font-weight: bold;">CREATE</span> <span style="color: #A52A2A; font-weight: bold;">TABLE</span> <span style="color: #00578E; font-weight: bold;">notes</span> (
+    id <span style="color: #2F8B58; font-weight: bold;">INTEGER</span> <span style="color: #A52A2A; font-weight: bold;">PRIMARY</span> <span style="color: #A52A2A; font-weight: bold;">KEY</span>,
     content TEXT,
-    expire_at <span style="color: #0f7a9d;">INTEGER</span>,
-    max_views <span style="color: #0f7a9d;">INTEGER</span>
+    expire_at <span style="color: #2F8B58; font-weight: bold;">INTEGER</span>,
+    max_views <span style="color: #2F8B58; font-weight: bold;">INTEGER</span>
 );
 </pre>
 </div>
@@ -718,11 +699,11 @@ El código para crear las tablas en SQLite sería este:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-sql"><span style="color: #ad45ba; font-weight: bold;">CREATE</span> <span style="color: #ad45ba; font-weight: bold;">TABLE</span> <span style="color: #5165e4;">notes</span> (
-    id BIGINT <span style="color: #ad45ba; font-weight: bold;">PRIMARY</span> <span style="color: #ad45ba; font-weight: bold;">KEY</span> AUTO_INCREMENT,
+<pre class="src src-sql"><span style="color: #A52A2A; font-weight: bold;">CREATE</span> <span style="color: #A52A2A; font-weight: bold;">TABLE</span> <span style="color: #00578E; font-weight: bold;">notes</span> (
+    id BIGINT <span style="color: #A52A2A; font-weight: bold;">PRIMARY</span> <span style="color: #A52A2A; font-weight: bold;">KEY</span> AUTO_INCREMENT,
     content TEXT,
-    expire_at <span style="color: #0f7a9d;">INT</span> <span style="color: #ad45ba; font-weight: bold;">default</span> <span style="color: #ad45ba; font-weight: bold;">null</span>,
-    max_views <span style="color: #0f7a9d;">INT</span> <span style="color: #ad45ba; font-weight: bold;">default</span> 0
+    expire_at <span style="color: #2F8B58; font-weight: bold;">INT</span> <span style="color: #A52A2A; font-weight: bold;">default</span> <span style="color: #A52A2A; font-weight: bold;">null</span>,
+    max_views <span style="color: #2F8B58; font-weight: bold;">INT</span> <span style="color: #A52A2A; font-weight: bold;">default</span> 0
 );
 </pre>
 </div>
@@ -731,26 +712,25 @@ El código para crear las tablas en SQLite sería este:
 Voy a obviar la parte de cómo crear las bases de datos ya que ambas cosas se pueden encontrar fácil, ya sea preguntando o buscando por cuenta propia. Desde luego, si son muy nuevos, recomiendo que usen SQLite que es la más sencilla de las 2 opciones y por ello también usaremos esa opción de ahora en adelante.
 </p>
 </div>
-
-<div id="outline-container-org464ecc8" class="outline-4">
-<h4 id="org464ecc8"><span class="section-number-4">3.2.1.</span> Configuración de Duckbrain para la base de datos</h4>
+<div id="outline-container-org3cafd47" class="outline-4">
+<h4 id="org3cafd47"><span class="section-number-4">3.2.1.</span> Configuración de Duckbrain para la base de datos</h4>
 <div class="outline-text-4" id="text-3-2-1">
 <p>
 Desde luego, <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a> va necesitar tener la información de la base de datos, por lo que abriremos el archivo y veremos algo como esto:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-define(<span style="color: #007f6f;">'DB_TYPE'</span>, <span style="color: #007f6f;">'mysql'</span>);
-define(<span style="color: #007f6f;">'DB_HOST'</span>, <span style="color: #007f6f;">'localhost'</span>);
-define(<span style="color: #007f6f;">'DB_NAME'</span>, <span style="color: #007f6f;">''</span>);
-define(<span style="color: #007f6f;">'DB_USER'</span>, <span style="color: #007f6f;">''</span>);
-define(<span style="color: #007f6f;">'DB_PASS'</span>, <span style="color: #007f6f;">''</span>);
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+define(<span style="color: #4E9A06;">'DB_TYPE'</span>, <span style="color: #4E9A06;">'mysql'</span>);
+define(<span style="color: #4E9A06;">'DB_HOST'</span>, <span style="color: #4E9A06;">'localhost'</span>);
+define(<span style="color: #4E9A06;">'DB_NAME'</span>, <span style="color: #4E9A06;">''</span>);
+define(<span style="color: #4E9A06;">'DB_USER'</span>, <span style="color: #4E9A06;">''</span>);
+define(<span style="color: #4E9A06;">'DB_PASS'</span>, <span style="color: #4E9A06;">''</span>);
 
-<span style="color: #a05b5f; font-style: italic;">//</span><span style="color: #a05b5f; font-style: italic;">define('SITE_URL', '');</span>
+<span style="color: #204A87;">//</span><span style="color: #204A87;">define('SITE_URL', '');</span>
 
-define(<span style="color: #007f6f;">'ROOT_DIR'</span>, <span style="color: #705ae3; font-weight: bold;">__DIR__</span>);
-<span style="color: #c01f5f;">?&gt;</span>
+define(<span style="color: #4E9A06;">'ROOT_DIR'</span>, <span style="color: #A020F0;">__DIR__</span>);
+<span style="color: #A020F0;">?&gt;</span>
 </pre>
 </div>
 
@@ -763,17 +743,17 @@ El código terminaría así:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-define(<span style="color: #007f6f;">'DB_TYPE'</span>, <span style="color: #007f6f;">'sqlite'</span>);
-define(<span style="color: #007f6f;">'DB_HOST'</span>, <span style="color: #007f6f;">'localhost'</span>);
-define(<span style="color: #007f6f;">'DB_NAME'</span>, <span style="color: #007f6f;">'mi-bd.sqlite'</span>);
-define(<span style="color: #007f6f;">'DB_USER'</span>, <span style="color: #007f6f;">''</span>);
-define(<span style="color: #007f6f;">'DB_PASS'</span>, <span style="color: #007f6f;">''</span>);
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+define(<span style="color: #4E9A06;">'DB_TYPE'</span>, <span style="color: #4E9A06;">'sqlite'</span>);
+define(<span style="color: #4E9A06;">'DB_HOST'</span>, <span style="color: #4E9A06;">'localhost'</span>);
+define(<span style="color: #4E9A06;">'DB_NAME'</span>, <span style="color: #4E9A06;">'mi-bd.sqlite'</span>);
+define(<span style="color: #4E9A06;">'DB_USER'</span>, <span style="color: #4E9A06;">''</span>);
+define(<span style="color: #4E9A06;">'DB_PASS'</span>, <span style="color: #4E9A06;">''</span>);
 
-define(<span style="color: #007f6f;">'SITE_URL'</span>, <span style="color: #007f6f;">'http://localhost/'</span>);
+define(<span style="color: #4E9A06;">'SITE_URL'</span>, <span style="color: #4E9A06;">'http://localhost/'</span>);
 
-define(<span style="color: #007f6f;">'ROOT_DIR'</span>, <span style="color: #705ae3; font-weight: bold;">__DIR__</span>);
-<span style="color: #c01f5f;">?&gt;</span>
+define(<span style="color: #4E9A06;">'ROOT_DIR'</span>, <span style="color: #A020F0;">__DIR__</span>);
+<span style="color: #A020F0;">?&gt;</span>
 </pre>
 </div>
 
@@ -783,9 +763,8 @@ Como nuestra base de dato es solo un archivo sqlite, no requerimos de <code>DB_H
 </div>
 </div>
 </div>
-
-<div id="outline-container-orgb4e9c5a" class="outline-3">
-<h3 id="orgb4e9c5a"><span class="section-number-3">3.3.</span> Modelos</h3>
+<div id="outline-container-org08d56f2" class="outline-3">
+<h3 id="org08d56f2"><span class="section-number-3">3.3.</span> Modelos</h3>
 <div class="outline-text-3" id="text-3-3">
 <p>
 Debo hacer incapié en que nada está escrito en piedra y podemos hacer las cosas de muchas manera con <a href="https://git.kj2.me/kj/duckbrain">Duckbrain</a>, pero en este caso, siguiendo la estructura MVC, vamos a crear modelos, vistas y controladores.
@@ -796,15 +775,15 @@ Comenzando con los modelos, que en realidad para este proyecto sería en singula
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">namespace</span> <span style="color: #0f7a9d;">Models</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">namespace</span> <span style="color: #2F8B58; font-weight: bold;">Models</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Model</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Model</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">class</span> <span style="color: #0f7a9d;">Note</span> <span style="color: #ad45ba; font-weight: bold;">extends</span> <span style="color: #0f7a9d;">Model</span> {
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">string</span> $<span style="color: #3f6faf;">content</span>;
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">?int</span>   $<span style="color: #3f6faf;">expire_at</span>;
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">int</span>    $<span style="color: #3f6faf;">max_views</span> = 0;
+<span style="color: #A52A2A; font-weight: bold;">class</span> <span style="color: #2F8B58; font-weight: bold;">Note</span> <span style="color: #A52A2A; font-weight: bold;">extends</span> <span style="color: #2F8B58; font-weight: bold;">Model</span> {
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">string</span> $<span style="color: #0084C8; font-weight: bold;">content</span>;
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">?int</span>   $<span style="color: #0084C8; font-weight: bold;">expire_at</span>;
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">int</span>    $<span style="color: #0084C8; font-weight: bold;">max_views</span> = 0;
 }
 </pre>
 </div>
@@ -822,27 +801,27 @@ Nada de lo mencionado en el anterior párrafo lo necesitaremos, pero de todos mo
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">namespace</span> <span style="color: #0f7a9d;">Models</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">namespace</span> <span style="color: #2F8B58; font-weight: bold;">Models</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Model</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Model</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">class</span> <span style="color: #0f7a9d;">Note</span> <span style="color: #ad45ba; font-weight: bold;">extends</span> <span style="color: #0f7a9d;">Model</span> {
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">string</span>    $<span style="color: #3f6faf;">content</span>;
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">?int</span>      $<span style="color: #3f6faf;">expire_at</span>;
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">int</span>       $<span style="color: #3f6faf;">max_views</span> = 0;
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #0f7a9d;">string</span>    $<span style="color: #3f6faf;">tmp_cache</span>;
-    <span style="color: #ad45ba; font-weight: bold;">private</span> <span style="color: #0f7a9d;">string</span>   $<span style="color: #3f6faf;">password</span>;
-    <span style="color: #ad45ba; font-weight: bold;">protected</span> <span style="color: #0f7a9d;">string</span> $<span style="color: #3f6faf;">salt</span>;
+<span style="color: #A52A2A; font-weight: bold;">class</span> <span style="color: #2F8B58; font-weight: bold;">Note</span> <span style="color: #A52A2A; font-weight: bold;">extends</span> <span style="color: #2F8B58; font-weight: bold;">Model</span> {
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">string</span>    $<span style="color: #0084C8; font-weight: bold;">content</span>;
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">?int</span>      $<span style="color: #0084C8; font-weight: bold;">expire_at</span>;
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">int</span>       $<span style="color: #0084C8; font-weight: bold;">max_views</span> = 0;
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #2F8B58; font-weight: bold;">string</span>    $<span style="color: #0084C8; font-weight: bold;">tmp_cache</span>;
+    <span style="color: #A52A2A; font-weight: bold;">private</span> <span style="color: #2F8B58; font-weight: bold;">string</span>   $<span style="color: #0084C8; font-weight: bold;">password</span>;
+    <span style="color: #A52A2A; font-weight: bold;">protected</span> <span style="color: #2F8B58; font-weight: bold;">string</span> $<span style="color: #0084C8; font-weight: bold;">salt</span>;
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Cambiamos el nombre de la tabla a la que se relacionar&#225; nuestro modelo.</span>
-    <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">protected</span> <span style="color: #0f7a9d;">string</span> $<span style="color: #3f6faf;">table</span> = <span style="color: #007f6f;">'se_llama_como_YO_quiero_AAAhh'</span>;
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Cambiamos el nombre de la tabla a la que se relacionar&#225; nuestro modelo.</span>
+    <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">protected</span> <span style="color: #2F8B58; font-weight: bold;">string</span> $<span style="color: #0084C8; font-weight: bold;">table</span> = <span style="color: #4E9A06;">'se_llama_como_YO_quiero_AAAhh'</span>;
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Forzamos a que se guarden las propiedades salt y password a pesar de que no son p&#250;blicas.</span>
-    <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">protected</span> <span style="color: #0f7a9d;">array</span> $<span style="color: #3f6faf;">forceSave</span> = [<span style="color: #007f6f;">'password'</span>, <span style="color: #007f6f;">'salt'</span>];
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Forzamos a que se guarden las propiedades salt y password a pesar de que no son p&#250;blicas.</span>
+    <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">protected</span> <span style="color: #2F8B58; font-weight: bold;">array</span> $<span style="color: #0084C8; font-weight: bold;">forceSave</span> = [<span style="color: #4E9A06;">'password'</span>, <span style="color: #4E9A06;">'salt'</span>];
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Frozamos a no guuardar la propiedad p&#250;blica tmp_cache</span>
-    <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">protected</span> <span style="color: #0f7a9d;">array</span> $<span style="color: #3f6faf;">ignoreSave</span> = [<span style="color: #007f6f;">'tmp_cache'</span>];
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Frozamos a no guuardar la propiedad p&#250;blica tmp_cache</span>
+    <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">protected</span> <span style="color: #2F8B58; font-weight: bold;">array</span> $<span style="color: #0084C8; font-weight: bold;">ignoreSave</span> = [<span style="color: #4E9A06;">'tmp_cache'</span>];
 }
 </pre>
 </div>
@@ -852,9 +831,8 @@ Nada de lo mencionado en el anterior párrafo lo necesitaremos, pero de todos mo
 </p>
 </div>
 </div>
-
-<div id="outline-container-org0bc266b" class="outline-3">
-<h3 id="org0bc266b"><span class="section-number-3">3.4.</span> Creando vistas</h3>
+<div id="outline-container-org600dacb" class="outline-3">
+<h3 id="org600dacb"><span class="section-number-3">3.4.</span> Creando vistas</h3>
 <div class="outline-text-3" id="text-3-4">
 <p>
 En este caso solo necesitaremos una sola vista, por ello no crearemos archivos aparte para el código CSS, sino que irá todo en un solo archivo.
@@ -865,13 +843,13 @@ Vamos a crear un archivo llamado <code>CreateNote.php</code> en <code>src/Views/
 </p>
 
 <div class="org-src-container">
-<pre class="src src-html">&lt;<span style="color: #ad45ba; font-weight: bold;">!DOCTYPE</span> html&gt;
-&lt;<span style="color: #5165e4;">html</span>&gt;
-  &lt;<span style="color: #5165e4;">head</span>&gt;
-    &lt;<span style="color: #5165e4;">meta</span> <span style="color: #3f6faf;">charset</span>=<span style="color: #007f6f;">"UTF-8"</span>/&gt;
-    &lt;<span style="color: #5165e4;">meta</span> <span style="color: #3f6faf;">name</span>=<span style="color: #007f6f;">"viewport"</span> <span style="color: #3f6faf;">content</span>=<span style="color: #007f6f;">"width=device-width, initial-scale=1.0"</span>&gt;
-    &lt;<span style="color: #5165e4;">title</span>&gt;<span style="font-weight: bold; text-decoration: underline;">Ignota - Notas encriptadas punto a punto</span>&lt;/<span style="color: #5165e4;">title</span>&gt;
-    &lt;<span style="color: #5165e4;">style</span>&gt;
+<pre class="src src-html">&lt;<span style="color: #A52A2A; font-weight: bold;">!DOCTYPE</span> html&gt;
+&lt;<span style="color: #00578E; font-weight: bold;">html</span>&gt;
+  &lt;<span style="color: #00578E; font-weight: bold;">head</span>&gt;
+    &lt;<span style="color: #00578E; font-weight: bold;">meta</span> <span style="color: #0084C8; font-weight: bold;">charset</span>=<span style="color: #4E9A06;">"UTF-8"</span>/&gt;
+    &lt;<span style="color: #00578E; font-weight: bold;">meta</span> <span style="color: #0084C8; font-weight: bold;">name</span>=<span style="color: #4E9A06;">"viewport"</span> <span style="color: #0084C8; font-weight: bold;">content</span>=<span style="color: #4E9A06;">"width=device-width, initial-scale=1.0"</span>&gt;
+    &lt;<span style="color: #00578E; font-weight: bold;">title</span>&gt;<span style="font-weight: bold; text-decoration: underline;">Ignota - Notas encriptadas punto a punto</span>&lt;/<span style="color: #00578E; font-weight: bold;">title</span>&gt;
+    &lt;<span style="color: #00578E; font-weight: bold;">style</span>&gt;
      form {
        display: grid;
        place-content: center;
@@ -906,22 +884,22 @@ Vamos a crear un archivo llamado <code>CreateNote.php</code> en <code>src/Views/
        font-weight: bold;
        display: ;
      }
-    &lt;/<span style="color: #5165e4;">style</span>&gt;
-  &lt;/<span style="color: #5165e4;">head</span>&gt;
-  &lt;<span style="color: #5165e4;">body</span>&gt;
-    &lt;<span style="color: #5165e4;">form</span> <span style="color: #3f6faf;">method</span>=<span style="color: #007f6f;">"POST"</span>&gt;
-      &lt;<span style="color: #5165e4;">textarea</span> <span style="color: #3f6faf;">name</span>=<span style="color: #007f6f;">"note"</span> <span style="color: #3f6faf;">placeholder</span>=<span style="color: #007f6f;">"Escribe tu texto a encriptar"</span>&gt;&lt;/<span style="color: #5165e4;">textarea</span>&gt;
-      &lt;<span style="color: #5165e4;">fieldset</span> <span style="color: #3f6faf;">class</span>=<span style="color: #007f6f;">"config"</span>&gt;
-        &lt;<span style="color: #5165e4;">legend</span>&gt;Configuraci&#243;n de expiraci&#243;n&lt;/<span style="color: #5165e4;">legend</span>&gt;
-        &lt;<span style="color: #5165e4;">label</span> <span style="color: #3f6faf;">for</span>=<span style="color: #007f6f;">"max_views"</span>&gt;Visualizaciones m&#225;ximas (0 = infinitas):&lt;/<span style="color: #5165e4;">label</span>&gt;
-        &lt;<span style="color: #5165e4;">input</span> <span style="color: #3f6faf;">name</span>=<span style="color: #007f6f;">"max_views"</span> <span style="color: #3f6faf;">type</span>=<span style="color: #007f6f;">"int"</span> <span style="color: #3f6faf;">value</span>=<span style="color: #007f6f;">"0"</span>&gt;
-        &lt;<span style="color: #5165e4;">label</span> <span style="color: #3f6faf;">for</span>=<span style="color: #007f6f;">"expiration"</span>&gt;Tiempo de expiraci&#243;n (en minutos):&lt;/<span style="color: #5165e4;">label</span>&gt;
-        &lt;<span style="color: #5165e4;">input</span> <span style="color: #3f6faf;">name</span>=<span style="color: #007f6f;">"expiration"</span> <span style="color: #3f6faf;">type</span>=<span style="color: #007f6f;">"int"</span> <span style="color: #3f6faf;">value</span>=<span style="color: #007f6f;">"15"</span>&gt;
-      &lt;/<span style="color: #5165e4;">fieldset</span>&gt;
-      &lt;<span style="color: #5165e4;">button</span> <span style="color: #3f6faf;">type</span>=<span style="color: #007f6f;">"submit"</span>&gt;Guardar&lt;/<span style="color: #5165e4;">button</span>&gt;
-    &lt;/<span style="color: #5165e4;">form</span>&gt;
-  &lt;/<span style="color: #5165e4;">body</span>&gt;
-&lt;/<span style="color: #5165e4;">html</span>&gt;
+    &lt;/<span style="color: #00578E; font-weight: bold;">style</span>&gt;
+  &lt;/<span style="color: #00578E; font-weight: bold;">head</span>&gt;
+  &lt;<span style="color: #00578E; font-weight: bold;">body</span>&gt;
+    &lt;<span style="color: #00578E; font-weight: bold;">form</span> <span style="color: #0084C8; font-weight: bold;">method</span>=<span style="color: #4E9A06;">"POST"</span>&gt;
+      &lt;<span style="color: #00578E; font-weight: bold;">textarea</span> <span style="color: #0084C8; font-weight: bold;">name</span>=<span style="color: #4E9A06;">"note"</span> <span style="color: #0084C8; font-weight: bold;">placeholder</span>=<span style="color: #4E9A06;">"Escribe tu texto a encriptar"</span>&gt;&lt;/<span style="color: #00578E; font-weight: bold;">textarea</span>&gt;
+      &lt;<span style="color: #00578E; font-weight: bold;">fieldset</span> <span style="color: #0084C8; font-weight: bold;">class</span>=<span style="color: #4E9A06;">"config"</span>&gt;
+        &lt;<span style="color: #00578E; font-weight: bold;">legend</span>&gt;Configuraci&#243;n de expiraci&#243;n&lt;/<span style="color: #00578E; font-weight: bold;">legend</span>&gt;
+        &lt;<span style="color: #00578E; font-weight: bold;">label</span> <span style="color: #0084C8; font-weight: bold;">for</span>=<span style="color: #4E9A06;">"max_views"</span>&gt;Visualizaciones m&#225;ximas (0 = infinitas):&lt;/<span style="color: #00578E; font-weight: bold;">label</span>&gt;
+        &lt;<span style="color: #00578E; font-weight: bold;">input</span> <span style="color: #0084C8; font-weight: bold;">name</span>=<span style="color: #4E9A06;">"max_views"</span> <span style="color: #0084C8; font-weight: bold;">type</span>=<span style="color: #4E9A06;">"int"</span> <span style="color: #0084C8; font-weight: bold;">value</span>=<span style="color: #4E9A06;">"0"</span>&gt;
+        &lt;<span style="color: #00578E; font-weight: bold;">label</span> <span style="color: #0084C8; font-weight: bold;">for</span>=<span style="color: #4E9A06;">"expiration"</span>&gt;Tiempo de expiraci&#243;n (en minutos):&lt;/<span style="color: #00578E; font-weight: bold;">label</span>&gt;
+        &lt;<span style="color: #00578E; font-weight: bold;">input</span> <span style="color: #0084C8; font-weight: bold;">name</span>=<span style="color: #4E9A06;">"expiration"</span> <span style="color: #0084C8; font-weight: bold;">type</span>=<span style="color: #4E9A06;">"int"</span> <span style="color: #0084C8; font-weight: bold;">value</span>=<span style="color: #4E9A06;">"15"</span>&gt;
+      &lt;/<span style="color: #00578E; font-weight: bold;">fieldset</span>&gt;
+      &lt;<span style="color: #00578E; font-weight: bold;">button</span> <span style="color: #0084C8; font-weight: bold;">type</span>=<span style="color: #4E9A06;">"submit"</span>&gt;Guardar&lt;/<span style="color: #00578E; font-weight: bold;">button</span>&gt;
+    &lt;/<span style="color: #00578E; font-weight: bold;">form</span>&gt;
+  &lt;/<span style="color: #00578E; font-weight: bold;">body</span>&gt;
+&lt;/<span style="color: #00578E; font-weight: bold;">html</span>&gt;
 </pre>
 </div>
 
@@ -930,9 +908,8 @@ No creo que sea necesario que expliquemos un código html, si no lo entiendes, n
 </p>
 </div>
 </div>
-
-<div id="outline-container-org9401ef4" class="outline-3">
-<h3 id="org9401ef4"><span class="section-number-3">3.5.</span> Mostrando el formulario</h3>
+<div id="outline-container-org431ee7b" class="outline-3">
+<h3 id="org431ee7b"><span class="section-number-3">3.5.</span> Mostrando el formulario</h3>
 <div class="outline-text-3" id="text-3-5">
 <p>
 Ahora no vamos a hacer un archivos completos, los haremos a pedacitos de código a medida que avancemos.
@@ -943,16 +920,16 @@ Comenzando con el controlador, vamos a crear un archivo llamado <code>NoteContro
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">namespace</span> <span style="color: #0f7a9d;">Controllers</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">namespace</span> <span style="color: #2F8B58; font-weight: bold;">Controllers</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Request</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\View</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Request</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\View</span>;
 
-<span style="color: #ad45ba; font-weight: bold;">class</span> <span style="color: #0f7a9d;">NoteController</span> {
-    <span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">function</span> <span style="color: #5165e4;">home</span>(Request $<span style="color: #3f6faf;">request</span>): <span style="color: #0f7a9d;">void</span>
+<span style="color: #A52A2A; font-weight: bold;">class</span> <span style="color: #2F8B58; font-weight: bold;">NoteController</span> {
+    <span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">function</span> <span style="color: #00578E; font-weight: bold;">home</span>(Request $<span style="color: #0084C8; font-weight: bold;">request</span>): <span style="color: #2F8B58; font-weight: bold;">void</span>
     {
-        <span style="color: #c035aa;">View</span>::render(<span style="color: #007f6f;">'CreateNote'</span>);
+        <span style="color: #F5666D;">View</span>::render(<span style="color: #4E9A06;">'CreateNote'</span>);
     }
 }
 </pre>
@@ -979,10 +956,10 @@ Aquí me doy el lujo de hacer otro paréntesis para hablar del tipo <code>callab
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
 
-<span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #007f6f;">'Controllers\NoteController::home'</span>);
+<span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #4E9A06;">'Controllers\NoteController::home'</span>);
 </pre>
 </div>
 
@@ -991,11 +968,11 @@ O de esta otra manera:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Controllers\NoteController</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Controllers\NoteController</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
 
-<span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, [<span style="color: #c035aa;">NoteController</span>::<span style="color: #705ae3; font-weight: bold;">class</span>, <span style="color: #007f6f;">'home'</span>]);
+<span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, [<span style="color: #F5666D;">NoteController</span>::<span style="color: #A020F0;">class</span>, <span style="color: #4E9A06;">'home'</span>]);
 </pre>
 </div>
 
@@ -1003,9 +980,8 @@ O de esta otra manera:
 Ambas funcionarán y al entrar en <code>http://localhost</code> ya
 </p>
 </div>
-
-<div id="outline-container-org65729da" class="outline-4">
-<h4 id="org65729da"><span class="section-number-4">3.5.1.</span> Extra: Explicación del tipo callable</h4>
+<div id="outline-container-orgdfd194e" class="outline-4">
+<h4 id="orgdfd194e"><span class="section-number-4">3.5.1.</span> Extra: Explicación del tipo callable</h4>
 <div class="outline-text-4" id="text-3-5-1">
 <p>
 Enlos anteriores 2 bloques de código lo que hemos visto han sido 2 maneras de escribir un callable:
@@ -1016,13 +992,13 @@ En el primer código he escrito el nombre completo hasta la función en un strin
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Controllers\NoteController</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Request</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Controllers\NoteController</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Request</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
 
-<span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #ad45ba; font-weight: bold;">function</span>(){});
-[<span style="color: #c035aa;">NoteController</span>::<span style="color: #705ae3; font-weight: bold;">class</span>, <span style="color: #007f6f;">'home'</span>](<span style="color: #ad45ba; font-weight: bold;">new</span> <span style="color: #0f7a9d;">Request</span>);
+<span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #A52A2A; font-weight: bold;">function</span>(){});
+[<span style="color: #F5666D;">NoteController</span>::<span style="color: #A020F0;">class</span>, <span style="color: #4E9A06;">'home'</span>](<span style="color: #A52A2A; font-weight: bold;">new</span> <span style="color: #2F8B58; font-weight: bold;">Request</span>);
 </pre>
 </div>
 
@@ -1031,12 +1007,12 @@ O también:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c01f5f;">&lt;?php</span>
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Request</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
+<pre class="src src-php"><span style="color: #A020F0;">&lt;?php</span>
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Request</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
 
-<span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/'</span>, <span style="color: #ad45ba; font-weight: bold;">function</span>(){});
-<span style="color: #007f6f;">'Controllers\NoteController::home'</span>(<span style="color: #ad45ba; font-weight: bold;">new</span> <span style="color: #0f7a9d;">Request</span>);
+<span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/'</span>, <span style="color: #A52A2A; font-weight: bold;">function</span>(){});
+<span style="color: #4E9A06;">'Controllers\NoteController::home'</span>(<span style="color: #A52A2A; font-weight: bold;">new</span> <span style="color: #2F8B58; font-weight: bold;">Request</span>);
 </pre>
 </div>
 
@@ -1046,35 +1022,34 @@ Sé que esto es algo raro y que realmente tiene que ver con el conocimiendo de P
 </div>
 </div>
 </div>
-
-<div id="outline-container-org31cfc05" class="outline-3">
-<h3 id="org31cfc05"><span class="section-number-3">3.6.</span> Creando la nota encriptada</h3>
+<div id="outline-container-orgc3939ab" class="outline-3">
+<h3 id="orgc3939ab"><span class="section-number-3">3.6.</span> Creando la nota encriptada</h3>
 <div class="outline-text-3" id="text-3-6">
 <p>
 Ahora que ya tenemos el formulario, ya solo nos queda encriptar y guardar nuestra nota. Para ello comenzaremos agregando la siguiente función a nuestro modelo:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #ad45ba; font-weight: bold;">function</span> <span style="color: #5165e4;">encrypt</span>(): <span style="color: #0f7a9d;">string</span>
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #A52A2A; font-weight: bold;">function</span> <span style="color: #00578E; font-weight: bold;">encrypt</span>(): <span style="color: #2F8B58; font-weight: bold;">string</span>
 {
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Generamos una llave aleatoria de entre 12 a 32 caracteres</span>
-    $<span style="color: #3f6faf;">secretKey</span> = substr(
-        str_shuffle(<span style="color: #007f6f;">'0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'</span>),
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Generamos una llave aleatoria de entre 12 a 32 caracteres</span>
+    $<span style="color: #0084C8; font-weight: bold;">secretKey</span> = substr(
+        str_shuffle(<span style="color: #4E9A06;">'0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'</span>),
         0,
         mt_rand(16, 32)
     );
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Encriptamos la nota en AES256 usando la llave antes generada</span>
-    <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = openssl_encrypt(
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span>,
-        <span style="color: #007f6f;">'AES-256-CBC'</span>,
-        $<span style="color: #3f6faf;">secretKey</span>,
-        <span style="color: #c035aa;">OPENSSL_RAW_DATA</span>,
-        substr($<span style="color: #3f6faf;">secretKey</span>, 0, 16)
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Encriptamos la nota en AES256 usando la llave antes generada</span>
+    <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = openssl_encrypt(
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span>,
+        <span style="color: #4E9A06;">'AES-256-CBC'</span>,
+        $<span style="color: #0084C8; font-weight: bold;">secretKey</span>,
+        <span style="color: #F5666D;">OPENSSL_RAW_DATA</span>,
+        substr($<span style="color: #0084C8; font-weight: bold;">secretKey</span>, 0, 16)
     );
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Devolvemos la llave</span>
-    <span style="color: #ad45ba; font-weight: bold;">return</span> $<span style="color: #3f6faf;">secretKey</span>;
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Devolvemos la llave</span>
+    <span style="color: #A52A2A; font-weight: bold;">return</span> $<span style="color: #0084C8; font-weight: bold;">secretKey</span>;
 }
 </pre>
 </div>
@@ -1088,20 +1063,20 @@ Ahora vamos a hacer un controlador que recibirá el formulario, encriptará la n
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">function</span> <span style="color: #5165e4;">create</span>(Request $<span style="color: #3f6faf;">request</span>): <span style="color: #0f7a9d;">void</span>
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">function</span> <span style="color: #00578E; font-weight: bold;">create</span>(Request $<span style="color: #0084C8; font-weight: bold;">request</span>): <span style="color: #2F8B58; font-weight: bold;">void</span>
 {
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Creamos una instancia de Note y le pasamos los datos del formulario</span>
-    $<span style="color: #3f6faf;">note</span>            = <span style="color: #ad45ba; font-weight: bold;">new</span> <span style="color: #0f7a9d;">Note</span>;
-    $<span style="color: #3f6faf;">note</span>-&gt;<span style="color: #3f6faf;">content</span>   = $<span style="color: #3f6faf;">request</span>-&gt;<span style="color: #3f6faf;">post</span>-&gt;<span style="color: #3f6faf;">note</span>;
-    $<span style="color: #3f6faf;">note</span>-&gt;<span style="color: #3f6faf;">max_views</span> = $<span style="color: #3f6faf;">request</span>-&gt;<span style="color: #3f6faf;">post</span>-&gt;<span style="color: #3f6faf;">max_views</span>;
-    $<span style="color: #3f6faf;">note</span>-&gt;<span style="color: #3f6faf;">expire_at</span> = strtotime(<span style="color: #007f6f;">"+</span><span style="color: #3f6faf;">{$request-&gt;post-&gt;expiration}</span><span style="color: #007f6f;"> minutes"</span>);
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Creamos una instancia de Note y le pasamos los datos del formulario</span>
+    $<span style="color: #0084C8; font-weight: bold;">note</span>            = <span style="color: #A52A2A; font-weight: bold;">new</span> <span style="color: #2F8B58; font-weight: bold;">Note</span>;
+    $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span>   = $<span style="color: #0084C8; font-weight: bold;">request</span>-&gt;<span style="color: #0084C8; font-weight: bold;">post</span>-&gt;<span style="color: #0084C8; font-weight: bold;">note</span>;
+    $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span> = $<span style="color: #0084C8; font-weight: bold;">request</span>-&gt;<span style="color: #0084C8; font-weight: bold;">post</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span>;
+    $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;<span style="color: #0084C8; font-weight: bold;">expire_at</span> = strtotime(<span style="color: #4E9A06;">"+</span><span style="color: #0084C8; font-weight: bold;">{$request-&gt;post-&gt;expiration}</span><span style="color: #4E9A06;"> minutes"</span>);
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Encriptamos los datos y luego los guardamos</span>
-    $<span style="color: #3f6faf;">secretKey</span> = $<span style="color: #3f6faf;">note</span>-&gt;encrypt();
-    $<span style="color: #3f6faf;">note</span>-&gt;save();
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Encriptamos los datos y luego los guardamos</span>
+    $<span style="color: #0084C8; font-weight: bold;">secretKey</span> = $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;encrypt();
+    $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;save();
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Redirigimos a la url final donde se ver&#225; la nota</span>
-    <span style="color: #c035aa;">Router</span>::redirect(<span style="color: #007f6f;">"/</span><span style="color: #3f6faf;">{$note-&gt;id}</span><span style="color: #007f6f;">/</span><span style="color: #3f6faf;">{$secretKey}</span><span style="color: #007f6f;">"</span>);
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Redirigimos a la url final donde se ver&#225; la nota</span>
+    <span style="color: #F5666D;">Router</span>::redirect(<span style="color: #4E9A06;">"/</span><span style="color: #0084C8; font-weight: bold;">{$note-&gt;id}</span><span style="color: #4E9A06;">/</span><span style="color: #0084C8; font-weight: bold;">{$secretKey}</span><span style="color: #4E9A06;">"</span>);
 }
 </pre>
 </div>
@@ -1111,8 +1086,8 @@ Desde luego, también tenemos que añadir los uses de <code>Libs\Router</code> y
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Libs\Router</span>;
-<span style="color: #ad45ba; font-weight: bold;">use</span> <span style="color: #0f7a9d;">Models\Note</span>;
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Libs\Router</span>;
+<span style="color: #A52A2A; font-weight: bold;">use</span> <span style="color: #2F8B58; font-weight: bold;">Models\Note</span>;
 </pre>
 </div>
 
@@ -1125,7 +1100,7 @@ Para finalizar vamos configurar la ruta. Así que editamos el archivo <code>note
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c035aa;">Router</span>::post(<span style="color: #007f6f;">'/'</span>, [<span style="color: #c035aa;">NoteController</span>::<span style="color: #705ae3; font-weight: bold;">class</span>, <span style="color: #007f6f;">'create'</span>]);
+<pre class="src src-php"><span style="color: #F5666D;">Router</span>::post(<span style="color: #4E9A06;">'/'</span>, [<span style="color: #F5666D;">NoteController</span>::<span style="color: #A020F0;">class</span>, <span style="color: #4E9A06;">'create'</span>]);
 </pre>
 </div>
 
@@ -1138,58 +1113,57 @@ Ahora ya podemos comenzar a crear nuestras notas, auque aún no las podremos ver
 </p>
 </div>
 </div>
-
-<div id="outline-container-org657d3c4" class="outline-3">
-<h3 id="org657d3c4"><span class="section-number-3">3.7.</span> Recta final: Desencriptando y mostrando las notas</h3>
+<div id="outline-container-org6e0596b" class="outline-3">
+<h3 id="org6e0596b"><span class="section-number-3">3.7.</span> Recta final: Desencriptando y mostrando las notas</h3>
 <div class="outline-text-3" id="text-3-7">
 <p>
 Vamos directo al grano, editaremos el modelo (<code>src/Models/Note.php</code>) y le añadiremos esta otra función para desencriptar:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #ad45ba; font-weight: bold;">function</span> <span style="color: #5165e4;">decrypt</span>(<span style="color: #0f7a9d;">string</span> $<span style="color: #3f6faf;">secretKey</span>) : <span style="color: #0f7a9d;">void</span>
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #A52A2A; font-weight: bold;">function</span> <span style="color: #00578E; font-weight: bold;">decrypt</span>(<span style="color: #2F8B58; font-weight: bold;">string</span> $<span style="color: #0084C8; font-weight: bold;">secretKey</span>) : <span style="color: #2F8B58; font-weight: bold;">void</span>
 {
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si la nota ha expirado</span>
-    <span style="color: #ad45ba; font-weight: bold;">if</span> (<span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">expire_at</span> &lt; time()) {
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = <span style="color: #007f6f;">'La nota se ha destruido por expiraci&#243;n.'</span>;
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;delete();
-        <span style="color: #ad45ba; font-weight: bold;">return</span>;
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si la nota ha expirado</span>
+    <span style="color: #A52A2A; font-weight: bold;">if</span> (<span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">expire_at</span> &lt; time()) {
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = <span style="color: #4E9A06;">'La nota se ha destruido por expiraci&#243;n.'</span>;
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;delete();
+        <span style="color: #A52A2A; font-weight: bold;">return</span>;
     }
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Intentamos desencriptar.</span>
-    $<span style="color: #3f6faf;">content</span> = openssl_decrypt(
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span>,
-        <span style="color: #007f6f;">'AES-256-CBC'</span>,
-        $<span style="color: #3f6faf;">secretKey</span>,
-        <span style="color: #c035aa;">OPENSSL_RAW_DATA</span>,
-        substr($<span style="color: #3f6faf;">secretKey</span>, 0, 16)
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Intentamos desencriptar.</span>
+    $<span style="color: #0084C8; font-weight: bold;">content</span> = openssl_decrypt(
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span>,
+        <span style="color: #4E9A06;">'AES-256-CBC'</span>,
+        $<span style="color: #0084C8; font-weight: bold;">secretKey</span>,
+        <span style="color: #F5666D;">OPENSSL_RAW_DATA</span>,
+        substr($<span style="color: #0084C8; font-weight: bold;">secretKey</span>, 0, 16)
     );
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si desencript&#243; correctamente</span>
-    <span style="color: #ad45ba; font-weight: bold;">if</span> (is_string($<span style="color: #3f6faf;">content</span>)) {
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si desencript&#243; correctamente</span>
+    <span style="color: #A52A2A; font-weight: bold;">if</span> (is_string($<span style="color: #0084C8; font-weight: bold;">content</span>)) {
 
-        <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si est&#225; configurado para infinitas vistas.</span>
-        <span style="color: #ad45ba; font-weight: bold;">if</span> (<span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">max_views</span> == 0) {
-            <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = $<span style="color: #3f6faf;">content</span>;
-            <span style="color: #ad45ba; font-weight: bold;">return</span>;
+        <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si est&#225; configurado para infinitas vistas.</span>
+        <span style="color: #A52A2A; font-weight: bold;">if</span> (<span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span> == 0) {
+            <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = $<span style="color: #0084C8; font-weight: bold;">content</span>;
+            <span style="color: #A52A2A; font-weight: bold;">return</span>;
         }
 
-        <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Reducimos el contador de vistas</span>
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">max_views</span> = <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">max_views</span> - 1;
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;save();
+        <span style="color: #204A87;">// </span><span style="color: #204A87;">Reducimos el contador de vistas</span>
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span> = <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span> - 1;
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;save();
 
-        <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si el contador de vistas ha llegado a 0.</span>
-        <span style="color: #ad45ba; font-weight: bold;">if</span> (<span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">max_views</span> &lt;= 0) {
-            <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = <span style="color: #007f6f;">'La nota se ha destruido seg&#250;n su l&#237;mite de vistas.'</span>;
-            <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;delete();
-            <span style="color: #ad45ba; font-weight: bold;">return</span>;
+        <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si el contador de vistas ha llegado a 0.</span>
+        <span style="color: #A52A2A; font-weight: bold;">if</span> (<span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">max_views</span> &lt;= 0) {
+            <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = <span style="color: #4E9A06;">'La nota se ha destruido seg&#250;n su l&#237;mite de vistas.'</span>;
+            <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;delete();
+            <span style="color: #A52A2A; font-weight: bold;">return</span>;
         }
 
-        <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Si no ha expirado, solo devolvemos el contenido</span>
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = $<span style="color: #3f6faf;">content</span>;
-    } <span style="color: #ad45ba; font-weight: bold;">else</span> {
-        <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Si no se pudo desencriptar colocamos un error</span>
-        <span style="color: #c035aa;">$</span><span style="color: #c035aa;">this</span>-&gt;<span style="color: #3f6faf;">content</span> = <span style="color: #007f6f;">'Llave incorrecta.'</span>;
+        <span style="color: #204A87;">// </span><span style="color: #204A87;">Si no ha expirado, solo devolvemos el contenido</span>
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = $<span style="color: #0084C8; font-weight: bold;">content</span>;
+    } <span style="color: #A52A2A; font-weight: bold;">else</span> {
+        <span style="color: #204A87;">// </span><span style="color: #204A87;">Si no se pudo desencriptar colocamos un error</span>
+        <span style="color: #F5666D;">$</span><span style="color: #F5666D;">this</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span> = <span style="color: #4E9A06;">'Llave incorrecta.'</span>;
     }
 
 }
@@ -1201,29 +1175,29 @@ Ahora en el <code>NoteController</code> añadiremos esta otra función:
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #ad45ba; font-weight: bold;">public</span> <span style="color: #ad45ba; font-weight: bold;">static</span> <span style="color: #ad45ba; font-weight: bold;">function</span> <span style="color: #5165e4;">show</span>(Request $<span style="color: #3f6faf;">request</span>): <span style="color: #0f7a9d;">void</span>
+<pre class="src src-php"><span style="color: #A52A2A; font-weight: bold;">public</span> <span style="color: #A52A2A; font-weight: bold;">static</span> <span style="color: #A52A2A; font-weight: bold;">function</span> <span style="color: #00578E; font-weight: bold;">show</span>(Request $<span style="color: #0084C8; font-weight: bold;">request</span>): <span style="color: #2F8B58; font-weight: bold;">void</span>
 {
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si el ID es un n&#250;mero</span>
-    <span style="color: #ad45ba; font-weight: bold;">if</span> (!is_numeric($<span style="color: #3f6faf;">request</span>-&gt;<span style="color: #3f6faf;">params</span>-&gt;<span style="color: #3f6faf;">id</span>)) {
-        <span style="color: #c035aa;">Router</span>::defaultNotFound();
-        <span style="color: #ad45ba; font-weight: bold;">return</span>;
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si el ID es un n&#250;mero</span>
+    <span style="color: #A52A2A; font-weight: bold;">if</span> (!is_numeric($<span style="color: #0084C8; font-weight: bold;">request</span>-&gt;<span style="color: #0084C8; font-weight: bold;">params</span>-&gt;<span style="color: #0084C8; font-weight: bold;">id</span>)) {
+        <span style="color: #F5666D;">Router</span>::defaultNotFound();
+        <span style="color: #A52A2A; font-weight: bold;">return</span>;
     }
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Obtenemos la nota de la base de datos</span>
-    $<span style="color: #3f6faf;">note</span> = <span style="color: #c035aa;">Note</span>::getById($<span style="color: #3f6faf;">request</span>-&gt;<span style="color: #3f6faf;">params</span>-&gt;<span style="color: #3f6faf;">id</span>);
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Obtenemos la nota de la base de datos</span>
+    $<span style="color: #0084C8; font-weight: bold;">note</span> = <span style="color: #F5666D;">Note</span>::getById($<span style="color: #0084C8; font-weight: bold;">request</span>-&gt;<span style="color: #0084C8; font-weight: bold;">params</span>-&gt;<span style="color: #0084C8; font-weight: bold;">id</span>);
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Verificamos si la nota existe</span>
-    <span style="color: #ad45ba; font-weight: bold;">if</span> (is_null($<span style="color: #3f6faf;">note</span>))  {
-        <span style="color: #c035aa;">Router</span>::defaultNotFound();
-        <span style="color: #ad45ba; font-weight: bold;">return</span>;
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Verificamos si la nota existe</span>
+    <span style="color: #A52A2A; font-weight: bold;">if</span> (is_null($<span style="color: #0084C8; font-weight: bold;">note</span>))  {
+        <span style="color: #F5666D;">Router</span>::defaultNotFound();
+        <span style="color: #A52A2A; font-weight: bold;">return</span>;
     }
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Desencriptamos la nota</span>
-    $<span style="color: #3f6faf;">note</span>-&gt;decrypt($<span style="color: #3f6faf;">request</span>-&gt;<span style="color: #3f6faf;">params</span>-&gt;<span style="color: #3f6faf;">key</span>);
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Desencriptamos la nota</span>
+    $<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;decrypt($<span style="color: #0084C8; font-weight: bold;">request</span>-&gt;<span style="color: #0084C8; font-weight: bold;">params</span>-&gt;<span style="color: #0084C8; font-weight: bold;">key</span>);
 
-    <span style="color: #a05b5f; font-style: italic;">// </span><span style="color: #a05b5f; font-style: italic;">Imprimimos en formato de texto plano el resultado del desencriptado</span>
-    $<span style="color: #3f6faf;">view</span> = <span style="color: #ad45ba; font-weight: bold;">new</span> <span style="color: #0f7a9d;">View</span>;
-    $<span style="color: #3f6faf;">view</span>-&gt;text($<span style="color: #3f6faf;">note</span>-&gt;<span style="color: #3f6faf;">content</span>);
+    <span style="color: #204A87;">// </span><span style="color: #204A87;">Imprimimos en formato de texto plano el resultado del desencriptado</span>
+    $<span style="color: #0084C8; font-weight: bold;">view</span> = <span style="color: #A52A2A; font-weight: bold;">new</span> <span style="color: #2F8B58; font-weight: bold;">View</span>;
+    $<span style="color: #0084C8; font-weight: bold;">view</span>-&gt;text($<span style="color: #0084C8; font-weight: bold;">note</span>-&gt;<span style="color: #0084C8; font-weight: bold;">content</span>);
 }
 </pre>
 </div>
@@ -1245,7 +1219,7 @@ Ahora la cerecita del paste: Vamos a configurar el router, así que editamos nue
 </p>
 
 <div class="org-src-container">
-<pre class="src src-php"><span style="color: #c035aa;">Router</span>::get(<span style="color: #007f6f;">'/{id}/{key}'</span>, [<span style="color: #c035aa;">NoteController</span>::<span style="color: #705ae3; font-weight: bold;">class</span>, <span style="color: #007f6f;">'show'</span>]);
+<pre class="src src-php"><span style="color: #F5666D;">Router</span>::get(<span style="color: #4E9A06;">'/{id}/{key}'</span>, [<span style="color: #F5666D;">NoteController</span>::<span style="color: #A020F0;">class</span>, <span style="color: #4E9A06;">'show'</span>]);
 </pre>
 </div>
 
@@ -1278,9 +1252,8 @@ Crea una aplicación de gestión tareas (un TODO list), en donde puedas agregar
 </p>
 </div>
 </div>
-
-<div id="outline-container-org79ac1be" class="outline-3">
-<h3 id="org79ac1be"><span class="section-number-3">3.8.</span> Repositorio</h3>
+<div id="outline-container-org55ccc03" class="outline-3">
+<h3 id="org55ccc03"><span class="section-number-3">3.8.</span> Repositorio</h3>
 <div class="outline-text-3" id="text-3-8">
 <p>
 Por si alguien se perdió o sencillamente quiere ver código, he subido la aplicación ignota en este repositorio:
@@ -1296,9 +1269,8 @@ Te animo a hacerle un fork, mejorarlo y enviármelo. Los forks que me parezcan i
 </div>
 </div>
 </div>
-
-<div id="outline-container-orgaadf047" class="outline-2">
-<h2 id="orgaadf047"><span class="section-number-2">4.</span> Contacto</h2>
+<div id="outline-container-org6cba074" class="outline-2">
+<h2 id="org6cba074"><span class="section-number-2">4.</span> Contacto</h2>
 <div class="outline-text-2" id="text-4">
 <p>
 Como siempre, pueden contactarme mediante el correo <code>webmaster@outcontol.net</code>
@@ -1316,7 +1288,7 @@ No es una comunidad de programación solamente, pero ahora mismo no existe una d
 </div>
 <div id="postamble" class="status">
 <p class="author">Author: KJ</p>
-<p class="date">Created: 2024-06-03 lun 15:35</p>
+<p class="date">Created: 2024-09-06 vie 22:27</p>
 <p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
 </div>
 </body>
