La huérfana Sheeta heredó un cristal misterioso que la vincula con el mítico reino
+ celestial de Laputa. Con la ayuda del ingenioso Pazu y una alegre banda de piratas del cielo, se abre camino
+ hacia las ruinas de la otrora gran civilización. Sheeta y Pazu deben burlar al malvado Muska, quien planea usar
+ la ciencia de Laputa para convertirse en el gobernante del mundo.
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
This was the first official Studio Ghibli movie. It appears to have a certain inconsequential plot, but its visual findings are intimidating. It has all the necessary elements to draw us into the story: retro technology, things that fly, young romance and pure and innocent environmentalism. Here a couple of children will have to try to prevent an army of evil adults from snatching a magic crystal.
+
Esta fue la primera película oficial de Studio Ghibli. Aparenta cierta intrascendencia argumental, pero sus hallazgos visuales son intimidantes. Tiene todos los elementos necesarios para atraparnos en la historia: retrotecnología, cosas que vuelan, romance juvenil y ecologismo puro e inocente. Aquí un par de niños tendrán que intentar que un ejército de adultos malvados no les arrebate, con nefandos propósitos, un cristal mágico.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Castle in the Sky.js b/src/Castle in the Sky.js
new file mode 100644
index 00000000..23ee81de
--- /dev/null
+++ b/src/Castle in the Sky.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[0].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[0].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[0].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[0].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[0].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('pazu');
+personajes.src = listaPeliculas[0].people[0].img;
+var personajes = document.getElementById('nombrePazu');
+personajes.innerHTML = listaPeliculas[0].people[0].name;
+
+var personajes = document.getElementById('lusheeta');
+personajes.src = listaPeliculas[0].people[1].img;
+var personajes = document.getElementById('nombreLusheeta');
+personajes.innerHTML = listaPeliculas[0].people[1].name;
+
+var personajes = document.getElementById('dola');
+personajes.src = listaPeliculas[0].people[2].img;
+var personajes = document.getElementById('nombreDola');
+personajes.innerHTML = listaPeliculas[0].people[2].name;
+
+var personajes = document.getElementById('uncle');
+personajes.src = listaPeliculas[0].people[4].img;
+var personajes = document.getElementById('nombreUncle');
+personajes.innerHTML = listaPeliculas[0].people[4].name;
+
+var personajes = document.getElementById('louis');
+personajes.src = listaPeliculas[0].people[7].img;
+var personajes = document.getElementById('nombreLouis');
+personajes.innerHTML = listaPeliculas[0].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[0].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[0].producer;
+
diff --git a/src/From Up on Poppy Hill.html b/src/From Up on Poppy Hill.html
new file mode 100644
index 00000000..1adef437
--- /dev/null
+++ b/src/From Up on Poppy Hill.html
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
La colina de las amapolas
+
+
+
+
+
La historia está ambientada en 1963 en Yokohama. Kokuriko Manor se asienta sobre una
+ colina con vistas al puerto. En esa casa vive una niña de 16 años, Umi. Cada mañana iza una bandera de señales
+ frente al mar. La bandera significa "Rezo por viajes seguros". Un chico de 17 años, Shun, siempre ve esta
+ bandera desde el mar mientras viaja en un remolcador a la escuela. Poco a poco, la pareja se atrae el uno al
+ otro, pero se enfrentan a una prueba repentina. Aun así, siguen adelante sin huir de enfrentarse a las penurias
+ de la realidad.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Perhaps the experience of adapting a story as overtly fantasy as 'Tales of Earthsea' left Goro Miyazaki wanting something more realistic, and he experimented with it with this film co-written with his father. The result is not particularly brilliant in any aspect, but the visual beauty and the calm, summery rhythm is a delight. Set in the sixties, it recounts family secrets and youthful love, and has an exquisite historical setting -with the Tokyo Olympics revolutionizing the country and dispelling the memory of World War II-, undoubtedly the most interesting of the set.
+
Quizás la experiencia de adaptar una historia tan abiertamente de fantasía como 'Cuentos de Terramar' dejó a Goro Miyazaki con ganas de algo más realista, y experimentó con ello con esta película coescrita con su padre. El resultado no brilla especialmente en ningún aspecto, pero el preciosismo visual y el ritmo tranquilo, veraniego, es una delicia. Ambientada en los años sesenta, relata secretos familiares y amores juveniles, y tiene una exquisita ambientación histórica cotidiana -con las Olimpiadas de Tokyo revolucionando el país y disipando el recuerdo de la II Guerra Mundial-, sin duda lo más interesante del conjunto.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/From Up on Poppy Hill.js b/src/From Up on Poppy Hill.js
new file mode 100644
index 00000000..9ac5f035
--- /dev/null
+++ b/src/From Up on Poppy Hill.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[16].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[16].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[16].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[16].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[16].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('umi');
+personajes.src = listaPeliculas[16].people[0].img;
+var personajes = document.getElementById('nombreUmi');
+personajes.innerHTML = listaPeliculas[16].people[0].name;
+
+var personajes = document.getElementById('shun');
+personajes.src = listaPeliculas[16].people[1].img;
+var personajes = document.getElementById('nombreShun');
+personajes.innerHTML = listaPeliculas[16].people[1].name;
+
+var personajes = document.getElementById('sora');
+personajes.src = listaPeliculas[16].people[3].img;
+var personajes = document.getElementById('nombreSora');
+personajes.innerHTML = listaPeliculas[16].people[3].name;
+
+var personajes = document.getElementById('shirou');
+personajes.src = listaPeliculas[16].people[4].img;
+var personajes = document.getElementById('nombreShirou');
+personajes.innerHTML = listaPeliculas[16].people[4].name;
+
+var personajes = document.getElementById('riku');
+personajes.src = listaPeliculas[16].people[6].img;
+var personajes = document.getElementById('nombreRiku');
+personajes.innerHTML = listaPeliculas[16].people[6].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[16].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[16].producer;
+
diff --git a/src/Grave of the Fireflies.html b/src/Grave of the Fireflies.html
new file mode 100644
index 00000000..ac45ac39
--- /dev/null
+++ b/src/Grave of the Fireflies.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
La tumba de las luciérnagas
+
+
+
+
+
+
En la última parte de la Segunda Guerra Mundial, un niño y su hermana, que quedaron
+ huérfanos cuando su madre muere en el bombardeo de Tokio, deben sobrevivir solos en lo que queda de la vida
+ civil en Japón. La trama sigue a este niño y su hermana mientras hacen todo lo posible por sobrevivir en el
+ campo japonés, luchando contra el hambre, los prejuicios y el orgullo en su propia y tranquila batalla personal.
+
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Some hold this Isao Takahata film as one of Studio Ghibli's best, and it is understandable: with a
+ dose of tragedy that is absolutely unheard of in animated cinema (even by Japanese standards), this story of a
+ pair of brothers trying to surviving the ravages of war is one of those that leave the heart heavy. However, his
+ commitment to the tearful is sometimes a bit wild and sinful of coarseness. The proof: it was released in its day,
+ in a crazy double program, with 'Totoro'. Both deal with the theme of childhood loneliness, but the narrative
+ findings of one and the other are incomparable, no matter how much 'La tumba...' is infinitely sadder.
+
Hay quien tiene esta película de Isao Takahata como una de las mejores de Studio Ghibli, y es
+ comprensible: con unas dosis de tragedia absolutamente inauditas en el cine de animación (incluso dentro de los
+ estándares japoneses), esta historia de un par de hermanos intentando sobrevivir a los estragos de la guerra es de
+ las que dejan el corazón encogido. Sin embargo, su apuesta por lo lacrimógeno a veces es un poco salvaje y peca de
+ tosquedad. La prueba: fue estrenada en su día, en loquísimo programa doble, con 'Totoro'. Ambas tratan el tema de
+ la soledad infantil, pero los hallazgos narrativos de una y otra son incomparables, por mucho que 'La tumba...'
+ sea infinitamente más triste.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Grave of the Fireflies.js b/src/Grave of the Fireflies.js
new file mode 100644
index 00000000..72630152
--- /dev/null
+++ b/src/Grave of the Fireflies.js
@@ -0,0 +1,49 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[3].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[3].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[3].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[3].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[3].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('seita');
+personajes.src = listaPeliculas[3].people[0].img;
+var personajes = document.getElementById('nombreSeita');
+personajes.innerHTML = listaPeliculas[3].people[0].name;
+
+var personajes = document.getElementById('setsuko');
+personajes.src = listaPeliculas[3].people[1].img;
+var personajes = document.getElementById('nombreSetsuko');
+personajes.innerHTML = listaPeliculas[3].people[1].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[3].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[3].producer;
+
diff --git a/src/Howls Moving Castle.html b/src/Howls Moving Castle.html
new file mode 100644
index 00000000..9a8712f7
--- /dev/null
+++ b/src/Howls Moving Castle.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
El castillo ambulante
+
+
+
+
+
Cuando Sophie, una joven tímida, es maldecida con un cuerpo viejo por una bruja
+ rencorosa, su única oportunidad de romper el hechizo está en manos de un joven mago autoindulgente pero inseguro
+ y sus compañeros en sus piernas, que caminan a casa.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
One of Miyazaki's most discussed films, if not the most, due to a plot that doesn't mind being
+ confusing and its multiple twists in tone and plot. However, the imagery of the film is very powerful, beginning
+ with the incredible castle of the title, where a half-bird sorcerer lives who falls in love with a young woman who
+ has been transformed into an old woman by a curse. The absolute faith of the film in the pure fantastic image as
+ an abstraction and as a minimum unit of the narrative is what will make you fall at its feet or see it with a
+ certain distance.
+
Una de las películas más discutidas de Miyazaki, si no la que más, debido a un argumento al que no
+ le importa ser confuso y sus múltiples giros de tono y trama. Sin embargo, la imaginería de la película es
+ poderosísima, empezando por el increíble castillo del título, donde vive un brujo mitad pájaro que se enamora de
+ una joven que ha sido transformada en anciana por una maldición. La fe absoluta del film en la imagen fantástica
+ pura como abstracción y como unidad mínima de la narración es lo que te hará caer a sus pies o verla con cierto
+ distanciamiento.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Howls Moving Castle.js b/src/Howls Moving Castle.js
new file mode 100644
index 00000000..b73afc1b
--- /dev/null
+++ b/src/Howls Moving Castle.js
@@ -0,0 +1,69 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[12].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[12].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[12].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[12].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[12].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('howl');
+personajes.src = listaPeliculas[12].people[0].img;
+var personajes = document.getElementById('nombreHowl');
+personajes.innerHTML = listaPeliculas[12].people[0].name;
+
+var personajes = document.getElementById('sophie');
+personajes.src = listaPeliculas[12].people[1].img;
+var personajes = document.getElementById('nombreSophie');
+personajes.innerHTML = listaPeliculas[12].people[1].name;
+
+var personajes = document.getElementById('calcifer');
+personajes.src = listaPeliculas[12].people[3].img;
+var personajes = document.getElementById('nombreCalcifer');
+personajes.innerHTML = listaPeliculas[12].people[3].name;
+
+var personajes = document.getElementById('prince');
+personajes.src = listaPeliculas[12].people[5].img;
+var personajes = document.getElementById('nombrePrince');
+personajes.innerHTML = listaPeliculas[12].people[5].name;
+
+var personajes = document.getElementById('madame');
+personajes.src = listaPeliculas[12].people[6].img;
+var personajes = document.getElementById('nombreMadame');
+personajes.innerHTML = listaPeliculas[12].people[6].name;
+
+var personajes = document.getElementById('heen');
+personajes.src = listaPeliculas[12].people[7].img;
+var personajes = document.getElementById('nombreHeen');
+personajes.innerHTML = listaPeliculas[12].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[12].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[12].producer;
+
diff --git a/src/Kikis Delivery Service.html b/src/Kikis Delivery Service.html
new file mode 100644
index 00000000..74cf27f4
--- /dev/null
+++ b/src/Kikis Delivery Service.html
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Nicky, la aprendiz de bruja
+
+
+
+
+
A una joven bruja, en su año obligatorio de vida independiente, le resulta difícil
+ adaptarse a una nueva comunidad mientras se mantiene a sí misma administrando un servicio de mensajería aérea.
+
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director y productor
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Perhaps the most Disney Ghibli movie, if you will. Also one of the brightest and most colorful, and
+ one of the best examples of the house in which the fantastic is not shown as a devastating force that devastates
+ realism, but rather as another form of costumbrismo. The story of a very young witch who has to settle in the big
+ city and sets up a Glovo all by herself is one of the most beautiful (and fun) parables about self-improvement
+ that the studio has given, and one of the ones that has best defined next to 'Totoro' the most radiant face of
+ Ghibli.
+
Quizás la película más Disney de Ghibli, por así decirlo. También una de las más luminosas y
+ coloristas, y uno de los mejores ejemplos de la casa en la que lo fantástico no se muestra como una fuerza
+ devastadora que arrasa con el realismo, sino como una forma de costumbrismo más. La historia de una jovencísima
+ bruja que tiene que instalarse en la gran ciudad y se monta un Glovo ella sola es una de las más bellas (y
+ divertidas) parábolas sobre la superación personal que ha dado el estudio, y una de las que mejor ha definido
+ junto a 'Totoro' la cara más radiante de Ghibli.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Kikis Delivery Service.js b/src/Kikis Delivery Service.js
new file mode 100644
index 00000000..972d03bd
--- /dev/null
+++ b/src/Kikis Delivery Service.js
@@ -0,0 +1,52 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[2].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[2].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[2].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[2].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[2].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('kiki');
+personajes.src = listaPeliculas[2].people[0].img;
+var personajes = document.getElementById('nombreKiki');
+personajes.innerHTML = listaPeliculas[2].people[0].name;
+
+var personajes = document.getElementById('jiji');
+personajes.src = listaPeliculas[2].people[1].img;
+var personajes = document.getElementById('nombreJiji');
+personajes.innerHTML = listaPeliculas[2].people[1].name;
+
+var personajes = document.getElementById('tombo');
+personajes.src = listaPeliculas[2].people[3].img;
+var personajes = document.getElementById('nombreTombo');
+personajes.innerHTML = listaPeliculas[2].people[3].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[2].director;
+
+
diff --git a/src/My Neighbor Totoro.html b/src/My Neighbor Totoro.html
new file mode 100644
index 00000000..ba2f6e7a
--- /dev/null
+++ b/src/My Neighbor Totoro.html
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mi vecino Totoro
+
+
+
+
+
Dos hermanas se mudan al campo con su padre para estar más cerca de su madre
+ hospitalizada y descubren que los árboles de los alrededores están habitados por totoros, espíritus mágicos del
+ bosque. Cuando la menor se escapa de casa, la hermana mayor busca la ayuda de los espíritus para encontrarla.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director y productor
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Ghibli's best film is this unspoken adaptation of 'Alice in Wonderland' (something that was
+ already tested in 'Totoro': the Catbus was almost a declaration of intent), but changing the Victorian buzz for a
+ real tidal wave of spirits of all sizes and attitudes. The main girl, Chihiro, discovers that the Afterlife is the
+ closest thing to a job from 8 to 17 in a bathhouse for ghosts, where she must work while managing to save her
+ parents, who have been transformed into pigs. . Baffling and excessive, brimming with imagination and tenderness,
+ 'Spirited Away' is the perfect summary of everything that makes Studio Ghibli great.
+
La mejor película de Ghibli es esta adaptación inconfesa de 'Alicia en el País de las Maravillas'
+ (algo que ya se tanteó en 'Totoro': el Gatobús era casi una declaración de intenciones), pero cambiando los
+ zumbados victorianos por un auténtico maremoto de espíritus de todos los tamaños y actitudes. La niña
+ protagonista, Chihiro, descubre que el Más Allá es lo más parecido a un trabajo de 8 a 17 en una casa de baños
+ para espectros, donde debe trabajar mientras se las ingenia para salvar a sus padres, que han sido transformados
+ en cerdos. Desconcertante y excesiva, rebosante de imaginación y de ternura, 'El viaje de Chihiro' es el resumen
+ perfecto de todo lo que hace grande a Studio Ghibli.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/My Neighbor Totoro.js b/src/My Neighbor Totoro.js
new file mode 100644
index 00000000..3efb6738
--- /dev/null
+++ b/src/My Neighbor Totoro.js
@@ -0,0 +1,69 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[1].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[1].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[1].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[1].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[1].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('satsuki');
+personajes.src = listaPeliculas[1].people[0].img;
+var personajes = document.getElementById('nombreSatsuki');
+personajes.innerHTML = listaPeliculas[1].people[0].name;
+
+var personajes = document.getElementById('mei');
+personajes.src = listaPeliculas[1].people[1].img;
+var personajes = document.getElementById('nombreMei');
+personajes.innerHTML = listaPeliculas[1].people[1].name;
+
+var personajes = document.getElementById('totoro');
+personajes.src = listaPeliculas[1].people[6].img;
+var personajes = document.getElementById('nombreTotoro');
+personajes.innerHTML = listaPeliculas[1].people[6].name;
+
+var personajes = document.getElementById('chu');
+personajes.src = listaPeliculas[1].people[7].img;
+var personajes = document.getElementById('nombreChu');
+personajes.innerHTML = listaPeliculas[1].people[7].name;
+
+var personajes = document.getElementById('chibi');
+personajes.src = listaPeliculas[1].people[8].img;
+var personajes = document.getElementById('nombreChibi');
+personajes.innerHTML = listaPeliculas[1].people[8].name;
+
+var personajes = document.getElementById('catbus');
+personajes.src = listaPeliculas[1].people[9].img;
+var personajes = document.getElementById('nombreCatbus');
+personajes.innerHTML = listaPeliculas[1].people[9].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[1].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[1].producer;
+
diff --git a/src/My Neighbors the Yamadas.html b/src/My Neighbors the Yamadas.html
new file mode 100644
index 00000000..7e25c94c
--- /dev/null
+++ b/src/My Neighbors the Yamadas.html
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mis vecinos los Yamada
+
+
+
+
+
Los Yamada son una típica familia japonesa de clase media en el Tokio urbano y esta
+ película nos muestra una variedad de episodios de sus vidas. Con cuentos que van desde lo humorístico hasta lo
+ desgarrador, vemos a esta familia hacer frente a los pequeños conflictos, problemas y alegrías de la vida a su
+ manera.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Isao Takahata directed some of the strangest and most unclassifiable films in Ghibli's filmography,
+ and possibly this is the one that ranks highest in both categories. It was the studio's first all-digital film,
+ but despite this its watercolor drawing style gives it a strong tactile component. It distances itself from the
+ narrative complexity of other studio films with a series of almost independent vignettes about the daily
+ experiences of a completely normal family, and where the fantastic and traditional folklore are introduced with
+ the same simplicity of everyday life. A highly enjoyable rarity.
+
Isao Takahata dirigió algunas de las películas más extrañas e inclasificables de la filmografía de
+ Ghibli, y posiblemente, esta es la que más alto puntúa en ambas categorías. Fue la primera película enteramente
+ digital del estudio, pero a pesar de ello su estilo de dibujo en acuarela le da un componente táctil muy
+ acentuado. Se distancia de la complejidad narrativa de otras películas del estudio con una serie de viñetas casi
+ independientes sobre las vivencias cotidianas de una familia completamente normal, y donde el fantástico y el
+ folclore tradicional se introducirán con la misma cotidiana sencillez. Una rareza sumamente disfrutable.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/My Neighbors the Yamadas.js b/src/My Neighbors the Yamadas.js
new file mode 100644
index 00000000..d0d7ff30
--- /dev/null
+++ b/src/My Neighbors the Yamadas.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[9].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[9].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[9].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[9].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[9].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('takashi');
+personajes.src = listaPeliculas[9].people[0].img;
+var personajes = document.getElementById('nombreTakashi');
+personajes.innerHTML = listaPeliculas[9].people[0].name;
+
+var personajes = document.getElementById('matsuko');
+personajes.src = listaPeliculas[9].people[1].img;
+var personajes = document.getElementById('nombreMatsuko');
+personajes.innerHTML = listaPeliculas[9].people[1].name;
+
+var personajes = document.getElementById('noboru');
+personajes.src = listaPeliculas[9].people[2].img;
+var personajes = document.getElementById('nombreNoboru');
+personajes.innerHTML = listaPeliculas[9].people[2].name;
+
+var personajes = document.getElementById('nonoko');
+personajes.src = listaPeliculas[9].people[3].img;
+var personajes = document.getElementById('nombreNonoko');
+personajes.innerHTML = listaPeliculas[9].people[3].name;
+
+var personajes = document.getElementById('shige');
+personajes.src = listaPeliculas[9].people[4].img;
+var personajes = document.getElementById('nombreShige');
+personajes.innerHTML = listaPeliculas[9].people[4].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[9].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[9].producer;
+
diff --git a/src/Only Yesterday.html b/src/Only Yesterday.html
new file mode 100644
index 00000000..1efea063
--- /dev/null
+++ b/src/Only Yesterday.html
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Recuerdos del ayer
+
+
+
+
+
+
Es 1982, Taeko tiene 27 años, no está casada y ha vivido toda su vida en Tokio.
+ Decide visitar a su familia de ella en el campo, y mientras el tren viaja por la noche, los recuerdos de sus
+ años de juventud la inundan: los primeros indicios inmaduros del romance, el inicio de la pubertad y las
+ frustraciones de las matemáticas y los niños. En la estación se encuentra con el joven granjero Toshio, y sus
+ encuentros con él comienzan a reconectarla con anhelos olvidados. En cambios líricos entre el presente y el
+ pasado, Taeko contempla el arco de su vida de ella y se pregunta si ha sido fiel a los sueños de su infancia de
+ ella.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
If there is a Ghibli movie that can be classified as adult, it is this one, and obviously not
+ because it has conflicting moral content, quite the contrary. But his observation of the passage from childhood to
+ adulthood is reflected with a maturity and a certain nostalgic trace (but a non-toxic nostalgia, how could it be
+ otherwise), so a child may not find much of interest here. The renunciation of any type of fantasy in the story of
+ a woman who reflects on what childhood experiences made her strong in what she is, certifies the singularity of
+ one of the most unclassifiable Ghibli films, and which did not reach the West until recently.
+
Si hay una película de Ghibli que pueda ser calificada para adultos es esta, y obviamente no porque
+ tenga contenido moralmente conflictivo, más bien al contrario. Pero su observación del paso de la infancia a la
+ vida adulta está reflejada con una madurez y cierto poso nostálgico (pero una nostalgia nada tóxica, como no podía
+ ser de otro modo), por lo que posiblemente un niño no encontrará demasiado de interés aquí. La renuncia a
+ cualquier tipo de fantasía en la historia de una mujer que reflexiona sobre qué vivencias infantiles la
+ convirtieron en lo que es, certifica lo singular de una de las películas más inclasificables de Ghibli, y que no
+ llegó a Occidente hasta hace poco.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Only Yesterday.js b/src/Only Yesterday.js
new file mode 100644
index 00000000..6fc300c2
--- /dev/null
+++ b/src/Only Yesterday.js
@@ -0,0 +1,59 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[4].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[4].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[4].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[4].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[4].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('taeko');
+personajes.src = listaPeliculas[4].people[0].img;
+var personajes = document.getElementById('nombreTaeko');
+personajes.innerHTML = listaPeliculas[4].people[0].name;
+
+var personajes = document.getElementById('toshio');
+personajes.src = listaPeliculas[4].people[1].img;
+var personajes = document.getElementById('nombreToshio');
+personajes.innerHTML = listaPeliculas[4].people[1].name;
+
+var personajes = document.getElementById('nanako');
+personajes.src = listaPeliculas[4].people[5].img;
+var personajes = document.getElementById('nombreNanako');
+personajes.innerHTML = listaPeliculas[4].people[5].name;
+
+var personajes = document.getElementById('yaeko');
+personajes.src = listaPeliculas[4].people[6].img;
+var personajes = document.getElementById('nombreYaeko');
+personajes.innerHTML = listaPeliculas[4].people[6].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[4].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[4].producer;
+
diff --git a/src/Pom Poko.html b/src/Pom Poko.html
new file mode 100644
index 00000000..55a06f7e
--- /dev/null
+++ b/src/Pom Poko.html
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Pompoko
+
+
+
+
+
A medida que el desarrollo de la ciudad humana invade el bosque y el hábitat de la
+ pradera de la población de mapaches, los mapaches se enfrentan a la posibilidad muy real de extinción. En
+ respuesta, los mapaches se involucran en una lucha desesperada para detener la construcción y preservar su
+ hogar.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
One of Ghibli's most unique faces is the eco-terrorist, and of all the house films that advocate
+ direct action to confront the progress that is devouring the planet, this is the most bizarre. The director of 'My
+ Neighbors the Yamadas' puts the heroes here of some Japanese raccoons who use their multimorphic powers to scare
+ the workers of a heartless construction site, in plans that are increasingly delusional and typical of a demented
+ slapstick. The makeover catalog sequence is among the studio's most brilliant and wacky moments.
+
Una de las caras más singulares de Ghibli es la ecoterrorista, y de todas las películas de la casa
+ que abogan por la acción directa para enfrentarse al progreso que devora el planeta, esta es la más estrafalaria.
+ El director de 'Mis vecinos los Yamada' pone de héroes aquí a unos mapaches japoneses que usan sus poderes
+ multimórficos para asustar a los trabajadores de una desalmada construcción, en planes cada vez más delirantes y
+ propios de un slapstick demente. La secuencia del catálogo de transformaciones está entre los momentos más
+ brillantes y chiflados del estudio.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Pom Poko.js b/src/Pom Poko.js
new file mode 100644
index 00000000..5ff74ae2
--- /dev/null
+++ b/src/Pom Poko.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[6].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[6].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[6].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[6].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[6].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('shoukichi');
+personajes.src = listaPeliculas[6].people[0].img;
+var personajes = document.getElementById('nombreShoukichi');
+personajes.innerHTML = listaPeliculas[6].people[0].name;
+
+var personajes = document.getElementById('okiyo');
+personajes.src = listaPeliculas[6].people[1].img;
+var personajes = document.getElementById('nombreOkiyo');
+personajes.innerHTML = listaPeliculas[6].people[1].name;
+
+var personajes = document.getElementById('oroku');
+personajes.src = listaPeliculas[6].people[3].img;
+var personajes = document.getElementById('nombreOroku');
+personajes.innerHTML = listaPeliculas[6].people[3].name;
+
+var personajes = document.getElementById('gonta');
+personajes.src = listaPeliculas[6].people[4].img;
+var personajes = document.getElementById('nombreGonta');
+personajes.innerHTML = listaPeliculas[6].people[4].name;
+
+var personajes = document.getElementById('inugami');
+personajes.src = listaPeliculas[6].people[5].img;
+var personajes = document.getElementById('nombreInugami');
+personajes.innerHTML = listaPeliculas[6].people[5].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[6].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[6].producer;
+
diff --git a/src/Ponyo on the Cliff by the Sea.html b/src/Ponyo on the Cliff by the Sea.html
new file mode 100644
index 00000000..f52c1f26
--- /dev/null
+++ b/src/Ponyo on the Cliff by the Sea.html
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ponyo en el acantilado
+
+
+
+
+
Hijo de un marinero, Sosuke, de 5 años, vive una vida tranquila en un acantilado
+ junto al mar con su madre Lisa. Un fatídico día, encuentra un hermoso pez dorado atrapado en una botella en la
+ playa y al rescatarla, la llama de ella Ponyo. Pero ella no es un pez dorado ordinario. Hija de un mago
+ magistral y una diosa del mar, Ponyo usa la magia de su padre para transformarse en una niña y rápidamente se
+ enamora de Sosuke, pero el uso de una hechicería tan poderosa provoca un peligroso desequilibrio en el mundo. A
+ medida que la luna se acerca constantemente a la tierra y el padre de Ponyo envía las poderosas olas del océano
+ para encontrar a su hija, los dos niños se embarcan en la aventura de su vida para salvar el mundo y cumplir los
+ sueños de Ponyo de convertirse en humana.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
All that the adorable 'Ponyo' has to offer is summed up pretty well by the lyrics of her infectious theme song in the English translated version (similar, but not identical to the Japanese one): "Ponyo, Ponyo, Ponyo, magic set you free / Oh, she's a little girl with a round tummy." If that seems little to you, oh, you don't know Ponyo, among the amazing underwater designs because, which do with the bottom of the sea what other Miyazaki films have done with the open sky, spectacular action sequences, a story of childhood friendship that leaves you shivering and the usual superb designs of vehicles, settings and characters (watch out for the minimalist and superb Ponyo tadpole), you have all the elements for a simply perfect Ghibli movie.
+
Todo lo que ofrece la adorable 'Ponyo' se resume bastante bien en la letra de su infeccioso tema musical en la versión traducida al inglés (similar, pero no idéntica a la japonesa): "Ponyo, Ponyo, Ponyo, magic sets you free / Oh, she's a little girl with a round tummy". Si te parece poco, ah, no conoces a Ponyo, porque entre los alucinantes diseños submarinos, que hacen con el fondo del mar lo que otras películas de Miyazaki han hecho con el cielo abierto, espectaculares secuencias de acción, una historia de amistad infantil que te deja tiritando y los habituales diseños soberbios de vehículos, escenarios y personajes (ojo a la minimalista y soberbia Ponyo renacuajo), tienes todos los elementos para una película Ghibli sencillamente perfecta.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Ponyo on the Cliff by the Sea.js b/src/Ponyo on the Cliff by the Sea.js
new file mode 100644
index 00000000..2afbe9db
--- /dev/null
+++ b/src/Ponyo on the Cliff by the Sea.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[14].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[14].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[14].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[14].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[14].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('sosuke');
+personajes.src = listaPeliculas[14].people[0].img;
+var personajes = document.getElementById('nombreSosuke');
+personajes.innerHTML = listaPeliculas[14].people[0].name;
+
+var personajes = document.getElementById('brunhilde');
+personajes.src = listaPeliculas[14].people[1].img;
+var personajes = document.getElementById('nombreBrunhilde');
+personajes.innerHTML = listaPeliculas[14].people[1].name;
+
+var personajes = document.getElementById('fujimoto');
+personajes.src = listaPeliculas[14].people[3].img;
+var personajes = document.getElementById('nombreFujimoto');
+personajes.innerHTML = listaPeliculas[14].people[3].name;
+
+var personajes = document.getElementById('granmammare');
+personajes.src = listaPeliculas[14].people[4].img;
+var personajes = document.getElementById('nombreGranmammare');
+personajes.innerHTML = listaPeliculas[14].people[4].name;
+
+var personajes = document.getElementById('lisa');
+personajes.src = listaPeliculas[14].people[5].img;
+var personajes = document.getElementById('nombreLisa');
+personajes.innerHTML = listaPeliculas[14].people[5].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[14].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[14].producer;
+
diff --git a/src/Porco Rosso.html b/src/Porco Rosso.html
new file mode 100644
index 00000000..febb5a8b
--- /dev/null
+++ b/src/Porco Rosso.html
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Porco Rosso
+
+
+
+
+
+
Porco Rosso, conocido en Japón como Crimson Pig (Kurenai no Buta), es la sexta
+ película animada de Hayao Miyazaki y se estrenó en 1992. Te presentan a un as de combate italiano de la Primera
+ Guerra Mundial, que ahora vive como un cazarrecompensas independiente persiguiendo el aire. piratas' en el mar
+ Adriático. Le han dado una maldición que cambió su cabeza por la de un cerdo. Una vez llamado Marco Pagot, ahora
+ es conocido en el mundo como 'Porco Rosso', en italiano para 'Red Pig'.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
One of Miyazaki's simplest and most direct films, and for that very reason one of the best for
+ entering the Ghibli universe. But let no one be fooled: its plot of an Italian pilot turned into a pig by a spell,
+ who dedicates his plane to shooting down air pirates, may not be too sophisticated, but the pristine beauty of its
+ images, its incredible aerial action sequences (perhaps the best in all of Ghibli), his forceful message about the
+ imprint of war on the soul of soldiers and immortal phrases like "I'd rather be a pig than a fascist", as valuable
+ today as ever.
+
Una de las películas más sencillas y directas de Miyazaki, y por eso mismo una de las mejores para
+ entrar en el universo Ghibli. Pero que nadie se llame a engaño: su argumento de un piloto italiano transformado en
+ cerdo por un hechizo, que se dedica con su avión a derribar piratas aéreos puede no ser demasiado sofisticado,
+ pero sí lo es la prístina belleza de sus imágenes, sus increíbles secuencias de acción aéreas (quizás las mejores
+ de todo Ghibli), su contundente mensaje sobre la huella de la guerra en el alma de los soldados y frases
+ inmortales como "Prefiero ser un cerdo que un fascista", tan valiosas hoy como siempre.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Porco Rosso.js b/src/Porco Rosso.js
new file mode 100644
index 00000000..e39e037d
--- /dev/null
+++ b/src/Porco Rosso.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[5].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[5].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[5].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[5].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[5].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('porco');
+personajes.src = listaPeliculas[5].people[0].img;
+var personajes = document.getElementById('nombrePorco');
+personajes.innerHTML = listaPeliculas[5].people[0].name;
+
+var personajes = document.getElementById('donald');
+personajes.src = listaPeliculas[5].people[1].img;
+var personajes = document.getElementById('nombreDonald');
+personajes.innerHTML = listaPeliculas[5].people[1].name;
+
+var personajes = document.getElementById('fio');
+personajes.src = listaPeliculas[5].people[2].img;
+var personajes = document.getElementById('nombreFio');
+personajes.innerHTML = listaPeliculas[5].people[2].name;
+
+var personajes = document.getElementById('gina');
+personajes.src = listaPeliculas[5].people[3].img;
+var personajes = document.getElementById('nombreGina');
+personajes.innerHTML = listaPeliculas[5].people[3].name;
+
+var personajes = document.getElementById('capo');
+personajes.src = listaPeliculas[5].people[5].img;
+var personajes = document.getElementById('nombreCapo');
+personajes.innerHTML = listaPeliculas[5].people[5].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[5].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[5].producer;
+
diff --git a/src/Princess Mononoke.html b/src/Princess Mononoke.html
new file mode 100644
index 00000000..d6f6e494
--- /dev/null
+++ b/src/Princess Mononoke.html
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
La princesa Mononoke
+
+
+
+
+
+
Ashitaka, un príncipe de la tribu ainu que desaparece, es maldecido por un dios
+ jabalí demonizado y debe viajar al oeste para encontrar una cura. En el camino, se encuentra con San, una joven
+ humana que lucha por proteger el bosque, y con Lady Eboshi, que intenta destruirlo. Ashitaka debe encontrar la
+ forma de equilibrar este conflicto.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
TOne of Ghibli's most violent and intense films, but also one that, thanks to its combatively
+ ecologist message, the strength of its leading princess, and the iconic nature of its characters (from the various
+ creatures to the villains), bears the stamp of the best of the studio in every frame. Remembered for its
+ incredibly impressive action scenes and for an immersive world that we understand perfectly even though the script
+ is never too discursive or takes the viewer by the hand. The film drinks from references such as Kurosawa's
+ cinema, but at the same time it is clearly Miyazaki, and the story it tells about how nature revolts and punishes
+ those who attack it, well... well, that's where we are.
+
Una de las películas más violentas e intensas de Ghibli, pero también una que gracias a su mensaje
+ combativamente ecologista, a la fortaleza de su princesa protagonista, y a lo icónico de sus personajes (de las
+ variadas criaturas a los villanos), lleva el sello de lo mejor del estudio en cada fotograma. Recordada por
+ escenas de acción increiblemente impactantes y por un mundo inmersivo y que entendemos a la perfección aunque el
+ guión nunca peque de discursivo ni de llevar al espectador de la mano. La película bebe de referentes como el cine
+ de Kurosawa, pero a la vez es netamente Miyazaki, y la historia que cuenta sobre cómo la naturaleza se revuelve y
+ castiga a quienes la agreden, bueno... pues en eso estamos.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Princess Mononoke.js b/src/Princess Mononoke.js
new file mode 100644
index 00000000..7381f723
--- /dev/null
+++ b/src/Princess Mononoke.js
@@ -0,0 +1,69 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[8].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[8].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[8].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[8].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[8].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('ashitaka');
+personajes.src = listaPeliculas[8].people[0].img;
+var personajes = document.getElementById('nombreAshitaka');
+personajes.innerHTML = listaPeliculas[8].people[0].name;
+
+var personajes = document.getElementById('san');
+personajes.src = listaPeliculas[8].people[1].img;
+var personajes = document.getElementById('nombreSan');
+personajes.innerHTML = listaPeliculas[8].people[1].name;
+
+var personajes = document.getElementById('eboshi');
+personajes.src = listaPeliculas[8].people[2].img;
+var personajes = document.getElementById('nombreEboshi');
+personajes.innerHTML = listaPeliculas[8].people[2].name;
+
+var personajes = document.getElementById('yakul');
+personajes.src = listaPeliculas[8].people[7].img;
+var personajes = document.getElementById('nombreYakul');
+personajes.innerHTML = listaPeliculas[8].people[7].name;
+
+var personajes = document.getElementById('shishigami');
+personajes.src = listaPeliculas[8].people[8].img;
+var personajes = document.getElementById('nombreShishigami');
+personajes.innerHTML = listaPeliculas[8].people[8].name;
+
+var personajes = document.getElementById('moro');
+personajes.src = listaPeliculas[8].people[9].img;
+var personajes = document.getElementById('nombreMoro');
+personajes.innerHTML = listaPeliculas[8].people[9].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[8].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[8].producer;
+
diff --git a/src/Spirited Away.html b/src/Spirited Away.html
new file mode 100644
index 00000000..3a544e3c
--- /dev/null
+++ b/src/Spirited Away.html
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
El viaje de Chihiro
+
+
+
+
+
+
Spirited Away es una película de animación japonesa ganadora de un Oscar sobre una
+ niña de diez años que se aleja de sus padres por un camino que conduce a un mundo gobernado por extraños e
+ inusuales animales parecidos a monstruos. Sus padres de ella se han convertido en cerdos junto con otros dentro
+ de un baño lleno de estas criaturas. ¿Verá alguna vez el mundo como era antes?
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Ghibli's best film is this unspoken adaptation of 'Alice in Wonderland' (something that was already
+ tested in 'Totoro': the Catbus was almost a declaration of intent), but changing the Victorian buzz for a real
+ tidal wave of spirits of all sizes and attitudes. The main girl, Chihiro, discovers that the Afterlife is the
+ closest thing to a job from 8 to 17 in a bathhouse for ghosts, where she must work while managing to save her
+ parents, who have been transformed into pigs. . Baffling and excessive, brimming with imagination and tenderness,
+ 'Spirited Away' is the perfect summary of everything that makes Studio Ghibli great.
+
La mejor película de Ghibli es esta adaptación inconfesa de 'Alicia en el País de las Maravillas'
+ (algo que ya se tanteó en 'Totoro': el Gatobús era casi una declaración de intenciones), pero cambiando los
+ zumbados victorianos por un auténtico maremoto de espíritus de todos los tamaños y actitudes. La niña
+ protagonista, Chihiro, descubre que el Más Allá es lo más parecido a un trabajo de 8 a 17 en una casa de baños
+ para espectros, donde debe trabajar mientras se las ingenia para salvar a sus padres, que han sido transformados
+ en cerdos. Desconcertante y excesiva, rebosante de imaginación y de ternura, 'El viaje de Chihiro' es el resumen
+ perfecto de todo lo que hace grande a Studio Ghibli.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Spirited Away.js b/src/Spirited Away.js
new file mode 100644
index 00000000..2a4f6624
--- /dev/null
+++ b/src/Spirited Away.js
@@ -0,0 +1,74 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[10].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[10].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[10].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[10].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[10].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('chihiro');
+personajes.src = listaPeliculas[10].people[0].img;
+var personajes = document.getElementById('nombreChihiro');
+personajes.innerHTML = listaPeliculas[10].people[0].name;
+
+var personajes = document.getElementById('haku');
+personajes.src = listaPeliculas[10].people[1].img;
+var personajes = document.getElementById('nombreHaku');
+personajes.innerHTML = listaPeliculas[10].people[1].name;
+
+var personajes = document.getElementById('yubaba');
+personajes.src = listaPeliculas[10].people[2].img;
+var personajes = document.getElementById('nombreYubaba');
+personajes.innerHTML = listaPeliculas[10].people[2].name;
+
+var personajes = document.getElementById('no-Face');
+personajes.src = listaPeliculas[10].people[4].img;
+var personajes = document.getElementById('nombreNo-Face');
+personajes.innerHTML = listaPeliculas[10].people[4].name;
+
+var personajes = document.getElementById('lin');
+personajes.src = listaPeliculas[10].people[5].img;
+var personajes = document.getElementById('nombreLin');
+personajes.innerHTML = listaPeliculas[10].people[5].name;
+
+var personajes = document.getElementById('boh');
+personajes.src = listaPeliculas[10].people[6].img;
+var personajes = document.getElementById('nombreBoh');
+personajes.innerHTML = listaPeliculas[10].people[6].name;
+
+var personajes = document.getElementById('zeniba');
+personajes.src = listaPeliculas[10].people[7].img;
+var personajes = document.getElementById('nombreZeniba');
+personajes.innerHTML = listaPeliculas[10].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[10].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[10].producer;
+
diff --git a/src/Tales from Earthsea.html b/src/Tales from Earthsea.html
new file mode 100644
index 00000000..9f19fc5d
--- /dev/null
+++ b/src/Tales from Earthsea.html
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Cuentos de Terramar
+
+
+
+
+
+
Algo extraño se ha apoderado de la tierra. El reino se está deteriorando. La gente
+ está empezando a actuar de forma extraña... Lo que es aún más extraño es que la gente está empezando a ver
+ dragones, que no deberían entrar en el mundo de los humanos. Debido a todos estos extraños eventos, Ged, un mago
+ errante, está investigando la causa. Durante su viaje, conoce al Príncipe Arren, un joven adolescente distraído.
+ Si bien Arren puede parecer un joven adolescente tímido, tiene un lado oscuro severo, que le otorga fuerza,
+ odio, crueldad y no tiene piedad, especialmente cuando se trata de proteger a Teru. Para la bruja Kumo esta es
+ una oportunidad perfecta. Ella puede usar los 'miedos' del niño contra el mismo que lo ayudaría, Ged.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Although it is unanimously considered the worst Studio Ghibli film, the first production by
+ Miyazaki's son is not without interest (it is what Ghibli has: the worst are simply less better). But the audacity
+ to adapt the complex, throbbing original novels of the great Ursula K. Le Guin ends up with a fantasy of the bunch
+ despite wanting to respect turns and characters (or perhaps because of that). The protagonist is a young man
+ self-exiled from his land after murdering his father, and ranks high as one of Ghibli's most unsympathetic
+ protagonists. Technically, yes, it reveals the year of its production and has fabulous action scenes.
+
Aunque está considerada de forma unánime la peor película del Studio Ghibli, la primera producción
+ del hijo de Miyazaki no está carente de interés (es lo que tiene Ghibli:
+ las peores son, simplemente, menos mejores). Pero el atrevimiento de adaptar las complejas, palpitantes novelas
+ originales de la gran Ursula K. Le Guin se salda con una fantasía del montón pese a querer respetarle giros y
+ personajes (o quizás debido a eso). El protagonista es un joven autoexiliado de su tierra tras asesinar a su
+ padre, y puntúa alto como uno de los protagonistas más antipáticos de Ghibli. Técnicamente, eso sí, delata el año
+ de su producción y tiene escenas de acción fabulosas.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Tales from Earthsea.js b/src/Tales from Earthsea.js
new file mode 100644
index 00000000..1c2db8b9
--- /dev/null
+++ b/src/Tales from Earthsea.js
@@ -0,0 +1,61 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[13].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[13].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[13].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[13].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[13].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('ged');
+personajes.src = listaPeliculas[13].people[0].img;
+var personajes = document.getElementById('nombreGed');
+personajes.innerHTML = listaPeliculas[13].people[0].name;
+
+var personajes = document.getElementById('arren');
+personajes.src = listaPeliculas[13].people[1].img;
+var personajes = document.getElementById('nombreArren');
+personajes.innerHTML = listaPeliculas[13].people[1].name;
+
+var personajes = document.getElementById('therru');
+personajes.src = listaPeliculas[13].people[2].img;
+var personajes = document.getElementById('nombreTherru');
+personajes.innerHTML = listaPeliculas[13].people[2].name;
+
+var personajes = document.getElementById('cob');
+personajes.src = listaPeliculas[13].people[5].img;
+var personajes = document.getElementById('nombreCob');
+personajes.innerHTML = listaPeliculas[13].people[5].name;
+
+
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[13].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[13].producer;
+
diff --git a/src/The Cat Returns.html b/src/The Cat Returns.html
new file mode 100644
index 00000000..0ca26c4e
--- /dev/null
+++ b/src/The Cat Returns.html
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Haru en el reino de los gatos
+
+
+
+
+
+
Haru, una colegiala aburrida de su rutina ordinaria, salva la vida de un gato
+ inusual y, de repente, su mundo se transforma más allá de lo que jamás hubiera imaginado. ¡El Rey Gato
+ recompensa su buena acción de ella con una serie de regalos, incluida una propuesta de matrimonio muy impactante
+ para su hijo de ella! Haru se embarca en un viaje inesperado al Reino de los Gatos donde sus ojos se abren a un
+ mundo completamente diferente.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
If you're a fan of Ghibli's cats (and what a decent person isn't, it should be added), 'Haru in the
+ Kingdom of Cats', a very relative spin-off of 'Whispers of the Heart', is for you. In it, a girl saves the life of
+ a cat on the road and it turns out that he is the prince of the Kingdom of Cats and wants to marry her. Despite
+ the fact that the young woman declines the offer, she opens the door to a wonderful world of anthropomorphic cats
+ but they are still very, very cats. Often underappreciated, but with an innocent sense of humor and absolutely
+ adorable talkback.
+
Si eres fan de los gatos de Ghibli (y qué persona decente no lo es, cabe añadir), 'Haru en el reino
+ de los gatos', un spin-off muy relativo de 'Susurros del corazón', es para ti. En ella una chica salva la vida de
+ un gato en la carretera y resulta que es el príncipe del Reino de los Gatos y quiere casarse con ella. Pese a que
+ la joven declina la oferta, se nos abre la puerta a un mundo maravilloso de gatos antropomórficos pero que no
+ dejan de ser muy, muy gatos. A menudo infravalorada, pero con un sentido del humor inocente y respondón
+ absolutamente adorable.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/The Cat Returns.js b/src/The Cat Returns.js
new file mode 100644
index 00000000..c96dec4d
--- /dev/null
+++ b/src/The Cat Returns.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[11].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[11].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[11].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[11].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[11].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('renaldo');
+personajes.src = listaPeliculas[11].people[0].img;
+var personajes = document.getElementById('nombreRenaldo');
+personajes.innerHTML = listaPeliculas[11].people[0].name;
+
+var personajes = document.getElementById('cat');
+personajes.src = listaPeliculas[11].people[1].img;
+var personajes = document.getElementById('nombreCat');
+personajes.innerHTML = listaPeliculas[11].people[1].name;
+
+var personajes = document.getElementById('yuki');
+personajes.src = listaPeliculas[11].people[2].img;
+var personajes = document.getElementById('nombreYuki');
+personajes.innerHTML = listaPeliculas[11].people[2].name;
+
+var personajes = document.getElementById('haru');
+personajes.src = listaPeliculas[11].people[3].img;
+var personajes = document.getElementById('nombreHaru');
+personajes.innerHTML = listaPeliculas[11].people[3].name;
+
+var personajes = document.getElementById('prince');
+personajes.src = listaPeliculas[11].people[6].img;
+var personajes = document.getElementById('nombrePrince');
+personajes.innerHTML = listaPeliculas[11].people[6].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[11].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[11].producer;
+
diff --git a/src/The Secret World of Arrietty.html b/src/The Secret World of Arrietty.html
new file mode 100644
index 00000000..2fd53da5
--- /dev/null
+++ b/src/The Secret World of Arrietty.html
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Arrietty y el mundo de los diminutos
+
+
+
+
+
+
Arrietty, de 14 años, y el resto de la familia Clock viven en un apacible anonimato
+ mientras construyen su propia casa con elementos 'prestados' de los habitantes humanos de la casa. Sin embargo,
+ la vida cambia para los Clocks cuando un niño humano descubre a Arrietty.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Another story that, perhaps due to the British origin of the book that inspires it, doesn't quite
+ feel one hundred percent Ghibli, but is certainly an animated delight. Its protagonist, a borrower -tiny beings a
+ few centimeters tall that live hidden in human houses and live by borrowing objects and food that we will not
+ miss- is in tune with other heroines of the study, and without Without a doubt, it is the highlight of a visually
+ superb film with an absolutely spectacular soundtrack by Cécile Corbel.
+
Otra historia que, quizás por el origen británico del libro que la inspira, no termina de sentirse
+ cien por cien Ghibli, pero que sin duda es toda una delicia animada. Su protagonista, una borrower -diminutos
+ seres de unos pocos centímetros de alto que viven ocultos en las casas de los humanos y viven de coger prestados
+ objetos y alimentos que no echaremos de menos- sí que está en sintonía con otras heroínas del estudio, y sin duda
+ es lo más destacable de una película soberbia en lo visual y con una banda sonora de Cécile Corbel absolutamente
+ espectacular.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/The Secret World of Arrietty.js b/src/The Secret World of Arrietty.js
new file mode 100644
index 00000000..6dba63b9
--- /dev/null
+++ b/src/The Secret World of Arrietty.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[15].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[15].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[15].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[15].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[15].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('karigurashi');
+personajes.src = listaPeliculas[15].people[0].img;
+var personajes = document.getElementById('nombreKarigurashi');
+personajes.innerHTML = listaPeliculas[15].people[0].name;
+
+var personajes = document.getElementById('sho');
+personajes.src = listaPeliculas[15].people[1].img;
+var personajes = document.getElementById('nombreSho');
+personajes.innerHTML = listaPeliculas[15].people[1].name;
+
+var personajes = document.getElementById('spiller');
+personajes.src = listaPeliculas[15].people[5].img;
+var personajes = document.getElementById('nombreSpiller');
+personajes.innerHTML = listaPeliculas[15].people[5].name;
+
+var personajes = document.getElementById('pod');
+personajes.src = listaPeliculas[15].people[6].img;
+var personajes = document.getElementById('nombrePod');
+personajes.innerHTML = listaPeliculas[15].people[6].name;
+
+var personajes = document.getElementById('niya');
+personajes.src = listaPeliculas[15].people[7].img;
+var personajes = document.getElementById('nombreNiya');
+personajes.innerHTML = listaPeliculas[15].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[15].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[15].producer;
+
diff --git a/src/The Tale of the Princess Kaguya.html b/src/The Tale of the Princess Kaguya.html
new file mode 100644
index 00000000..61a69d2c
--- /dev/null
+++ b/src/The Tale of the Princess Kaguya.html
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
El cuento de la princesa Kaguya
+
+
+
+
+
+
Un cortador de bambú llamado Sanuki no Miyatsuko descubre a una niña en miniatura
+ dentro de un brote de bambú que brilla intensamente. Creyendo que ella es una presencia divina, él y su esposa
+ de ella deciden criarla como su propia hija, llamándola 'Princesa'.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Takahata's latest film revisited the Yamadas' watercolor aesthetic, but radically changed the
+ setting, this time heavily into a traditional 20C Japanese fairy tale. X. This tells the story of a girl born from
+ a bamboo cane who, when she grows up, is sent by her parents to a palace to become a noble. Although it is
+ slightly longer than it should be, 'El cuento...' exhibits an astonishing expressive display thanks to an
+ apparently simple animation, but in reality extremely sophisticated, with an absolutely organic and captivating
+ festival of colors and dynamism.
+
La última película de Takahata retoma la estética de acuarelas de los Yamada, pero cambia
+ radicalmente la ambientación, esta vez basándose en un cuento de hadas tradicional japonés del s. X. Éste cuenta
+ la historia de una chica nacida de una caña de bambú que, cuando crece, es enviada por sus padres a un palacio
+ para convertirse en noble. Aunque es levemente más larga de lo que le conviene, 'El cuento...' exhibe un asombroso
+ despliegue expresivo gracias a una animación aparentemente sencilla, pero en realidad sofisticadísima, con un
+ festival de colorido y dinamismo absolutamente orgánico y arrebatador.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/The Tale of the Princess Kaguya.js b/src/The Tale of the Princess Kaguya.js
new file mode 100644
index 00000000..18dc1f7a
--- /dev/null
+++ b/src/The Tale of the Princess Kaguya.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[18].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[18].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[18].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[18].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[18].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('kaguya');
+personajes.src = listaPeliculas[18].people[0].img;
+var personajes = document.getElementById('nombreKaguya');
+personajes.innerHTML = listaPeliculas[18].people[0].name;
+
+var personajes = document.getElementById('sutemaru');
+personajes.src = listaPeliculas[18].people[1].img;
+var personajes = document.getElementById('nombreSutemaru');
+personajes.innerHTML = listaPeliculas[18].people[1].name;
+
+var personajes = document.getElementById('miyatsuko');
+personajes.src = listaPeliculas[18].people[3].img;
+var personajes = document.getElementById('nombreMiyatsuko');
+personajes.innerHTML = listaPeliculas[18].people[3].name;
+
+var personajes = document.getElementById('menowarawa');
+personajes.src = listaPeliculas[18].people[4].img;
+var personajes = document.getElementById('nombreMenowarawa');
+personajes.innerHTML = listaPeliculas[18].people[4].name;
+
+var personajes = document.getElementById('lady');
+personajes.src = listaPeliculas[18].people[5].img;
+var personajes = document.getElementById('nombreLady');
+personajes.innerHTML = listaPeliculas[18].people[5].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[18].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[18].producer;
+
diff --git a/src/The Wind Rises.html b/src/The Wind Rises.html
new file mode 100644
index 00000000..1e4c0435
--- /dev/null
+++ b/src/The Wind Rises.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
El viento se levanta
+
+
+
+
+
Un amor de toda la vida por volar inspira al ingeniero de aviación japonés Jiro
+ Horikoshi, cuya carrera histórica incluye la creación del avión de combate A-6M de la Segunda Guerra Mundial.
+
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
What was to be Miyazaki's last film is a peaceful summary of many of his obsessions: war as a
+ monstrous entity that corrupts the purest souls, human imagination as the greatest of our possessions, flying pots
+ and the mixture of realism (it is the biography of an aircraft designer whose creations were sadly used as war
+ machines by the army) and fantasy (here with overwhelming dream sequences). Despite the expected visual
+ exquisiteness, narratively it is less ambitious than others by his director, but it is still a devastating use of
+ technique and talent.
+
La que iba a ser la última película de Miyazaki es un apacible resumen de muchas de sus obsesiones:
+ la guerra como ente monstruoso que corrompe las almas más puras, la imaginación humana como la más grande de
+ nuestras posesiones, los cacharros voladores y la mezcla de realismo (es la biografía de un diseñador de aviones
+ cuyas creaciones fueron tristemente usadas como máquinas de guerra por el ejército) y fantasía (aquí con unas
+ secuencias oníricas apabullantes). Pese a la esperable exquisitez visual, narrativamente es menos ambiciosa que
+ otras de su director, pero sigue siendo un despliegue de técnica y talento demoledores.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/The Wind Rises.js b/src/The Wind Rises.js
new file mode 100644
index 00000000..9f07f7a9
--- /dev/null
+++ b/src/The Wind Rises.js
@@ -0,0 +1,69 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[17].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[17].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[17].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[17].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[17].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('naoko');
+personajes.src = listaPeliculas[17].people[0].img;
+var personajes = document.getElementById('nombreNaoko');
+personajes.innerHTML = listaPeliculas[17].people[0].name;
+
+var personajes = document.getElementById('jiro');
+personajes.src = listaPeliculas[17].people[1].img;
+var personajes = document.getElementById('nombreJiro');
+personajes.innerHTML = listaPeliculas[17].people[1].name;
+
+var personajes = document.getElementById('castorp');
+personajes.src = listaPeliculas[17].people[2].img;
+var personajes = document.getElementById('nombreCastorp');
+personajes.innerHTML = listaPeliculas[17].people[2].name;
+
+var personajes = document.getElementById('kiro');
+personajes.src = listaPeliculas[17].people[3].img;
+var personajes = document.getElementById('nombreKiro');
+personajes.innerHTML = listaPeliculas[17].people[3].name;
+
+var personajes = document.getElementById('caproni');
+personajes.src = listaPeliculas[17].people[5].img;
+var personajes = document.getElementById('nombreCaproni');
+personajes.innerHTML = listaPeliculas[17].people[5].name;
+
+var personajes = document.getElementById('kurokawa');
+personajes.src = listaPeliculas[17].people[6].img;
+var personajes = document.getElementById('nombreKurokawa');
+personajes.innerHTML = listaPeliculas[17].people[6].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[17].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[17].producer;
+
diff --git a/src/When Marnie Was There.html b/src/When Marnie Was There.html
new file mode 100644
index 00000000..5493df31
--- /dev/null
+++ b/src/When Marnie Was There.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
El recuerdo de Marnie
+
+
+
+
+
La película sigue a Anna Sasaki viviendo con sus familiares en la ciudad costera.
+ Anna se encuentra con una mansión abandonada cercana, donde conoce a Marnie, una chica misteriosa que le pide
+ que prometa ocultar sus secretos a todos. A medida que avanza el verano, Anna pasa más tiempo con Marnie y,
+ finalmente, Anna descubre la verdad sobre su familia gracias a ella y al cuidado de crianza.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Absolutely exquisite visually, this ghost story lacks the typical Ghibli stamp because it is inspired by a British novel from the sixties. In it, a depressed and lonely girl meets a mysterious young woman who lives in an old mansion. The best thing, apart from the setting and the incredible rural designs, are all the ideas that the film injects between the lines about topics such as depression or children without conventional families, and the frankness with which it presents an honest and honest lesbian-tinged adolescent relationship. no stridency
+
Absolutamente exquisita en lo visual, esta historia de fantasmas carece del típico sello Ghibli porque se inspira en una novela británica de los sesenta. En ella, una chica depresiva y solitaria conoce a una jovencita misteriosa que vive en una vieja mansión. Lo mejor, aparte de la ambientación y los increíbles diseños rurales son todas las ideas que la película inyecta entre líneas acerca de temas como la depresión o los niños sin familias convencionales, y la franqueza con la que plantea una relación adolescente de tintes lésbicos honesta y sin estridencias.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/When Marnie Was There.js b/src/When Marnie Was There.js
new file mode 100644
index 00000000..c7e1ff44
--- /dev/null
+++ b/src/When Marnie Was There.js
@@ -0,0 +1,64 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[19].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[19].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[19].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[19].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[19].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('marnie');
+personajes.src = listaPeliculas[19].people[0].img;
+var personajes = document.getElementById('nombreMarnie');
+personajes.innerHTML = listaPeliculas[19].people[0].name;
+
+var personajes = document.getElementById('anna');
+personajes.src = listaPeliculas[19].people[1].img;
+var personajes = document.getElementById('nombreAnna');
+personajes.innerHTML = listaPeliculas[19].people[1].name;
+
+var personajes = document.getElementById('emily');
+personajes.src = listaPeliculas[19].people[2].img;
+var personajes = document.getElementById('nombreEmily');
+personajes.innerHTML = listaPeliculas[19].people[2].name;
+
+var personajes = document.getElementById('yoriko');
+personajes.src = listaPeliculas[19].people[6].img;
+var personajes = document.getElementById('nombreYoriko');
+personajes.innerHTML = listaPeliculas[19].people[6].name;
+
+var personajes = document.getElementById('sayaka');
+personajes.src = listaPeliculas[19].people[7].img;
+var personajes = document.getElementById('nombreSayaka');
+personajes.innerHTML = listaPeliculas[19].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[19].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[19].producer;
+
diff --git a/src/Whisper of the Heart.html b/src/Whisper of the Heart.html
new file mode 100644
index 00000000..e6de65f5
--- /dev/null
+++ b/src/Whisper of the Heart.html
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Susurros del corazón
+
+
+
+
+
Shizuku vive una vida sencilla, dominada por su amor por las historias y la
+ escritura. Un día se da cuenta de que todos los libros de la biblioteca que ha sacado previamente son de la
+ misma persona: 'Seiji Amasawa'. Con curiosidad por saber quién es, Shizuku conoce a un chico de su edad a quien
+ encuentra exasperante, pero descubre para su sorpresa que él es su 'Príncipe de los libros'. A medida que se
+ acerca a él, se da cuenta de que él simplemente lee todos esos libros para acercarse a ella. El niño Seiji
+ aspira a ser fabricante de violines en Italia, y son sus sueños con él los que hacen que Shizuku se dé cuenta de
+ que no tiene un camino claro para su vida. Sabiendo que su fuerza de ella radica en la escritura, pone a prueba
+ sus talentos escribiendo una historia sobre Baron, una estatuilla de gato que pertenece al abuelo de Seiji.
+
+
+
+
Release date / Fecha de lanzamiento:
+
+
+
+
RT Score / Puntaje RT:
+
+
+
+
Main characters / Personajes principales:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Directors and producers / Directores y productores:
+
+
+
+
+
Director
+
+
+
+
+
+
Productor
+
+
+
+
+
+
+
+
Fun facts / Datos curiosos:
+
Yoshifumi Kondo was going to be the successor to Miyazaki and Takahata in Ghibli, but he left as
+ his only legacy this excellent film that talks about a subject that is very difficult to bring to images: the
+ creative process (the literary one, moreover, especially abstract and introspective) and the desire to dedicate to
+ it above more mundane occupations. All with a story of adolescent love in the background, the one that unleashes
+ her ambition as a writer of the protagonist, in one of the Ghibli films that -despite her talking cat- is more
+ committed to everyday life.
+
Yoshifumi Kondo iba a ser el sucesor de Miyazaki y Takahata en Ghibli, pero falleció dejando como
+ único legado esta excelente película que habla de un tema muy complicado de llevar a imágenes: el proceso creativo
+ (el literario, además, especialmente abstracto e introspectivo) y el deseo de dedicarse a ello por encima de
+ ocupaciones más mundanas. Todo con una historia de amor adolescente de fondo, la que desencadena la ambición como
+ escritora de la protagonista, en una de las películas de Ghibli que -pese a su gato parlante- más apuesta por la
+ cotidianeidad.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Whisper of the Heart.js b/src/Whisper of the Heart.js
new file mode 100644
index 00000000..e4f6a894
--- /dev/null
+++ b/src/Whisper of the Heart.js
@@ -0,0 +1,59 @@
+// traemos la data y la guardamos en una variable
+import data from './data/ghibli/ghibli.js';
+var listaPeliculas = data.films;
+
+/////////////////////////////////////////// TITULO
+
+const titulo = document.getElementById('tituloPelicula'); // capturamos el id del titulo de la película y lo guardamos en una variable
+titulo.innerHTML = listaPeliculas[7].title; // aquí llamamos el elemento que necesitamos
+
+/////////////////////////////////////////// POSTER
+
+const poster = document.getElementById('posterCastleInTheSky');
+poster.src = listaPeliculas[7].poster;
+
+/////////////////////////////////////////// DESCRIPCION
+
+const descripcion = document.getElementById('descripcion');
+descripcion.innerHTML = listaPeliculas[7].description;
+
+/////////////////////////////////////////// FECHA
+
+const fechaDeLanzamiento = document.getElementById('fechaDeLanzamiento');
+fechaDeLanzamiento.innerHTML = listaPeliculas[7].release_date;
+
+/////////////////////////////////////////// PUNTAJE
+
+const puntaje = document.getElementById('score');
+puntaje.innerHTML = listaPeliculas[7].rt_score;
+
+/////////////////////////////////////////// PERSONAJES
+
+var personajes = document.getElementById('shizuku');
+personajes.src = listaPeliculas[7].people[0].img;
+var personajes = document.getElementById('nombreShizuku');
+personajes.innerHTML = listaPeliculas[7].people[0].name;
+
+var personajes = document.getElementById('baron');
+personajes.src = listaPeliculas[7].people[1].img;
+var personajes = document.getElementById('nombreBaron');
+personajes.innerHTML = listaPeliculas[7].people[1].name;
+
+var personajes = document.getElementById('seiji');
+personajes.src = listaPeliculas[7].people[2].img;
+var personajes = document.getElementById('nombreSeiji');
+personajes.innerHTML = listaPeliculas[7].people[2].name;
+
+var personajes = document.getElementById('shiro');
+personajes.src = listaPeliculas[7].people[7].img;
+var personajes = document.getElementById('nombreShiro');
+personajes.innerHTML = listaPeliculas[7].people[7].name;
+
+/////////////////////////////////////////// DIRECTOR Y PRODUCTORES
+
+let director = document.getElementById('director');
+director.innerHTML = listaPeliculas[7].director;
+
+let producer = document.getElementById('producer');
+producer.innerHTML = listaPeliculas[7].producer;
+
diff --git a/src/data.js b/src/data.js
index 6291453d..452b321f 100644
--- a/src/data.js
+++ b/src/data.js
@@ -7,3 +7,27 @@ export const example = () => {
export const anotherExample = () => {
return 'OMG';
};
+
+///////////////////////////////////////////////////////////////BARRA DE BUSQUEDA
+
+
+
+
+
+
+
+export function ordenarPeliculasAZ (data){
+ const dataCopy = data.films.slice()
+ dataCopy.sort(function (a, b) { //.sort organiza los elementos del arreglo según el valor.
+ if (a.title > b.title) { // el 'title' lo tomo de la data
+ return 1;
+ }
+ if (a.title < b.title) {
+ return -1;
+ }
+ return 0;
+ });
+ return dataCopy
+ }
+
+console.log (anotherExample ())
\ No newline at end of file
diff --git a/src/data/ghibli/ghibli.js b/src/data/ghibli/ghibli.js
index 5122d330..84042c7e 100644
--- a/src/data/ghibli/ghibli.js
+++ b/src/data/ghibli/ghibli.js
@@ -353,7 +353,7 @@ export default {
},
{
"id": "ea660b10-85c4-4ae3-8a5f-41cea3648e3e",
- "title": "Kiki's Delivery Service",
+ "title": "Kikis Delivery Service",
"description": "A young witch, on her mandatory year of independent life, finds fitting into a new community difficult while she supports herself by running an air courier service.",
"director": "Hayao Miyazaki",
"producer": "Hayao Miyazaki",
@@ -1466,7 +1466,7 @@ export default {
},
{
"id": "cd3d059c-09f4-4ff3-8d63-bc765a5184fa",
- "title": "Howl's Moving Castle",
+ "title": "Howls Moving Castle",
"description": "When Sophie, a shy young woman, is cursed with an old body by a spiteful witch, her only chance of breaking the spell lies with a self-indulgent yet insecure young wizard and his companions in his legged, walking home.",
"director": "Hayao Miyazaki",
"producer": "Toshio Suzuki",
diff --git a/src/images-data/Background.jpg b/src/images-data/Background.jpg
new file mode 100644
index 00000000..1470e6bb
Binary files /dev/null and b/src/images-data/Background.jpg differ
diff --git a/src/images-data/Background.png b/src/images-data/Background.png
new file mode 100644
index 00000000..d30f0b95
Binary files /dev/null and b/src/images-data/Background.png differ
diff --git "a/src/images-data/Bot\303\263n Regresar.png" "b/src/images-data/Bot\303\263n Regresar.png"
new file mode 100644
index 00000000..b7faeaba
Binary files /dev/null and "b/src/images-data/Bot\303\263n Regresar.png" differ
diff --git a/src/images-data/Goro-Miyazaki.jpg b/src/images-data/Goro-Miyazaki.jpg
new file mode 100644
index 00000000..44b32106
Binary files /dev/null and b/src/images-data/Goro-Miyazaki.jpg differ
diff --git a/src/images-data/Hiromasa-Yonebayashi.jpg b/src/images-data/Hiromasa-Yonebayashi.jpg
new file mode 100644
index 00000000..71e39a46
Binary files /dev/null and b/src/images-data/Hiromasa-Yonebayashi.jpg differ
diff --git a/src/images-data/Hiroyuki-Morita.jpg b/src/images-data/Hiroyuki-Morita.jpg
new file mode 100644
index 00000000..492c77f6
Binary files /dev/null and b/src/images-data/Hiroyuki-Morita.jpg differ
diff --git a/src/images-data/Toshio-Suzuki.jpg b/src/images-data/Toshio-Suzuki.jpg
new file mode 100644
index 00000000..3cb26e92
Binary files /dev/null and b/src/images-data/Toshio-Suzuki.jpg differ
diff --git a/src/images-data/TransparenciaMiyazaki.jpg b/src/images-data/TransparenciaMiyazaki.jpg
new file mode 100644
index 00000000..e8b77a40
Binary files /dev/null and b/src/images-data/TransparenciaMiyazaki.jpg differ
diff --git a/src/images-data/Yoshiaki-Nishimura.jpg b/src/images-data/Yoshiaki-Nishimura.jpg
new file mode 100644
index 00000000..142343fa
Binary files /dev/null and b/src/images-data/Yoshiaki-Nishimura.jpg differ
diff --git a/src/images-data/Yoshifumi Kondo.jpg b/src/images-data/Yoshifumi Kondo.jpg
new file mode 100644
index 00000000..20e9615d
Binary files /dev/null and b/src/images-data/Yoshifumi Kondo.jpg differ
diff --git a/src/images-data/descarga.jpg b/src/images-data/descarga.jpg
new file mode 100644
index 00000000..02c73915
Binary files /dev/null and b/src/images-data/descarga.jpg differ
diff --git a/src/images-data/facebook.png b/src/images-data/facebook.png
new file mode 100644
index 00000000..ed2c9170
Binary files /dev/null and b/src/images-data/facebook.png differ
diff --git a/src/images-data/flores.jpg b/src/images-data/flores.jpg
new file mode 100644
index 00000000..eb958865
Binary files /dev/null and b/src/images-data/flores.jpg differ
diff --git a/src/images-data/hayao-miyazaki.png b/src/images-data/hayao-miyazaki.png
new file mode 100644
index 00000000..ff78cfdb
Binary files /dev/null and b/src/images-data/hayao-miyazaki.png differ
diff --git a/src/images-data/instagram.png b/src/images-data/instagram.png
new file mode 100644
index 00000000..e46229cc
Binary files /dev/null and b/src/images-data/instagram.png differ
diff --git a/src/images-data/isao-takahata.jpg b/src/images-data/isao-takahata.jpg
new file mode 100644
index 00000000..05ca1f24
Binary files /dev/null and b/src/images-data/isao-takahata.jpg differ
diff --git a/src/images-data/titulo.png b/src/images-data/titulo.png
new file mode 100644
index 00000000..d9151827
Binary files /dev/null and b/src/images-data/titulo.png differ
diff --git a/src/images-data/toru-hara.png b/src/images-data/toru-hara.png
new file mode 100644
index 00000000..189aa9a0
Binary files /dev/null and b/src/images-data/toru-hara.png differ
diff --git a/src/images-data/totoroazul.png b/src/images-data/totoroazul.png
new file mode 100644
index 00000000..291d09a9
Binary files /dev/null and b/src/images-data/totoroazul.png differ
diff --git a/src/images-data/twitter.png b/src/images-data/twitter.png
new file mode 100644
index 00000000..dcf08860
Binary files /dev/null and b/src/images-data/twitter.png differ
diff --git a/src/index.html b/src/index.html
index 5aef81f0..ff3b5342 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,12 +1,97 @@
-
-
- Data Lovers
-
-
-
-
-
-
-
+
+
+
+ Ghibli movies
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Studio Ghibli sorprende al mundo con largometrajes únicos, llenos de meticulosos detalles y
+ mensajes significativos para nuestra sociedad.
+ Este estudio de animación japonesa expone una visión diferente del anime, con una mirada más artesanal y
+ autoral.
+
+ Sus películas promueven la protección del medio ambiente, transmiten un mensaje antibelicista y
+ reivindica el protagonismo de los personajes femeninos y de su fuerza interior, todo eso combinado con esa
+ peculiar
+ fantasía única de Ghibli tomada de las leyendas y mitos propios del folclore nipón.
+
+
+
+
+
+
+
+
Producciones
+
Haz clic en cada una de las portadas y revive la magia de estas maravillosas animaciones
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sigue las redes sociales oficiales para no perderte ninguna novedad.
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+