diff --git a/css/style.css b/css/style.css index 8296227..180a442 100644 --- a/css/style.css +++ b/css/style.css @@ -1,47 +1,54 @@ body{ - background-color:#2A4158; + + background-color: #031010; + color: #fff; + text-align: center; } -.header{ +header{ width: 100%; + height: 200px; text-align: center; - margin: 50px;; + background-color:#2A4158; } -ul{ - display:flex; - justify-content: center; +.navAccueil{ + } -li{ - color:#fff; - padding: 10px; +.navSearch{ - border-radius: 10% 10% 0% 0%; - margin :25px; - list-style: none; - font-size:18px; } -.active{ - background-color: #000; +h1{ + font-size: 48px; + } -.body{ - width:100%; +h2{ + } -img{ - width:100%; - height:auto; +.card{ + } -a{ - color:#fff; - font-size:18px; +.data{ + } +h3{ -a:hover{ - text-decoration: none; +} + +p{ + +} + +.boutons{ + + +} +footer{ + background-color: #2A4158; } \ No newline at end of file diff --git a/fonts/Montserrat-Bold.ttf b/fonts/Montserrat-Bold.ttf new file mode 100644 index 0000000..221819b Binary files /dev/null and b/fonts/Montserrat-Bold.ttf differ diff --git a/fonts/OpenSans-Regular.ttf b/fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..472faab Binary files /dev/null and b/fonts/OpenSans-Regular.ttf differ diff --git a/fonts/OpenSans-SemiBold.ttf b/fonts/OpenSans-SemiBold.ttf new file mode 100644 index 0000000..2f7861c Binary files /dev/null and b/fonts/OpenSans-SemiBold.ttf differ diff --git a/images/ban.png b/images/ban.png new file mode 100644 index 0000000..72c1b3e Binary files /dev/null and b/images/ban.png differ diff --git a/images/footer.png b/images/footer.png new file mode 100644 index 0000000..b1b6a08 Binary files /dev/null and b/images/footer.png differ diff --git a/index.html b/index.html index ed30c45..cb74fd0 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,16 @@ Accueil - Star Wars Choubaka +
+ +
\ No newline at end of file diff --git a/planetes.html b/planetes.html index f0d749d..efb0f90 100644 --- a/planetes.html +++ b/planetes.html @@ -9,21 +9,29 @@ +
+ +

Planètes

-
+
-
+
-
- - +
+
- +
\ No newline at end of file diff --git a/scripts/films.js b/scripts/films.js index 38a6dbb..9815d26 100644 --- a/scripts/films.js +++ b/scripts/films.js @@ -17,6 +17,9 @@ async function getMovies() { const TITRE = FILM.results[i].title; const EPISODE = FILM.results[i].episode_id; const OPENING = FILM.results[i].opening_crawl; + const DIRECTOR = FILM.results[i].director; + const PRODUCER = FILM.results[i].producer; + const DATE = FILM.results[i].release_date; // const planets = await fetch(people.results[i].homeworld); // const planet = await planets.json(); @@ -33,13 +36,24 @@ async function getMovies() { // movies += `

${film.title}

`; // } document.getElementById('container').innerHTML += ` -

+

+

${TITRE}

+ +
+

Episode ID :

${EPISODE}

+
+ +
+

Opening Crawl :

${OPENING}

-

${DIRECTOR}

-

${PRODUCER}

-

${DATE}

+
+ + +

Director : ${DIRECTOR}

+

Producer(s) : ${PRODUCER}

+

Release Date : ${DATE}

@@ -47,7 +61,7 @@ async function getMovies() {
-

+
`; } diff --git a/scripts/planetes.js b/scripts/planetes.js index b068d54..0061b81 100644 --- a/scripts/planetes.js +++ b/scripts/planetes.js @@ -35,9 +35,9 @@ async function getPlanets() { // movies += `

${film.title}

`; // } document.getElementById('container').innerHTML += ` -

+

${PLANET_NAME}

-
+

Rotation :

${ROTATION_PERIOD}

@@ -73,8 +73,8 @@ async function getPlanets() {
-

-
+
+ `; } const BUTTONS_FILMS = document.querySelectorAll('.films');