Skip to content

Commit

Permalink
fix bug do redirect fase de grupos e prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
gabrielovski committed Dec 3, 2022
1 parent cbb95ee commit 8eb19ed
Show file tree
Hide file tree
Showing 8 changed files with 175 additions and 38 deletions.
80 changes: 80 additions & 0 deletions fase-de-grupos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!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>Calendário de Jogos - Copa 2022</title>
<meta name="title" content="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" />
<meta name="msapplication-TileColor" content="#b91d47" />
<meta name="theme-color" content="#ffffff" />

<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">
<button class="botao-selecionado">Fase de Grupos</button>
<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>
<a href="final.html"><button class="botoes-fases">Final</button></a>
</div>
<main id="cards"></main>
</div>
<script src="./scripts/main.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>
35 changes: 25 additions & 10 deletions final.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,37 @@
<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="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!"
content="Fique por dentro do jogo da Final da Copa do Mundo 2022! Aqui você pode conferir o horário e o placar do jogo 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="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" />
<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" />

Expand All @@ -44,7 +59,7 @@
/>
</header>
<div class="fases">
<a href="index.html"
<a href="fase-de-grupos.html"
><button class="botoes-fases">Fase de Grupos</button></a
>
<a href="oitavas.html"
Expand Down
5 changes: 5 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,11 @@
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!"
/>

<meta
http-equiv="refresh"
content="0; URL='https://calendariodacopa.tk/oitavas'"
/>

<!-- links (css, fontes) -->
<link rel="stylesheet" href="./style.css" />
<link
Expand Down
4 changes: 2 additions & 2 deletions oitavas.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
/>
<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!"
content="Fique por dentro dos jogos das Oitavas de Final da Copa do Mundo 2022! Aqui você pode conferir os horários e o placar de todos os jogos e compartilhar com os amigos!"
/>

<!-- links (css, fontes) -->
Expand Down Expand Up @@ -62,7 +62,7 @@
/>
</header>
<div class="fases">
<a href="index.html"
<a href="fase-de-grupos.html"
><button class="botoes-fases">Fase de Grupos</button></a
>
<button class="botao-selecionado">Oitavas de Final</button>
Expand Down
39 changes: 31 additions & 8 deletions quartas.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,40 @@
<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="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!"
content="Fique por dentro dos jogos das Quartas de Final da Copa do Mundo 2022! Aqui você pode conferir os horários e o placar 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="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" />
<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" />

Expand All @@ -41,10 +62,12 @@
/>
</header>
<div class="fases">
<a href="index.html"
<a href="fase-de-grupos.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="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>
Expand Down
13 changes: 6 additions & 7 deletions scripts/final.js
Original file line number Diff line number Diff line change
Expand Up @@ -32,10 +32,9 @@ function createCard(date, day, games, finished) {
`
}

document.querySelector("#cards").innerHTML =
createCard(
"18/12",
"domingo",
createGame("a confirmar", "12:00", "a confirmar"),
"a confirmar"
)
document.querySelector("#cards").innerHTML = createCard(
"18/12",
"domingo",
createGame("a confirmar", "12:00", "a confirmar"),
"a confirmar"
)
2 changes: 1 addition & 1 deletion scripts/semi.js
Original file line number Diff line number Diff line change
Expand Up @@ -44,4 +44,4 @@ document.querySelector("#cards").innerHTML =
"quarta",
createGame("a confirmar", "16:00", "a confirmar"),
"a confirmar"
)
)
35 changes: 25 additions & 10 deletions semi.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,37 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Semifinais - Calendário de Jogos - Copa 2022</title>
<meta
name="title"
content="Semifinais - Calendário de Jogos - Copa 2022"
/>
<meta name="title" content="Semifinais - 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!"
content="Fique por dentro dos jogos das Semi Finais da Copa do Mundo 2022! Aqui você pode conferir os horários e o placar 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="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" />
<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" />

Expand All @@ -44,7 +59,7 @@
/>
</header>
<div class="fases">
<a href="index.html"
<a href="fase-de-grupos.html"
><button class="botoes-fases">Fase de Grupos</button></a
>
<a href="oitavas.html"
Expand Down

1 comment on commit 8eb19ed

@vercel
Copy link

@vercel vercel bot commented on 8eb19ed Dec 3, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.