-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add todas as fases, att jogos do dia 22/11
- Loading branch information
1 parent
9d9d66d
commit dfd3530
Showing
27 changed files
with
1,836 additions
and
51 deletions.
There are no files selected for viewing
This file contains 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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <browserconfig> | ||
| <msapplication> | ||
| <tile> | ||
| <square150x150logo src="/mstile-150x150.png"/> | ||
| <TileColor>#da532c</TileColor> | ||
| </tile> | ||
| </msapplication> | ||
| </browserconfig> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| { | ||
| "name": "Calend\u00e1rio da Copa", | ||
| "short_name": "Calend\u00e1rio da Copa", | ||
| "icons": [ | ||
| { | ||
| "src": "/android-chrome-192x192.png", | ||
| "sizes": "192x192", | ||
| "type": "image/png" | ||
| }, | ||
| { | ||
| "src": "/android-chrome-512x512.png", | ||
| "sizes": "512x512", | ||
| "type": "image/png" | ||
| } | ||
| ], | ||
| "theme_color": "#333333", | ||
| "background_color": "#333333", | ||
| "display": "standalone" | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,72 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
|
||
| <title>Final - Calendário de Jogos - Copa 2022</title> | ||
| <meta | ||
| name="title" | ||
| content="Final - Calendário de Jogos - Copa 2022" | ||
| /> | ||
| <meta | ||
| name="description" | ||
| content="Fique por dentro dos jogos da Copa do Mundo 2022! Aqui você pode conferir os horários de todos os jogos e compartilhar com os amigos!" | ||
| /> | ||
|
|
||
| <!-- links (css, fontes) --> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicons/apple-touch-icon.png" /> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicons/favicon-32x32.png" /> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicons/favicon-16x16.png" /> | ||
| <link rel="manifest" href="./assets/favicons/site.webmanifest" /> | ||
| <link rel="mask-icon" href="./assets/favicons/safari-pinned-tab.svg" color="#5bbad5" /> | ||
| <meta name="msapplication-TileColor" content="#da532c" /> | ||
| <meta name="theme-color" content="#333333" /> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
|
|
||
| <!-- body --> | ||
| <body class="green"> | ||
| <div id="app"> | ||
| <header> | ||
| <img | ||
| src="./assets/copalogo.svg" | ||
| alt="Logo da Copa do Mundo 2022" | ||
| class="logo-copa" | ||
| /> | ||
| </header> | ||
| <div class="fases"> | ||
| <a href="index.html" | ||
| ><button class="botoes-fases">Fase de Grupos</button></a | ||
| > | ||
| <a href="oitavas.html" | ||
| ><button class="botoes-fases">Oitavas de Final</button></a | ||
| > | ||
| <a href="quartas.html" | ||
| ><button class="botoes-fases">Quartas de Final</button></a | ||
| > | ||
| <a href="semi.html"><button class="botoes-fases">Semifinais</button></a> | ||
| <button class="botao-selecionado">Final</button> | ||
| </div> | ||
| <main id="cards"></main> | ||
| </div> | ||
| <script src="./scripts/final.js"></script> | ||
| <script defer src="/_vercel/insights/script.js"></script> | ||
| <footer> | ||
| <p> | ||
| Desenvolvido por | ||
| <a href="https://github.com/gabrielovski" target="_blank">Gabriel</a> | ||
| durante o evento NLW Copa da | ||
| <a href="http://rocketseat.com.br" target="_blank">Rocketseat</a>! | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
|
||
| <title>Oitavas de Final - Calendário de Jogos - Copa 2022</title> | ||
| <meta | ||
| name="title" | ||
| content="Oitavas de Final - Calendário de Jogos - Copa 2022" | ||
| /> | ||
| <meta | ||
| name="description" | ||
| content="Fique por dentro dos jogos da Copa do Mundo 2022! Aqui você pode conferir os horários de todos os jogos e compartilhar com os amigos!" | ||
| /> | ||
|
|
||
| <!-- links (css, fontes) --> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <link | ||
| rel="apple-touch-icon" | ||
| sizes="180x180" | ||
| href="./assets/favicons/apple-touch-icon.png" | ||
| /> | ||
| <link | ||
| rel="icon" | ||
| type="image/png" | ||
| sizes="32x32" | ||
| href="./assets/favicons/favicon-32x32.png" | ||
| /> | ||
| <link | ||
| rel="icon" | ||
| type="image/png" | ||
| sizes="16x16" | ||
| href="./assets/favicons/favicon-16x16.png" | ||
| /> | ||
| <link rel="manifest" href="./assets/favicons/site.webmanifest" /> | ||
| <link | ||
| rel="mask-icon" | ||
| href="./assets/favicons/safari-pinned-tab.svg" | ||
| color="#5bbad5" | ||
| /> | ||
| <meta name="msapplication-TileColor" content="#da532c" /> | ||
| <meta name="theme-color" content="#333333" /> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
|
|
||
| <!-- body --> | ||
| <body class="green"> | ||
| <div id="app"> | ||
| <header> | ||
| <img | ||
| src="./assets/copalogo.svg" | ||
| alt="Logo da Copa do Mundo 2022" | ||
| class="logo-copa" | ||
| /> | ||
| </header> | ||
| <div class="fases"> | ||
| <a href="index.html" | ||
| ><button class="botoes-fases">Fase de Grupos</button></a | ||
| > | ||
| <button class="botao-selecionado">Oitavas de Final</button> | ||
| <a href="quartas.html" | ||
| ><button class="botoes-fases">Quartas de Final</button></a | ||
| > | ||
| <a href="semi.html"><button class="botoes-fases">Semifinais</button></a> | ||
| <a href="final.html"><button class="botoes-fases">Final</button></a> | ||
| </div> | ||
| <main id="cards"></main> | ||
| </div> | ||
| <script src="./scripts/oitavas.js"></script> | ||
| <script defer src="/_vercel/insights/script.js"></script> | ||
| <footer> | ||
| <p> | ||
| Desenvolvido por | ||
| <a href="https://github.com/gabrielovski" target="_blank">Gabriel</a> | ||
| durante o evento NLW Copa da | ||
| <a href="http://rocketseat.com.br" target="_blank">Rocketseat</a>! | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
|
||
| <title>Quartas de Final - Calendário de Jogos - Copa 2022</title> | ||
| <meta name="title" content="Quartas de Final - Calendário de Jogos - Copa 2022" /> | ||
| <meta | ||
| name="description" | ||
| content="Fique por dentro dos jogos da Copa do Mundo 2022! Aqui você pode conferir os horários de todos os jogos e compartilhar com os amigos!" | ||
| /> | ||
|
|
||
| <!-- links (css, fontes) --> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicons/apple-touch-icon.png" /> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicons/favicon-32x32.png" /> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicons/favicon-16x16.png" /> | ||
| <link rel="manifest" href="./assets/favicons/site.webmanifest" /> | ||
| <link rel="mask-icon" href="./assets/favicons/safari-pinned-tab.svg" color="#5bbad5" /> | ||
| <meta name="msapplication-TileColor" content="#da532c" /> | ||
| <meta name="theme-color" content="#333333" /> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
|
|
||
| <!-- body --> | ||
| <body class="green"> | ||
| <div id="app"> | ||
| <header> | ||
| <img | ||
| src="./assets/copalogo.svg" | ||
| alt="Logo da Copa do Mundo 2022" | ||
| class="logo-copa" | ||
| /> | ||
| </header> | ||
| <div class="fases"> | ||
| <a href="index.html" | ||
| ><button class="botoes-fases">Fase de Grupos</button></a | ||
| > | ||
| <a href="oitavas.html"><button class="botoes-fases">Oitavas de Final</button></a> | ||
| <button class="botao-selecionado">Quartas de Final</button> | ||
| <a href="semi.html"><button class="botoes-fases">Semifinais</button></a> | ||
| <a href="final.html"><button class="botoes-fases">Final</button></a> | ||
| </div> | ||
| <main id="cards"></main> | ||
| </div> | ||
| <script src="./scripts/quartas.js"></script> | ||
| <script defer src="/_vercel/insights/script.js"></script> | ||
| <footer> | ||
| <p> | ||
| Desenvolvido por | ||
| <a href="https://github.com/gabrielovski" target="_blank">Gabriel</a> | ||
| durante o evento NLW Copa da | ||
| <a href="http://rocketseat.com.br" target="_blank">Rocketseat</a>! | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| function createGame(player1, hour, player2) { | ||
| let player1alt = player1.slice(-1) === "a" ? "da" : "do" | ||
| let player2alt = player2.slice(-1) === "a" ? "da" : "do" | ||
| return ` | ||
| <li> | ||
| <div class="jogo"> | ||
| <img src="./assets/${player1}.svg" alt="Bandeira ${player1alt} ${player1}" /> | ||
| <strong>${hour}</strong> | ||
| <img src="./assets/${player2}.svg" alt="Bandeira ${player2alt} ${player2}" /> | ||
| </div> | ||
| </li> | ||
| <div class="nome-times"> | ||
| <h1>${player1}</h1> | ||
| <h1>${player2}</h1> | ||
| </div> | ||
| ` | ||
| } | ||
|
|
||
| let delay = -0.15 | ||
| function createCard(date, day, games, finished) { | ||
| delay = delay + 0.15 | ||
| return ` | ||
| <div class="card" style="animation-delay: ${delay}s"> | ||
| <h2>${date} <span>${day}</span></h2> | ||
| <div class="finalizado"> | ||
| <h3>${finished}</h3> | ||
| </div> | ||
| <ul> | ||
| ${games} | ||
| </ul> | ||
| </div> | ||
| ` | ||
| } | ||
|
|
||
| document.querySelector("#cards").innerHTML = | ||
| createCard( | ||
| "18/12", | ||
| "domingo", | ||
| createGame("a confirmar", "12:00", "a confirmar"), | ||
| "a confirmar" | ||
| ) |
Oops, something went wrong.
dfd3530There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
calendariodacopa – ./
calendariodacopa.ga
calendariodacopa.gq
calendariodacopa.cf
calendariodacopa.tk
calendariodacopa-git-main-gabrielovski.vercel.app
calendariodacopa-gabrielovski.vercel.app
worldcupschedule.vercel.app
calendariodacopa.ml