-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Lucas
committed
May 16, 2024
1 parent
6974dd2
commit cf0200e
Showing
31 changed files
with
1,437 additions
and
60 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,42 @@ | ||
# hello-world | ||
A primeira alteração e para a cor azul possivelmente no cabeçalho | ||
data da alteração 23/04/2024 por volta das 19:50 | ||
LEMBRE-SE: ISSO E APRENDIZADO DE VERDADE!!! | ||
# fundamentos-front-end-turma5 | ||
Repositório da disciplina Fundamentos de Programação Front-End Turma 5. | ||
|
||
## Atualizando o seu repositório local | ||
|
||
O código produzido em sala de aula será compartilhado neste repositório e pode ser atulizado em seu repositório local com o comando: | ||
|
||
```console | ||
git pull | ||
``` | ||
No entanto, se você fez alterações no seu repositório loca, o comando acima pode gerar conflitos. Para lidar com isso, você pode forçar uma atualização com o repositório remoto por meio dos comandos: | ||
|
||
```console | ||
git fetch origin | ||
git reset --hard origin/main | ||
``` | ||
O primeiro comando recebe as atualizações mais recentes do repositório remoto e o segundo descarta todas as alterações locais e atualiza com o histórico mais recente do repositório remoto (branch main) | ||
|
||
## Sites de referência | ||
|
||
- MDN Web Docs - Aprendendo desenvolvimento web: <https://developer.mozilla.org/pt-BR/docs/Learn> | ||
- W3Schools Online Web Tutorials: <https://www.w3schools.com/> | ||
- W3C Standards: <https://www.w3.org/standards/> | ||
|
||
## Ferramentas | ||
|
||
- **Visual Studio Code** | ||
- <https://code.visualstudio.com/Download> | ||
- **Live Server (Extensão do VS Code)** | ||
- <https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer> | ||
- **Git** | ||
- <https://git-scm.com/downloads> | ||
- **Chrome Developer Tools (F12)** | ||
|
||
## SGCM | ||
|
||
A demonstração de uso das ferramentas e tecnologias abordadas na capacitação é baseada em um projeto de exemplo, o SGCM. A documentação básica deste projeto está disponível em: <https://github.com/webacademyufac/sgcmdocs> e aborda os seguintes tópicos: | ||
|
||
- [Principais funcionalidades](https://github.com/webacademyufac/sgcmdocs#principais-funcionalides) | ||
- [Histórias de usuário](https://github.com/webacademyufac/sgcmdocs#histórias-de-usuário) | ||
- [Diagrama de Classes](https://github.com/webacademyufac/sgcmdocs#diagrama-de-classes) | ||
- [Diagrama Entidade Relacionamento](https://github.com/webacademyufac/sgcmdocs#diagrama-entidade-relacionamento) |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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,30 @@ | ||
footer, | ||
span a { | ||
background-color: #80770f; | ||
} | ||
|
||
header { | ||
background-image: linear-gradient(#80770f, #dcc40de3); | ||
} | ||
|
||
table thead, | ||
table tfoot, | ||
#tema { | ||
background-color: #80770f; | ||
} | ||
|
||
table tbody tr:nth-child(odd) { | ||
background-color: #c2bb6b; | ||
} | ||
|
||
table tbody tr:nth-child(even) { | ||
background-color: #faf5b9a8; | ||
} | ||
|
||
table tbody tr:hover { | ||
background-color: #96927634; | ||
} | ||
|
||
table tfoot td { | ||
border-top: 1px solid #80770f; | ||
} |
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,29 @@ | ||
footer, | ||
span a { | ||
background-color: #80770f; | ||
} | ||
|
||
header { | ||
background-image: linear-gradient(#80770f, #dcc40de3); | ||
} | ||
|
||
table thead, | ||
table tfoot { | ||
background-color: #80770f; | ||
} | ||
|
||
table tbody tr:nth-child(odd) { | ||
background-color: #c2bb6b; | ||
} | ||
|
||
table tbody tr:nth-child(even) { | ||
background-color: #faf5b9a8; | ||
} | ||
|
||
table tbody tr:hover { | ||
background-color: #96927634; | ||
} | ||
|
||
table tfoot td { | ||
border-top: 1px solid #80770f; | ||
} |
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,17 @@ | ||
footer, | ||
span a { | ||
background-color: #003366; | ||
} | ||
|
||
header { | ||
background-image: linear-gradient(#003366, #006699); | ||
} | ||
|
||
table thead, | ||
table tfoot { | ||
background-color: #003366; | ||
} | ||
|
||
table tfoot td { | ||
border-top: 1px solid #003366; | ||
} |
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,29 @@ | ||
footer, | ||
span a { | ||
background-color: #7f0404; | ||
} | ||
|
||
header { | ||
background-image: linear-gradient(#7f0404, #d00000); | ||
} | ||
|
||
table thead, | ||
table tfoot { | ||
background-color: #7f0404; | ||
} | ||
|
||
table tbody tr:nth-child(odd) { | ||
background-color: #df6b63; | ||
} | ||
|
||
table tbody tr:nth-child(even) { | ||
background-color: #df6b638f; | ||
} | ||
|
||
table tbody tr:hover { | ||
background-color: #df63632f; | ||
} | ||
|
||
table tfoot td { | ||
border-top: 1px solid #7f0404; | ||
} |
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,185 @@ | ||
body { | ||
margin: 0; | ||
font-family: Arial, Helvetica, sans-serif; | ||
font-size: 16px; | ||
} | ||
|
||
/* Cabeçalho */ | ||
header { | ||
background: linear-gradient(#003366, #006699); | ||
} | ||
|
||
div.logo { | ||
font-size: 2em; | ||
color: white; | ||
font-weight: bold; | ||
padding: 5px; | ||
/* margin: 10px 40px; | ||
border: 3px solid red; | ||
padding: 5px 10px 20px 30px; */ | ||
} | ||
|
||
div.usuario { | ||
font-size: 14px; | ||
float: right; | ||
padding-top: 10px; | ||
padding-right: 10px; | ||
} | ||
|
||
/* Main */ | ||
main { | ||
background: linear-gradient(#cccccc, #ffffff); | ||
padding: 16px; | ||
} | ||
|
||
a.botao, | ||
input[type="submit"], | ||
input[type="button"] { | ||
font-size: 14px; | ||
color: white; | ||
background-color: #2c832d; | ||
border: none; | ||
border-radius: 4px; | ||
line-height: 2em; | ||
cursor: pointer; | ||
padding: 0 0.4em; | ||
display: inline-block; | ||
text-decoration: none; | ||
} | ||
|
||
a.botao:hover, | ||
input[type="submit"]:hover, | ||
input[type="button"]:hover { | ||
background-color: #1b531c; | ||
} | ||
|
||
a.botao#vermelho, | ||
input[type="button"] { | ||
background-color: red; | ||
} | ||
|
||
a.botao#vermelho:hover, | ||
input[type="button"]:hover { | ||
background-color: rgb(102, 21, 21); | ||
} | ||
|
||
/* Nav */ | ||
nav { | ||
background-color: #383838; | ||
border-top: 1px solid #fff; | ||
border-bottom: 1px solid #fff; | ||
margin: 0; | ||
} | ||
|
||
nav ul { | ||
padding: 0; | ||
} | ||
|
||
nav ul li, | ||
nav ul { | ||
display: flex; | ||
list-style: none; | ||
margin: 0; | ||
} | ||
|
||
@media screen and (min-width: 200px) and (max-width: 840px) { | ||
nav ul { | ||
display: block; | ||
} | ||
|
||
nav ul li a { | ||
width: 100%; | ||
} | ||
} | ||
|
||
nav ul li a { | ||
color: #fff; | ||
text-decoration: none; | ||
padding: 10px; | ||
} | ||
|
||
nav ul li a:hover { | ||
background-color: #cccccc; | ||
color: #383838; | ||
} | ||
|
||
|
||
/* Form */ | ||
|
||
form label::after { | ||
content: ":"; | ||
} | ||
|
||
form div.grid { | ||
display: grid; | ||
grid-template-columns: 1fr 3fr; | ||
gap: 0.4em; | ||
margin-bottom: 0.5em; | ||
width: fit-content; | ||
align-items: center; | ||
margin: auto; | ||
text-align: right; | ||
} | ||
|
||
input, | ||
select { | ||
border-radius: 4px; | ||
border: 1px solid black; | ||
height: 2em; | ||
} | ||
|
||
input:invalid, | ||
select:invalid { | ||
border-color: red; | ||
} | ||
|
||
@media screen and (max-width: 600px) { | ||
form div.grid { | ||
grid-template-columns: 1fr; | ||
text-align: left; | ||
width: 90%; | ||
} | ||
} | ||
|
||
/* Tabela */ | ||
table { | ||
width: 99%; | ||
text-align: center; | ||
margin-top: 20px; | ||
} | ||
|
||
table tr td { | ||
padding: 0.4em; | ||
} | ||
|
||
table thead, | ||
table tfoot { | ||
background-color: #003366; | ||
color: #fff; | ||
} | ||
|
||
table tbody tr:nth-child(odd) { | ||
background-color: #639ddf; | ||
} | ||
|
||
table tbody tr:nth-child(even) { | ||
background-color: #639ddf96; | ||
} | ||
|
||
table tbody tr:hover { | ||
background-color: #639ddf48; | ||
} | ||
|
||
table tbody tr td:last-child { | ||
white-space: nowrap; | ||
width: 5%; | ||
} | ||
|
||
/* Rodapé */ | ||
|
||
footer, | ||
span a { | ||
background: #003366; | ||
color: white; | ||
line-height: 2em; | ||
} |
Oops, something went wrong.