Creación de subseccón y mejora en ejemplos (#260)

* Mejora de la visualización del código utilizando el plugin de Highlight.js para Svelte. Se agregaron varios enlaces para ver algunos de los ejemplos en un sitio online. Por último, se añadieron las diapositivas a la página.

* Revert "Mejora de la visualización del código utilizando el plugin de Highlight.js para Svelte. Se agregaron varios enlaces para ver algunos de los ejemplos en un sitio online. Por último, se añadieron las diapositivas a la página."

This reverts commit 2721f51.

* Mejora de la visualización del código utilizando el plugin de Highlight.js para Svelte. Se agregaron varios enlaces para ver algunos de los ejemplos en un sitio online. Por último, se añadieron las diapositivas a la página.

* Se agrega  un ejemplo haciendo uso de store writable y binding. Para realizar una lista de tareas.

* Añadir enlaces de ejemplos de lifecycles y corregir el contenido

* Ampliación de contenido, agregación de ejemplos y de sección.

Se agrega sección de uso de operadores lógicos en condicionales, además de la presencia de ejemplos funcionales de mayor complejidad y modificación de algunas descripciones de contenido.

* Update reactive/tutoriales/Svelte/generic.html

Small fix

* Update reactive/tutoriales/Svelte/generic.html

Fix <p> tag

* Update reactive/tutoriales/Svelte/generic.html

avoid repetition

---------

Co-authored-by: Julian David Sanchez Sanabria <[email protected]>
Co-authored-by: dabonilla <[email protected]>
Co-authored-by: Daniel <[email protected]>
Co-authored-by: Felipe Restrepo-Calle <[email protected]>

reactive/tutoriales/Svelte/assets/css/main.css

@@ -3363,10 +3363,10 @@ input, select, textarea {
 			border-left-color: #dddddd;
 		}
 
-		#main code {
+		/* #main code {
 			background: rgba(222, 222, 222, 0.25);
 			border-color: #dddddd;
-		}
+		} */
 
 		#main hr {
 			border-bottom-color: #dddddd;