Este proyecto fue desarrollado pensando en Gatos que quieren conquistar el mundo. Tomando en cuenta que eso sucediera en la realidad, ellos necesitarían un sistema de mensajes codificados para que los humanos no supiéramos cuáles son sus planes.
Respecto al diseño del sitio, decidí utilizar colores fríos, pues al investigar descubrí que los gatos pueden ver ciertos colores, principalmente los colores fríos como azules y verdes. La idea del sitio es que sea simple y no recargado. De momento decidí dejar todo en sólo una página. Creé un logo simple en Canva que represente al sitio.
Luego de estudiar sobre el HTML semántico y sobre las etiquetas en general, armé el esqueleto de la página en HTML. Esta contiene un header con una imagen como título, luiego un cuerpo donde sale la descripción de nuestra página, la parte más importante de la misma que corresponde al lugar donde haremos nuestro cifrado y descifrado. En él añadí un textarea para ingresar un mensaje, un input para ingresar el desplazamiento del mismo, dos botones de cifrado y descifrado y finalmente otra textarea que nos mostrará el resultado. Luego agregué otro texto explicativo y finalmente un footer con la información de Copyright.
Luego de estudiar sobre la función de cifrado en JavaScript, la aplicaré al sitio y luego agregaré más interacción al mismo. Primer llamé a cada elemento desde html. Agregué la función de que las letras se conviertieran en mayúsculas en caso de que la persona escriba en minúscula. Llamé a los elementos de texto y desplazamiento a través de los botones de html tanto en la función de cifrado como en la de descifrado.
Estudié los selectores de CSS y luego comencé a aplicar el diseño al sitio. Aprendí sobre el modelo de caja y lo apliqué a mi sitio.