-## 1. Preámbulo
-Cifrar significa codificar. El [cifrado César](https://en.wikipedia.org/wiki/Caesar_cipher)
-es uno de los primeros métodos de cifrado conocidos. El emperador romano Julio
-César lo usaba para enviar órdenes secretas a sus generales en los campos de
-batalla.
+Lost Cities : Es el imaginario de una comunidad entregada a sentir y experimentar la alternancia de lo vívido de compartir y construir espacios que encapsulan experiencias a travez de los sentidos y la digitalización( encarnación ) de nuestro tiempo.
-
+La aplicación integra tres apartados donde el usuario podra encontrar espacios para:
-El cifrado césar es una de las técnicas más simples para cifrar un mensaje. Es
-un tipo de cifrado por sustitución, es decir que cada letra del texto original
-es reemplazada por otra que se encuentra un número fijo de posiciones
-(desplazamiento) más adelante en el mismo alfabeto.
+- Exploración de conceptos y musica con su representación visual de cada Set.
-Por ejemplo, si usamos un desplazamiento (_offset_) de 3 posiciones:
-* La letra A se cifra como D.
-* La palabra CASA se cifra como FDVD.
-* Alfabeto sin cifrar: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
-* Alfabeto cifrado: D E F G H I J K L M N O P Q R S T U V W X Y Z A B C
+- Store para compra de merchandising acerca del concepto de cada ritual.
-En la actualidad, todos los cifrados de sustitución simple se descifran con
-mucha facilidad y, aunque en la práctica no ofrecen mucha seguridad en la
-comunicación por sí mismos; el cifrado César sí puede formar parte de sistemas
-más complejos de codificación, como el cifrado Vigenère, e incluso tiene
-aplicación en el sistema ROT13.
-## 2. Resumen del proyecto
+- Apartado para obtener la ubicación del ritual.
-¿Qué tengo que hacer exactamente? En este proyecto crearás la primera aplicación
-web del _bootcamp_. Servirá para que el usuario pueda cifrar y descifrar un
-texto indicando un desplazamiento específico de caracteres (_offset_).
+
-La temática es libre. Tú debes pensar en qué situaciones de la vida real se
-necesitaría cifrar un mensaje y pensar en cómo debe ser esa experiencia de uso
-(qué pantallas, explicaciones, mensajes, colores, ¿marca?) etc. Algunas ideas de
-ejemplo:
+
-* Crear claves seguras para el email.
-* Encriptar/cifrar una tarjeta de crédito.
-* Herramienta de mensajería interna de una organización de derechos humanos en
- una zona de conflicto.
-* Mensajería secreta para parejas.
-## 3. Objetivos de aprendizaje
-El objetivo principal de aprendizaje es adquirir experiencia desarrollando
-aplicaciones web (WebApp) que interactúen con el usuario a través del navegador
-y la lógica, utilizando HTML5, CCS3 y JavaScript como herramientas.
+Apartador Rituals
+
+ En este espacio el usuario sigue una serie de paso para revelar la ubicación del lugar:
+
+ 1- El dato a usar se encuentra en el ticket de compra. (codigo a cifrar).
+
+ 2- Ingresando el dato te revela la ubicación del lugar y toda la información acerca de el.
+
+ 3- El descuento corresponde depediendo de la sección del ticket (decifrado); y se obtiene dando click para canjear.
+
+VIP - 30%
+PISTA - 20%
+GENERAL - 10%
+
+PROTOTIPOS DE LA INTERFAZ
+
+
+
+
+
+
+
+
+
-Reflexiona y luego marca los objetivos que has llegado a **entender** y **aplicar** en tu proyecto.
### UX
-- [ ] Diseñar la aplicación pensando y entendiendo al usuario.
-- [ ] Crear prototipos para obtener feedback e iterar.
-- [ ] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
+- [ 👌🏿] Diseñar la aplicación pensando y entendiendo al usuario.
+- [👌🏿] Crear prototipos para obtener feedback e iterar.
+- [👌🏿 ] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
### HTML y CSS
-- [ ] Uso correcto de HTML semántico.
-- [ ] Uso de selectores de CSS.
-- [ ] Construir tu aplicación respetando el diseño realizado (maquetación).
+- [ 👌🏿] Uso correcto de HTML semántico.
+- [👌🏿 ] Uso de selectores de CSS.
+- [ 👌🏿] Construir tu aplicación respetando el diseño realizado (maquetación).
### DOM
-- [ ] Uso de selectores del DOM.
-- [ ] Manejo de eventos del DOM.
-- [ ] Manipulación dinámica del DOM.
+- [ 👌🏿] Uso de selectores del DOM.
+- [ 👌🏿] Manejo de eventos del DOM.
+- [ 👌🏿] Manipulación dinámica del DOM.
### Javascript
-- [ ] Manipulación de strings.
-- [ ] Uso de condicionales (if-else | switch).
+- [ 👌🏿 ] Manipulación de strings.
+- [ ] Uso de condicionales (if-else | switch).
- [ ] Uso de bucles (for | do-while).
- [ ] Uso de funciones (parámetros | argumentos | valor de retorno).
-- [ ] Declaración correcta de variables (const & let).
+- [👌🏿 ] Declaración correcta de variables (const & let).
### Testing
- [ ] Testeo de tus funciones.
### Git y GitHub
-- [ ] Comandos de git (add | commit | pull | status | push).
-- [ ] Manejo de repositorios de GitHub (clone | fork | gh-pages).
+- [ 👌🏿] Comandos de git (add | commit | pull | status | push).
+- [👌🏿 ] Manejo de repositorios de GitHub (clone | fork | gh-pages).
### Buenas prácticas de desarrollo
- [ ] Uso de identificadores descriptivos (Nomenclatura | Semántica).
- [ ] Uso de linter para seguir buenas prácticas (ESLINT).
-## 4. Consideraciones generales
-
-* Este proyecto se debe resolver de manera individual.
-* El proyecto será entregado subiendo tu código a GitHub (commit/push) y la
- interfaz será desplegada usando GitHub pages. Si no sabes lo que es GitHub, no
- te preocupes, lo aprenderás durante este proyecto.
-* Tiempo para completarlo: Toma como referencia 2 semanas. Trabaja durante el
- primer Sprint (una semana) y al final, trata de fijar un estimado de cuándo lo
- terminarás.
-
-## 5. Criterios de aceptación mínimos del proyecto
-
-Usa este alfabeto simple (solamente mayúsculas y sin ñ).
-
-* A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
-
-La interfaz debe permitir al usuario:
-
-* Elegir un desplazamiento (_offset_) indicando cuántas posiciones queremos que
- el cifrado desplace cada caracter.
-* Insertar un mensaje (texto) que queremos cifrar.
-* Ver el resultado del mensaje cifrado.
-* Insertar un mensaje (texto) a descifrar.
-* Ver el resultado del mensaje descifrado.
-
-### Scripts / Archivos
-
-#### UX (Diseño de experiencia de usuario)
-
-Antes de iniciar a codear, debes entender el problema que quieres solucionar y
-cómo tu aplicación lo soluciona.
-
-* Trabaja tu primer prototipo con papel y lápiz (blanco y negro).
-* Luego valida esta solución con una compañera (pedir feedback).
-* Toma lo aprendido al momento de validar tu primer prototipo y desarrolla un
- nuevo prototipo usando alguna herramienta para diseño de prototipos
- ([Balsamiq](https://balsamiq.com/), [Figma](https://www.figma.com/),
- [Google Slides](https://www.google.com/intl/es/slides/about/), etc.)
-Estos puntos los presentarás en el `README.md`.
-
-**`README.md`**:
-
-Debe contener lo siguiente:
-
-* Un título con el nombre de tu proyecto.
-* Un resumen de 1 o 2 líneas de qué se trata tu proyecto.
-* La imagen final de tu proyecto.
-* Investigación UX:
- 1. Explicar quiénes son los usuarios y los objetivos en relación con el
- producto.
- 2. Explicar cómo el producto soluciona los problemas/necesidades de dichos
- usuarios.
- 3. Luego colocarás la foto de tu primer prototipo en papel.
- 4. Agregar un resumen del feedback recibido indicando las mejoras a realizar.
- 5. Imagen del prototipo final.
-
-#### Visualmente (HTML5 y CSS3)
-
-Deberás maquetar de forma exacta el prototipo final que hiciste en balsamiq
-utilizando HTML5 y CSS3. En este momento elegirás los colores, tipo de fuente,
-etc a usar.
-
-A continuación describimos los archivos que utilizarás:
-
-**`src/index.html`**:
-
-En este archivo va el contenido que se mostrará al usuario (esqueleto HTML).
-Encontrarás 3 etiquetas iniciales, las cuales si deseas puedes borrar y empezar
-de cero:
-
-* `