A Pen by Diego Loiola on CodePen.
Created
April 6, 2021 19:05
-
-
Save diegoamloiola/43fe2ceaf0d0ea90598ed584250ea5e0 to your computer and use it in GitHub Desktop.
AluraFlix A4
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title> | |
| Imersão Dev - Aula 04 | |
| </title> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1 class="page-title"> | |
| Aluraflix | |
| </h1> | |
| <img src="https://www.alura.com.br/assets/img/imersoes/dev-2021/logo-imersao-aluraflix.svg" class="page-logo" | |
| alt=""> | |
| </div> | |
| <a href="https://alura.com.br/" target="_blank"> | |
| <img src="https://www.alura.com.br/assets/img/home/alura-logo.svg" alt="" class="alura-logo"> | |
| </a> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var listaFilmes = ["https://m.media-amazon.com/images/M/MV5BZGQwNmFhNjctNzQ0Yy00ZmE5LWIyMTEtYTZhZWQ4OTFmNDI2L2ltYWdlL2ltYWdlXkEyXkFqcGdeQXVyNTMxMjgxMzA@._V1_UX182_CR0,0,182,268_AL_.jpg","https://m.media-amazon.com/images/M/MV5BMTA1ODUzMDA3NzFeQTJeQWpwZ15BbWU3MDgxMTYxNTk@._V1_UX182_CR0,0,182,268_AL_.jpg","https://m.media-amazon.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_UX182_CR0,0,182,268_AL_.jpg", "https://m.media-amazon.com/images/M/MV5BZjdkOTU3MDktN2IxOS00OGEyLWFmMjktY2FiMmZkNWIyODZiXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_UX182_CR0,0,182,268_AL_.jpg"] | |
| listaFilmes.push("https://m.media-amazon.com/images/M/MV5BODkxNGQ1NWYtNzg0Ny00Yjg3LThmZTItMjE2YjhmZTQ0ODY5XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_UX182_CR0,0,182,268_AL_.jpg") | |
| listaFilmes.push("https://m.media-amazon.com/images/M/MV5BMTA0Nzg5NjQ0MDBeQTJeQWpwZ15BbWU3MDE4Mzg5NDE@._V1_UX182_CR0,0,182,268_AL_.jpg") | |
| listaFilmes.push("https://m.media-amazon.com/images/M/MV5BNzFmZDc3ODQtMDBkNy00OTY2LTlhODItN2NhYzI3ZDIzOWY3XkEyXkFqcGdeQXVyMTY2MzYyNzA@._V1_UX182_CR0,0,182,268_AL_.jpg") | |
| listaFilmes.push("https://m.media-amazon.com/images/M/MV5BYjI3NDg0ZTEtMDEwYS00YWMyLThjYjktMTNlM2NmYjc1OGRiXkEyXkFqcGdeQXVyMTEyMjM2NDc2._V1_UX182_CR0,0,182,268_AL_.jpg") | |
| var nomeFilmes = ["A nova onda do Imperador","Questão de Tempo","Batman O cavaleiro das Trevas","Interestellar","Mulan (1998)","A Hora do Rush 3","O Homem do Futuro"] | |
| nomeFilmes.push("Liga da Justiça - SnyderCut") | |
| var linkImdb =["https://www.imdb.com/title/tt0120917/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt2194499/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt0468569/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt0816692/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt0120762/?ref_=nv_sr_srsg_3","https://www.imdb.com/title/tt0293564/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt2027178/?ref_=nv_sr_srsg_0","https://www.imdb.com/title/tt12361974/?ref_=nv_sr_srsg_0"] | |
| var opcao=prompt("Qual Filme deseja mostrar?\n 1-A nova onda do imperador,2-Questão de Tempo,3-Batman O Cavaleiro das Trevas,4-Interestellar,5-Mullan (1998), 6-A hora do Rush 3, 7- O Homem do Futuro, 8-Liga da Justiça - SnyderCut, 9- Exibir tudo, 0-para sair") | |
| alert("Para mais informações segure ctrl+clique em cima da imagem") | |
| if(opcao==1){ | |
| document.write("<a href='"+ linkImdb[0] +"'><img src = "+listaFilmes[0]+" title= '"+nomeFilmes[0]+"'></a>") | |
| }else if(opcao==2){ | |
| document.write("<a href='"+ linkImdb[1] +"'><img src = "+listaFilmes[1]+" title= '"+nomeFilmes[1]+"'></a>") | |
| }else if(opcao==3){ | |
| document.write("<a href='"+ linkImdb[2] +"'><img src = "+listaFilmes[2]+" title= '"+nomeFilmes[2]+"'></a>") | |
| }else if(opcao==4){ | |
| document.write("<a href='"+ linkImdb[3] +"'><img src = "+listaFilmes[3]+" title= '"+nomeFilmes[3]+"'></a>") | |
| }else if(opcao==5){ | |
| document.write("<a href='"+ linkImdb[4] +"'><img src = "+listaFilmes[4]+" title= '"+nomeFilmes[4]+"'></a>") | |
| }else if(opcao==6){ | |
| document.write("<a href='"+ linkImdb[5] +"'><img src = "+listaFilmes[5]+" title= '"+nomeFilmes[5]+"'></a>") | |
| }else if(opcao==7){ | |
| document.write("<a href='"+ linkImdb[6] +"'><img src = "+listaFilmes[6]+" title= '"+nomeFilmes[6]+"'></a>") | |
| }else if(opcao==8){ | |
| document.write("<a href='"+ linkImdb[7] +"'><img src = "+listaFilmes[7]+" title= '"+nomeFilmes[7]+"'></a>") | |
| }else if(opcao==9){ | |
| for(var i = 0; i < listaFilmes.length; i++){ | |
| document.write("<a href='"+ linkImdb[i] +"'><img src = "+listaFilmes[i]+" title= '"+nomeFilmes[i]+"'></a>") | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-family: 'Roboto Mono',monospace; | |
| text-align:center; | |
| background-image: url('https://wallpaperaccess.com/full/1605476.jpg'); | |
| background-color: #000000; | |
| background-size: cover; | |
| background-position: center top; | |
| background-repeat: no-repeat; | |
| } | |
| .container { | |
| text-align: center; | |
| padding: 20px; | |
| } | |
| .page-title { | |
| color: #ffffff; | |
| margin: 0 0 5px; | |
| } | |
| .page-subtitle { | |
| color: #ffffff; | |
| margin-top: 5px; | |
| } | |
| .page-logo { | |
| width: 200px; | |
| } | |
| .alura-logo { | |
| width: 40px; | |
| position: absolute; | |
| top: 10px; | |
| right:10px; | |
| } | |
| body > img { | |
| margin: 0 10px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment