From 8bf511818566eeda7b5c039afd8a59eda4063d4a Mon Sep 17 00:00:00 2001 From: Raquel Corteletti <97706761+RaquelCCabral@users.noreply.github.com> Date: Tue, 1 Aug 2023 17:00:06 -0300 Subject: [PATCH] Add files via upload --- filmes.html | 47 ++++++++++++++++++++++++++++++++ filmes.js | 54 +++++++++++++++++++++++++++++++++++++ inicio.html | 39 +++++++++++++++++++++++++++ inicio.js | 34 +++++++++++++++++++++++ lupa.png | Bin 0 -> 1972 bytes menu.css | 65 ++++++++++++++++++++++++++++++++++++++++++++ menu.js | 21 +++++++++++++++ menu.png | Bin 0 -> 175 bytes search.html | 42 +++++++++++++++++++++++++++++ search.js | 53 ++++++++++++++++++++++++++++++++++++ series.html | 47 ++++++++++++++++++++++++++++++++ series.js | 54 +++++++++++++++++++++++++++++++++++++ style.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 13 files changed, 532 insertions(+) create mode 100644 filmes.html create mode 100644 filmes.js create mode 100644 inicio.html create mode 100644 inicio.js create mode 100644 lupa.png create mode 100644 menu.css create mode 100644 menu.js create mode 100644 menu.png create mode 100644 search.html create mode 100644 search.js create mode 100644 series.html create mode 100644 series.js create mode 100644 style.css diff --git a/filmes.html b/filmes.html new file mode 100644 index 0000000..32216b1 --- /dev/null +++ b/filmes.html @@ -0,0 +1,47 @@ + + + + + + + Filmes + + + + + + +
+ +
+ +

FILMES

+ +
+ + + +
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/filmes.js b/filmes.js new file mode 100644 index 0000000..edb1a60 --- /dev/null +++ b/filmes.js @@ -0,0 +1,54 @@ +const options = { + method: "GET", + headers: { + Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI2ZWM3OTdkODE4ZTA5NTI0NTA4NjliYTE0ZjAzNWQyMiIsInN1YiI6IjY0OTRjMWVhMzkxYjljMDBjOTk2ZTQ0MyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.pV9CLPWyvkbpNqQjTIgXZ09d8iWynvJUegzfbE2iR3Q" + } + }; + + const botao = document.getElementById('pages') + botao?.addEventListener("click", event =>{ + let page = event.target.id.slice(4, 5) + console.log(page) + + let url = `https://api.themoviedb.org/3/movie/popular?language=pt-BR&page=${page}`; + + fetch(url, options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + for(let i = 0; i <= data.results.length;i++){ + if(data?.results[i]){ + div.innerHTML += `
+

${data.results[i].original_title} (${data.results[i].title})

+

${data.results[i].release_date.slice(0, 4)}

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + } + }) + .catch(err => console.error(err)); + + window.scrollTo(0, 0); + }) + + fetch("https://api.themoviedb.org/3/movie/popular?language=pt-BR&page=1", options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + for(let i = 0; i <= data.results.length;i++){ + if(data?.results[i]){ + div.innerHTML += `
+

${data.results[i].original_title} (${data.results[i].title})

+

${data.results[i].release_date.slice(0, 4)}

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + } + }) + .catch(err => console.error(err)); \ No newline at end of file diff --git a/inicio.html b/inicio.html new file mode 100644 index 0000000..081e99e --- /dev/null +++ b/inicio.html @@ -0,0 +1,39 @@ + + + + + + + Inicio + + + + + + +
+ +
+ +

LANÇAMENTOS

+ +
+ + + + + + + \ No newline at end of file diff --git a/inicio.js b/inicio.js new file mode 100644 index 0000000..0b93707 --- /dev/null +++ b/inicio.js @@ -0,0 +1,34 @@ +const url = `https://api.themoviedb.org/3/trending/all/day?language=pt-BR`; +const options = { +method: "GET", +headers: { + Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI2ZWM3OTdkODE4ZTA5NTI0NTA4NjliYTE0ZjAzNWQyMiIsInN1YiI6IjY0OTRjMWVhMzkxYjljMDBjOTk2ZTQ0MyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.pV9CLPWyvkbpNqQjTIgXZ09d8iWynvJUegzfbE2iR3Q" +} +}; + +fetch(url, options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + for(let i = 0; i <= data.results.length;i++){ + if (data?.results[i]?.media_type === 'movie'){ + div.innerHTML += `
+

${data.results[i].original_title} (${data.results[i].title})

+

${data.results[i].release_date.slice(0, 4)} - Filme

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + else if (data?.results[i]?.media_type === 'tv'){ + div.innerHTML += `
+

${data.results[i].original_name}

+

${data.results[i].first_air_date.slice(0, 4)} - Série

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + }; + +}) + .catch(err => console.error(err)); \ No newline at end of file diff --git a/lupa.png b/lupa.png new file mode 100644 index 0000000000000000000000000000000000000000..0e96f454861da0202b9917305a79820f3b2434ab GIT binary patch literal 1972 zcmV;l2TS;gP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&2T4gpK~z{rb(ias z+r|-v8-okUCAr)mE?KrLDM`g~*-0wz|2DQ@ z={t%WdzqSgX|YchLS-opRuqLLt85(23Tv1TR+b~r&c<|xFR;F_VHn{xC#F^wHADN7 zuNNUPkG$pOM3U=NQ?SW?ZZv`h1F0n8r0-fX-BG>>r#Etf^Oa>NyZ$0raB|^n0+ASuD`OrOSW8Wt!)RZ%7vw|aDZi5T8tfBS6~uPWF{^w-~~#!23qXOf2Jta zqsqFfxiKaw2a9Qs270?cyoGD#W`NOwN!~1ri*8mgtPD#Vhk!{-8>8zSU^5toz=!~o zbXiS526R{bkYW^|GTR(K>Bf6&BS56lNfXGvfD!4Pl^F3wm!DD zKfgnxEC{f8dEVXr#jw6r0rRE#2BHbf6S{yA72EKyB*&DQ%9+iEEEb4wgSOfChx0$~#X$TqUfCvYeNEX}a(|n)WDl z?|-U=3_{FL!H9xVAbF02m$jpi7VqZfg~g6rpp_?{{CGnVmmwJrQ5$Q!S-!~Uh`?Pp zJRQ`9|IxYsghD|Gw*9>w&%gNs!GW2ckpeao7zsc+{w0$ZrlI_y<$(D{Th(hT(~{BH z-4;+&G``=zfu$pmU{*BYH-rsCs3l;Ev@0TIC|?i~QiAy4NjPHLMmJ?9-B6&Uz6)is zDi3UnGT##OA>c}(`CySQCcn{BLoerXp%8~78I{=tM#2p{^QKS1h>rc< zi)~3p)^ny%!{^Eo|Mk#AFFw_dh|<;A>C_>Bf8s++RaN;=;>%8~ccAs$F{@qc(HdoB z{wgRExk>5614E?qT{CnM%-xq}AU^+;!U%vxqwtR4&G;5tF3ZN9oZ)nsuE3~9_fYH`iJDjLdlnaEm@yMmsHsJJqv;*}o0jgC!j_y>BjzEH$uiX{9AVgHANwwY@|z6FTFpI_TiEF zuF}he5H5}A951Spg6zB9xAf8=fuXEMyMLg_UhS90wwvc@NFNqvjW<)G%tV9sJ+2kK z!&8!!BX&cJ6H28WHSQM$RTj#@ZW4v{Oaj8%9cJxmUuD{=Y?!xXdo)m-9TXol6MEm} z^Y!X$E7dP4oy>rC<@aLqFAtwUHPO{|C-hBvPn}2Ghle-Q+e|aa-TFBom?T9WUo4m- zaqEhgJ&vz0lS*GL1jX?*_2(QU)2d|MF1}$wpaclt+!fzW!Iu|AGq9Y{*y+!Ch%%oj z*Ei^~RrT){Ur+4w{z*ky%^zcr#@*Cf)>bv1{J&lO71yW)=xv?!@Cjv7}MZLn`DqMpo%Noiw3!I*=p^5zPX?TcU zf%$Bq%zM@L4mgZDib(N|M8#^kqTd1}kzJ6>6s3{uEWTn>{tanYKpez;z`QP+0Zi(A z)Xw}A&HFDH { + open = true; + menu(); +}) + +document.getElementById('btn_close').addEventListener('click', e => { + open = false; + + menu(); +}) + +function menu() { + if (open) { + document.getElementById('menu').style.marginLeft = 0; + return; + } + + document.getElementById('menu').style.marginLeft = '-250px'; +} \ No newline at end of file diff --git a/menu.png b/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..ad62c8d8a64f8ecaf4e7cdc6c728d5609aa46792 GIT binary patch literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^@<1%f!2~4TrY02wDaPU;cPEB*=VV?2IV|apzK#qG z8~eHcB(eheoCO|{Kt)0&Ak26#O}+vs=;G<(7~1|8Y~EuyLR~u>&~icZu|dA9sruh N;OXk;vd$@?2>?BaJW2on literal 0 HcmV?d00001 diff --git a/search.html b/search.html new file mode 100644 index 0000000..e7b28b4 --- /dev/null +++ b/search.html @@ -0,0 +1,42 @@ + + + + + + + Search + + + + + + +
+ +
+ +
+ + +
+ +
+ + + + + + + \ No newline at end of file diff --git a/search.js b/search.js new file mode 100644 index 0000000..972f951 --- /dev/null +++ b/search.js @@ -0,0 +1,53 @@ +const options = { +method: "GET", +headers: { + Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI2ZWM3OTdkODE4ZTA5NTI0NTA4NjliYTE0ZjAzNWQyMiIsInN1YiI6IjY0OTRjMWVhMzkxYjljMDBjOTk2ZTQ0MyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.pV9CLPWyvkbpNqQjTIgXZ09d8iWynvJUegzfbE2iR3Q" +} +}; + +function search(){ + let string = document.getElementById('search').value; + queryString = string.trim().replace(/ /g, "%20"); + + const url = `https://api.themoviedb.org/3/search/multi?query=${queryString}&include_adult=false&language=pt-BR&page=1`; + + fetch(url, options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + if(data.results.length == 0){ + div.innerHTML = `

Nenhum resultado encontrado.

` + } + + for(let i = 0; i <= data.results.length;i++){ + if (data?.results[i]?.media_type === 'movie' && data.results[i].poster_path !== null){ + div.innerHTML += `
+

${data.results[i].original_title} (${data.results[i].title})

+

${data.results[i].release_date.slice(0, 4)} - Filme

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + else if (data?.results[i]?.media_type === 'tv' && data.results[i].poster_path !== null){ + div.innerHTML += `
+

${data.results[i].original_name}

+

${data.results[i].first_air_date.slice(0, 4)} - Série

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + }; + +}) + .catch(err => console.error(err)); +}; + +const input = document.getElementById("search"); +input.addEventListener("keyup", (event) => { + if (event.key === "Enter") { + console.log('Enter key pressed') + event.preventDefault(); + document.getElementById("button").click(); + } +}); \ No newline at end of file diff --git a/series.html b/series.html new file mode 100644 index 0000000..cfddf65 --- /dev/null +++ b/series.html @@ -0,0 +1,47 @@ + + + + + + + Series + + + + + + +
+ +
+ +

SÉRIES

+ +
+ + + +
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/series.js b/series.js new file mode 100644 index 0000000..0113e9c --- /dev/null +++ b/series.js @@ -0,0 +1,54 @@ +const options = { + method: "GET", + headers: { + Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI2ZWM3OTdkODE4ZTA5NTI0NTA4NjliYTE0ZjAzNWQyMiIsInN1YiI6IjY0OTRjMWVhMzkxYjljMDBjOTk2ZTQ0MyIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.pV9CLPWyvkbpNqQjTIgXZ09d8iWynvJUegzfbE2iR3Q" + } + }; + + const botao = document.getElementById('pages') + botao?.addEventListener("click", event =>{ + let page = event.target.id.slice(4, 5) + console.log(page) + + let url = `https://api.themoviedb.org/3/tv/popular?language=pt-BR&page=${page}`; + + fetch(url, options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + for(let i = 0; i <= data.results.length;i++){ + if(data?.results[i]){ + div.innerHTML += `
+

${data.results[i].original_name} (${data.results[i].name})

+

${data.results[i].first_air_date.slice(0, 4)}

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + } + }) + .catch(err => console.error(err)); + + window.scrollTo(0, 0); + }) + + fetch("https://api.themoviedb.org/3/tv/popular?language=pt-BR&page=1", options) + .then(res => res.json()) + .then(function(data){ + console.log(data); + let div = document.getElementById('movie'); + div.innerHTML = ''; + + for(let i = 0; i <= data.results.length;i++){ + if(data?.results[i]){ + div.innerHTML += `
+

${data.results[i].original_name} (${data.results[i].name})

+

${data.results[i].first_air_date.slice(0, 4)}

+

${data.results[i].overview}

+

Popularidade: ${data.results[i].popularity} | Nota: ${data.results[i].vote_average} | Votos: ${data.results[i].vote_count}

` + } + } + }) + .catch(err => console.error(err)); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..4fbafd6 --- /dev/null +++ b/style.css @@ -0,0 +1,76 @@ +body{ + background-color: rgb(13, 1, 39); + color: white; +} + +.container{ + margin: 0 auto; + display: flex; + justify-content: center; + width: 700px; + height: 40px; + border-radius: 30px; + border: 2px solid blue; + background-color: black; + color: white; + text-align: center; +} + +#search{ + width: 700px; + font-size: 22px; + border-radius: 30px; + background-color: black; + border: transparent; + outline: transparent; + color: white; + text-align: center; +} + +#button{ + background-color: rgb(13, 1, 39); + border-radius: 30px; + border: transparent; + margin: 3px; +} + +#capa{ + float: left; + margin: 10px; +} + +p{ + font-size: 18px; + width: 80%; +} + +#movie{ + display: flex; + flex-direction: column; + justify-content: left; +} + +.topicos{ + display: flex; + flex-direction: column; + justify-content: center; +} + +.page{ + margin: 0 auto; + text-align: center; +} + +.button_page{ + background-color: rgb(13, 1, 39); + border: 2px solid blue; + color: white; + font-size: larger; +} + +.not_found{ + margin: 0 auto; + margin-top: 50px; + text-align: center; + font-size: larger; +} \ No newline at end of file