From f7c38072b35d69e2150abc61a857490b4de3e040 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 11:22:31 -0300 Subject: [PATCH 01/64] Pratica 1 adicionada --- "bloco_3/dia_3/Pr\303\241tica_1/index.html" | 15 +++++++++++++++ "bloco_3/dia_3/Pr\303\241tica_1/style.css" | 0 2 files changed, 15 insertions(+) create mode 100644 "bloco_3/dia_3/Pr\303\241tica_1/index.html" create mode 100644 "bloco_3/dia_3/Pr\303\241tica_1/style.css" diff --git "a/bloco_3/dia_3/Pr\303\241tica_1/index.html" "b/bloco_3/dia_3/Pr\303\241tica_1/index.html" new file mode 100644 index 000000000..434fc609c --- /dev/null +++ "b/bloco_3/dia_3/Pr\303\241tica_1/index.html" @@ -0,0 +1,15 @@ + + + + + + Exercício de Fixação: box model + + + +
A
+
B
+
C
+
D
+ + \ No newline at end of file diff --git "a/bloco_3/dia_3/Pr\303\241tica_1/style.css" "b/bloco_3/dia_3/Pr\303\241tica_1/style.css" new file mode 100644 index 000000000..e69de29bb From 7fa41132e417b9bdbf5b66464f25ac674647abe0 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 11:51:25 -0300 Subject: [PATCH 02/64] Pratica feita --- "bloco_3/dia_3/Pr\303\241tica_1/style.css" | 27 ++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git "a/bloco_3/dia_3/Pr\303\241tica_1/style.css" "b/bloco_3/dia_3/Pr\303\241tica_1/style.css" index e69de29bb..95fc18706 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_1/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_1/style.css" @@ -0,0 +1,27 @@ +.caixa { + color: white; + display: inline-block; + line-height: 50px; + text-align: center; + vertical-align: top; + } + + .width-and-height { + height: 50px; + width: 50px; + } + + .padding { + /* insira aqui um padding de 20px na classe abaixo para aplicá-lo aos itens B, C e D */ + padding: 20px; + } + + .margin { + /* insira aqui uma margem de 30px na classe abaixo para aplicá-la aos itens C e D */ + margin: 30px; +} + + .border { + /* insira aqui uma borda com valor '5px solid black' para aplicá-la ao item D */ + border: 5px solid black; + } \ No newline at end of file From 91a9a0bc619fe3466a788a2da57d0ccd68720077 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:18:04 -0300 Subject: [PATCH 03/64] style atualizado --- bloco_3/dia_3/tste/index.html | 17 +++++++++++++++++ bloco_3/dia_3/tste/style.css | 17 +++++++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 bloco_3/dia_3/tste/index.html create mode 100644 bloco_3/dia_3/tste/style.css diff --git a/bloco_3/dia_3/tste/index.html b/bloco_3/dia_3/tste/index.html new file mode 100644 index 000000000..980142008 --- /dev/null +++ b/bloco_3/dia_3/tste/index.html @@ -0,0 +1,17 @@ + + + + + + + + Document + + +
+ + + +
+ + \ No newline at end of file diff --git a/bloco_3/dia_3/tste/style.css b/bloco_3/dia_3/tste/style.css new file mode 100644 index 000000000..e50d2f366 --- /dev/null +++ b/bloco_3/dia_3/tste/style.css @@ -0,0 +1,17 @@ +.images{ + + display: inline-block + +} +.size{ + width: 300px; +} +.a1{ + position: absolute; +} +.a2{ + position: absolute; +} +.a3{ + position:relative; +} \ No newline at end of file From 4a725094289d42d83e12c9a940d2f2b6b3758aa1 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:19:01 -0300 Subject: [PATCH 04/64] removido tste --- "bloco_3/dia_3/Pr\303\241tica_1/style.css" | 2 +- bloco_3/dia_3/tste/index.html | 17 ----------------- bloco_3/dia_3/tste/style.css | 17 ----------------- 3 files changed, 1 insertion(+), 35 deletions(-) delete mode 100644 bloco_3/dia_3/tste/index.html delete mode 100644 bloco_3/dia_3/tste/style.css diff --git "a/bloco_3/dia_3/Pr\303\241tica_1/style.css" "b/bloco_3/dia_3/Pr\303\241tica_1/style.css" index 95fc18706..fb9e82836 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_1/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_1/style.css" @@ -4,7 +4,7 @@ line-height: 50px; text-align: center; vertical-align: top; - } +} .width-and-height { height: 50px; diff --git a/bloco_3/dia_3/tste/index.html b/bloco_3/dia_3/tste/index.html deleted file mode 100644 index 980142008..000000000 --- a/bloco_3/dia_3/tste/index.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - Document - - -
- - - -
- - \ No newline at end of file diff --git a/bloco_3/dia_3/tste/style.css b/bloco_3/dia_3/tste/style.css deleted file mode 100644 index e50d2f366..000000000 --- a/bloco_3/dia_3/tste/style.css +++ /dev/null @@ -1,17 +0,0 @@ -.images{ - - display: inline-block - -} -.size{ - width: 300px; -} -.a1{ - position: absolute; -} -.a2{ - position: absolute; -} -.a3{ - position:relative; -} \ No newline at end of file From 20f301641fe024e09717271f240815be162a8faa Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:21:02 -0300 Subject: [PATCH 05/64] Inicio pratica 2 --- "bloco_3/dia_3/Pr\303\241tica_2/index.html" | 25 +++++++++++++++++++++ "bloco_3/dia_3/Pr\303\241tica_2/style.css" | 0 2 files changed, 25 insertions(+) create mode 100644 "bloco_3/dia_3/Pr\303\241tica_2/index.html" create mode 100644 "bloco_3/dia_3/Pr\303\241tica_2/style.css" diff --git "a/bloco_3/dia_3/Pr\303\241tica_2/index.html" "b/bloco_3/dia_3/Pr\303\241tica_2/index.html" new file mode 100644 index 000000000..7a46f4bd2 --- /dev/null +++ "b/bloco_3/dia_3/Pr\303\241tica_2/index.html" @@ -0,0 +1,25 @@ + + + + + Posicionamento de elementos + + + +

Exercícios de fixação 3.3

+ jumpMario + gomba +

+ Goomba, do something! +

+ baloon + bowser + + + + \ No newline at end of file diff --git "a/bloco_3/dia_3/Pr\303\241tica_2/style.css" "b/bloco_3/dia_3/Pr\303\241tica_2/style.css" new file mode 100644 index 000000000..e69de29bb From a65f7aa2e36b5b5c4cf75a3ae46205c5b4efe08b Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:35:36 -0300 Subject: [PATCH 06/64] Pratica 2 finalizada --- "bloco_3/dia_3/Pr\303\241tica_2/style.css" | 33 ++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git "a/bloco_3/dia_3/Pr\303\241tica_2/style.css" "b/bloco_3/dia_3/Pr\303\241tica_2/style.css" index e69de29bb..01ea3d5ea 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_2/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_2/style.css" @@ -0,0 +1,33 @@ +.super-mario{ + width: 100px; + position:absolute; + left: 90px; +} +.goomba{ + width: 100px; + position:absolute; + top: 220px; + left: 120px; +} +.baloon{ + position:absolute; + width: 100px; + left: 280px; + top: 140px; + z-index: 1; +} +.bowser{ + width: 100px; +position: absolute; + left: 380px; + top: 170px; +} +.word{ + position: absolute; + width:50px; + top: 143px; + left: 303px; + font-size: 10px; + text-align: center; + z-index: 2; +} \ No newline at end of file From 3cf6187923f8375ce9b7dbf4193e2fa7c64065a1 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:44:18 -0300 Subject: [PATCH 07/64] PRatica 3 adicionada --- "bloco_3/dia_3/Pr\303\241tica_3/index.html" | 29 +++++++++++++++++++++ "bloco_3/dia_3/Pr\303\241tica_3/style.css" | 0 2 files changed, 29 insertions(+) create mode 100644 "bloco_3/dia_3/Pr\303\241tica_3/index.html" create mode 100644 "bloco_3/dia_3/Pr\303\241tica_3/style.css" diff --git "a/bloco_3/dia_3/Pr\303\241tica_3/index.html" "b/bloco_3/dia_3/Pr\303\241tica_3/index.html" new file mode 100644 index 000000000..dd54fcaff --- /dev/null +++ "b/bloco_3/dia_3/Pr\303\241tica_3/index.html" @@ -0,0 +1,29 @@ + + + + + Agrupando Seletores + + + +

Lista dos Melhores Sites que já vi

+

Top 3 dos melhores sites que existem na web

+ +

Principais motivos para eu gostar deles

+ + + \ No newline at end of file diff --git "a/bloco_3/dia_3/Pr\303\241tica_3/style.css" "b/bloco_3/dia_3/Pr\303\241tica_3/style.css" new file mode 100644 index 000000000..e69de29bb From 74a782a482977774fd9052b1f5476ece96bde743 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 13:54:34 -0300 Subject: [PATCH 08/64] Pratica finalizada --- "bloco_3/dia_3/Pr\303\241tica_3/index.html" | 13 ++++++++++++- "bloco_3/dia_3/Pr\303\241tica_3/style.css" | 19 +++++++++++++++++++ 2 files changed, 31 insertions(+), 1 deletion(-) diff --git "a/bloco_3/dia_3/Pr\303\241tica_3/index.html" "b/bloco_3/dia_3/Pr\303\241tica_3/index.html" index dd54fcaff..b38f7efa5 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_3/index.html" +++ "b/bloco_3/dia_3/Pr\303\241tica_3/index.html" @@ -8,6 +8,11 @@

Lista dos Melhores Sites que já vi

Top 3 dos melhores sites que existem na web

+
    +
  1. youtube
    2. +
  2. minhoca
    3. +
  3. ducks
    4. +

Principais motivos para eu gostar deles

+ - +
    +
  • São divertidos
    • +
  • IMPORTANTES PARA A HUMANIDADE
    • +
  • Informativos
    • +
+ \ No newline at end of file diff --git "a/bloco_3/dia_3/Pr\303\241tica_3/style.css" "b/bloco_3/dia_3/Pr\303\241tica_3/style.css" index e69de29bb..071649d67 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_3/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_3/style.css" @@ -0,0 +1,19 @@ +h1, p { + text-align: center; +} + +a{ + text-decoration: none; + color: inherit; +} + +li:hover { + background-color: black; + color:white; +} +li:active{ + font-family: monospace; +} +ul, ol{ + list-style: none; +} \ No newline at end of file From da03e31afc4c14d5cb8264526ba56fe79fe34d10 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 15:15:39 -0300 Subject: [PATCH 09/64] PRatica 4 adicionada --- "bloco_3/dia_3/Pr\303\241tica_4/index.html" | 46 +++++++++++++++++++++ "bloco_3/dia_3/Pr\303\241tica_4/style.css" | 15 +++++++ 2 files changed, 61 insertions(+) create mode 100644 "bloco_3/dia_3/Pr\303\241tica_4/index.html" create mode 100644 "bloco_3/dia_3/Pr\303\241tica_4/style.css" diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/index.html" "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" new file mode 100644 index 000000000..53b85b383 --- /dev/null +++ "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" @@ -0,0 +1,46 @@ + + + + + + #GoTrybe + + +

Combinações e Classes Descendentes

+
+

Top 5 frases memoráveis:

+
    +
  1. Com grandes poderes vêm grandes responsabilidades. - Tio Ben (Homem Aranha)
    2. +
  2. Houston, temos um problema. - Jack Swigert
    3. +
  3. Sempre parece impossível até que esteja feito. - Nelson Mandela
    4. +
  4. Parte da jornada é o fim. - Tony Stark (Homem de Ferro)
    5. +
  5. Às vezes, o melhor que podemos fazer é começar novamente. - Steve Rogers (Capitão América)
    6. +
+

As maiores linguagens de programação:

+
    +
  • Python
    • +
  • Java
    • +
  • JavaScript
    • +
  • C#
    • +
  • C / C++
    • +
+

Maiores aliados de uma pessoa desenvolvedora:

+ + + \ No newline at end of file diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/style.css" "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" new file mode 100644 index 000000000..027e6e6b8 --- /dev/null +++ "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" @@ -0,0 +1,15 @@ +/* + +1 - Faça com que todos os itens de Listas Ordenadas tenham uma cor de fundo amarela. Se a numeração do item for PAR, faça a cor de fonte ser verde. Se o número for considerado primo, utilize a propriedade text-transform para deixar o texto maiúsculo. (Dica: combinar classes pode ser útil aqui). + +2 - Faça todas as tags Header (h1, h2...) possuírem cor de fonte vermelha e, se alguma delas estiver em itálico, aumente seu tamanho para 40px e acrescente uma borda de 1px preta e sólida. + +3 - Faça todas as li's terem 20px de tamanho de fonte e, para todo texto em itálico dentro de alguma li, utilize a propriedade font-weight para deixá-lo negrito. + +4 - Na listagem de linguagens de programação, faça com que as 3 primeiras da lista possuam cor de fonte azul e, se alguma possuir "java*" no texto, utilize uma cor de fundo rosa. + +5 - (Bônus) Para cada link na lista de aliados da pessoa desenvolvedora, faça com que ao passar o mouse sobre cada um, o texto fique em negrito e assuma a cor de fonte "temática do site" + Dica 1: Utilize o seletor :hover para controlar o passar do mouse. + Dica 2: Sugestão de cores padrão. StackOverflow (laranja), W3Schools (verde), MDN (preta), DevDocs (amarela), Trybe (verde). + +*/ \ No newline at end of file From 0bd63a6a6a0045163c35dd1292d6a9c7278c49ba Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 15:35:54 -0300 Subject: [PATCH 10/64] Parte 1 finalizada --- "bloco_3/dia_3/Pr\303\241tica_4/index.html" | 10 +++++----- "bloco_3/dia_3/Pr\303\241tica_4/style.css" | 15 ++++++++++++++- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/index.html" "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" index 53b85b383..885c0164c 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_4/index.html" +++ "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" @@ -10,11 +10,11 @@

Combinações e Classes Descendentes


Top 5 frases memoráveis:

    -
  1. Com grandes poderes vêm grandes responsabilidades. - Tio Ben (Homem Aranha)
    2. -
  2. Houston, temos um problema. - Jack Swigert
    3. -
  3. Sempre parece impossível até que esteja feito. - Nelson Mandela
    4. -
  4. Parte da jornada é o fim. - Tony Stark (Homem de Ferro)
    5. -
  5. Às vezes, o melhor que podemos fazer é começar novamente. - Steve Rogers (Capitão América)
    6. +
  6. Com grandes poderes vêm grandes responsabilidades. - Tio Ben (Homem Aranha)
    7. +
  7. Houston, temos um problema. - Jack Swigert
    8. +
  8. Sempre parece impossível até que esteja feito. - Nelson Mandela
    9. +
  9. Parte da jornada é o fim. - Tony Stark (Homem de Ferro)
    10. +
  10. Às vezes, o melhor que podemos fazer é começar novamente. - Steve Rogers (Capitão América)

As maiores linguagens de programação:

    diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/style.css" "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" index 027e6e6b8..ab59361c4 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_4/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" @@ -12,4 +12,17 @@ Dica 1: Utilize o seletor :hover para controlar o passar do mouse. Dica 2: Sugestão de cores padrão. StackOverflow (laranja), W3Schools (verde), MDN (preta), DevDocs (amarela), Trybe (verde). -*/ \ No newline at end of file +*/ +ol li { + background-color:yellow; +} + +ol li.par{ + color: green; +} + +ol li.primo{ + text-transform: uppercase; +} + + From 5c74264db7a7f6be836048d93376010247a50f83 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Fri, 12 Feb 2021 15:55:34 -0300 Subject: [PATCH 11/64] Pratica 4 concluida --- "bloco_3/dia_3/Pr\303\241tica_4/index.html" | 28 +++++------ "bloco_3/dia_3/Pr\303\241tica_4/style.css" | 52 +++++++++++++++++++++ 2 files changed, 66 insertions(+), 14 deletions(-) diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/index.html" "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" index 885c0164c..1f935ee38 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_4/index.html" +++ "b/bloco_3/dia_3/Pr\303\241tica_4/index.html" @@ -6,9 +6,9 @@ #GoTrybe -

    Combinações e Classes Descendentes

    +

    Combinações e Classes Descendentes


    -

    Top 5 frases memoráveis:

    +

    Top 5 frases memoráveis:

    1. Com grandes poderes vêm grandes responsabilidades. - Tio Ben (Homem Aranha)
    2. Houston, temos um problema. - Jack Swigert
      3. @@ -16,29 +16,29 @@

      Top 5 frases memoráveis:

    3. Parte da jornada é o fim. - Tony Stark (Homem de Ferro)
    4. Às vezes, o melhor que podemos fazer é começar novamente. - Steve Rogers (Capitão América)
    -

    As maiores linguagens de programação:

    +

    As maiores linguagens de programação:

      -
    • Python
      • -
    • Java
      • -
    • JavaScript
      • -
    • C#
      • -
    • C / C++
      • +
    • Python
      • +
    • Java
      • +
    • JavaScript
      • +
    • C#
      • +
    • C / C++
    -

    Maiores aliados de uma pessoa desenvolvedora:

    +

    Maiores aliados de uma pessoa desenvolvedora:

    diff --git "a/bloco_3/dia_3/Pr\303\241tica_4/style.css" "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" index ab59361c4..997bf2fe1 100644 --- "a/bloco_3/dia_3/Pr\303\241tica_4/style.css" +++ "b/bloco_3/dia_3/Pr\303\241tica_4/style.css" @@ -25,4 +25,56 @@ ol li.primo{ text-transform: uppercase; } +.header{ + color:red; +} + +em.header{ + font-size: 40px; + border: 1px black solid; + +} + +li{ + font-size: 20px; +} +li em{ + font-weight: 700; +} + +.tflanguages{ + color: blue; +} + +.java{ + background-color: pink; + padding: 1px; + margin-right: 420px; + padding-left: 3px; +} + +.allys:hover{ + font-weight: 700; + +} + +.ally1:hover{ + text-decoration: none; + color:orange; +} +.ally2:hover{ + color:green; +} +.ally3:hover{ + color:black; +} +.ally4:hover{ + color:yellow; +} +.ally5:hover{ + color: green; +} +a:hover { + color: inherit; +} \ No newline at end of file From c4bb53aeaef4f3a767e25af281331b74b9777023 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 10:06:06 -0300 Subject: [PATCH 12/64] pratica concluida --- bloco_3/dia_4/Pratica_1/index.html | 38 +++++++++++++++++++++++ bloco_3/dia_4/Pratica_1/style.css | 49 ++++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 bloco_3/dia_4/Pratica_1/index.html create mode 100644 bloco_3/dia_4/Pratica_1/style.css diff --git a/bloco_3/dia_4/Pratica_1/index.html b/bloco_3/dia_4/Pratica_1/index.html new file mode 100644 index 000000000..1a2e43cb6 --- /dev/null +++ b/bloco_3/dia_4/Pratica_1/index.html @@ -0,0 +1,38 @@ + + + + + + + Ranking + + +
    +

    Hackathon Results

    +
    +
    +
      +
    • 1º - Equipe 1
      • +
    • 2º - Equipe 2
      • +
    • 3º - Equipe 3
      • +
    +
    +
    +

    Premiação Primeiro Lugar:

    +
      +
    • | R$ 1000,00 por integrante da equipe |
      • +
    • | Bootcamp de 2 meses com possibilidade de contratação |
      • +
    +

    Premiação Segundo Lugar:

    +
      +
    • | R$ 600,00 por integrante da equipe |
      • +
    • | Participação no processo seletivo para o Bootcamp |
      • +
    +

    Premiação Terceiro Lugar:

    +
      +
    • | R$ 300,00 por integrante da equipe |
      • +
    • | Participação no processo seletivo para o Bootcamp |
      • +
    +
    + + \ No newline at end of file diff --git a/bloco_3/dia_4/Pratica_1/style.css b/bloco_3/dia_4/Pratica_1/style.css new file mode 100644 index 000000000..96c01a598 --- /dev/null +++ b/bloco_3/dia_4/Pratica_1/style.css @@ -0,0 +1,49 @@ +h1 { + text-align: center; + } + + .first { + background-color: rgb(235, 200, 84); + font-size: 20px; + height: 50px; + text-align: center; + width: 200px; + } + + .second { + background-color: rgb(219, 219, 219); + font-size: 20px; + height: 50px; + text-align: center; + width: 300px; + } + + .third { + background-color: rgb(170, 142, 106); + font-size: 20px; + height: 50px; + text-align: center; + width: 300px; + } + + /*------------*/ + +body{ + text-align: center; +} + +.li-bullet li { + list-style-type:none; +} + +.block-align{ + margin:auto; +} + +.block-display{ + display:inline-block; +} + +.li-display li{ + display:inline; +} \ No newline at end of file From 9468a4db5bf801de99f8817881c8c2ed4a272f4e Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 12:15:22 -0300 Subject: [PATCH 13/64] Titulo adiiconado --- bloco_3/dia_4/Exercicio_1/index.html | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 bloco_3/dia_4/Exercicio_1/index.html diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html new file mode 100644 index 000000000..bf9e8165f --- /dev/null +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -0,0 +1,11 @@ + + + + + + + + +

    Soco a 80km/h: Conheça o Stomatopoda

    + + \ No newline at end of file From effeedd6ef42edaa5fcbc1436db43aaa1bbe8b7c Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 12:17:34 -0300 Subject: [PATCH 14/64] links/nav adicionados --- bloco_3/dia_4/Exercicio_1/index.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index bf9e8165f..5468015e5 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -6,6 +6,15 @@ -

    Soco a 80km/h: Conheça o Stomatopoda

    +
    +

    Soco a 80km/h: Conheça o Stomatopoda

    +
    + \ No newline at end of file From 2713821b71700e27dd4e21830ed1f0ad36e717c6 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 12:20:00 -0300 Subject: [PATCH 15/64] subtitulo adicionado --- bloco_3/dia_4/Exercicio_1/index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index 5468015e5..730f00d02 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -11,10 +11,13 @@

    Soco a 80km/h: Conheça o Stomatopoda

    +
    +

    Fatos sobre o Stomatopoda

    +
    \ No newline at end of file From 2acd233f9d377ae1fcc5fea41d746d23f3ba6069 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 12:21:58 -0300 Subject: [PATCH 16/64] =?UTF-8?q?se=C3=A7oes=20adicionadas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- bloco_3/dia_4/Exercicio_1/index.html | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index 730f00d02..e73bbf25f 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -18,6 +18,23 @@

    Soco a 80km/h: Conheça o Stomatopoda

    Fatos sobre o Stomatopoda

    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    \ No newline at end of file From eb1f3dd5d79d31f02b7881296728d77986243026 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 12:32:09 -0300 Subject: [PATCH 17/64] =?UTF-8?q?informa=C3=A7oes=20gerais=20concluidas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- bloco_3/dia_4/Exercicio_1/index.html | 51 +++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index e73bbf25f..31e8ca448 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -18,8 +18,57 @@

    Soco a 80km/h: Conheça o Stomatopoda

    Fatos sobre o Stomatopoda

    +
    +

    Informações gerais:

    +

    Tamarutacas, Lacraias-do-mar, Camarão Boxeador, Camarão Mantis, Camarão Pistola... Esses nomes são todos direcionados para um só bichinho: o Stomatopoda (cientificamente chamado de Odontodactylus scyllarus).

    +

    Sua classificação se dá em:

    + + + + + + + + + + + + + + + + + + + + +
    + Reino: + + Filo: + + Subfilo: + + Classe: + + Subclasse: + + Ordem: +
    + Animalia + + Arthropoda + + Crustacea + + Malacostraca + + Hoplocarida + + Stomatopoda +
    @@ -29,7 +78,7 @@

    Fatos sobre o Stomatopoda

    - +
    From 9a011688c4cb179ab193a528e253a3cb6ca9b9ea Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 13:25:06 -0300 Subject: [PATCH 18/64] fatos e imagens adicionados --- bloco_3/dia_4/Exercicio_1/index.html | 44 ++++++++++++++++++++-------- 1 file changed, 32 insertions(+), 12 deletions(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index 31e8ca448..a8967919e 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -21,8 +21,12 @@

    Fatos sobre o Stomatopoda

    Informações gerais:

    -

    Tamarutacas, Lacraias-do-mar, Camarão Boxeador, Camarão Mantis, Camarão Pistola... Esses nomes são todos direcionados para um só bichinho: o Stomatopoda (cientificamente chamado de Odontodactylus scyllarus).

    -

    Sua classificação se dá em:

    +

    + Tamarutacas, Lacraias-do-mar, Camarão Boxeador, Camarão Mantis, Camarão Pistola... Esses nomes são todos direcionados para um só bichinho: o Stomatopoda (cientificamente chamado de Odontodactylus scyllarus). +

    +

    + Sua classificação se dá em: +

    @@ -70,19 +74,35 @@

    Informações gerais:

    - -
    - -
    - +

    Visão além do alcance:

    +

    + O Stomatopoda tem uma das visões mais poderosas do reino animal. Os humanos tem três cones receptores de luz, que é o que nos dá a capacidade de enxergar cores. Nosso estimado crustáceo tem DEZESSEIS cones, o mundo pra ele é uma aquarela no mínimo 100 vezes mais rica que a nossa. +

    +

    + Para você ter uma idéia do quão boa é a riqueza de cores do nosso Camarão boxeador, o animal número um em visão poderosa do reino animal pertence a um crustáceo também: o Squilla Mantis, mas mesmo ele tem apenas 12 cones receptores de luz! +

    + Olhos do Stomadopoda
    - +

    Aparência de borboleta, violência de vespa:

    +

    + Não podemos discordar que as cores do nosso cavalheiro são magníficas, mas por trás dessa beleza toda nosso protagonista esconde duas armas EXTREMAMENTE LETAIS!!! +

    +

    + Sua alcunha "Camarão boxeador" não é dada a ele a toa. Ele esconde dois membros poderosos em baixo de seus olhos igualmente poderosos. Quando essa criatura se sente ameaçada ou quer caçar ele dispara esses apêndices com a força de 2,5 mil vezes seu próprio peso em 800 microsegundos -equivalente a um tiro de pistola calibre 22-, isso resulta numa potente soco de 80km/h! Essa força e velocidade somados chegam a fazer a água em volta do seus punhos ferver. Ou seja, além de nocautear uma presa, ele provavelmente poderia fazer um ensopado dela caso fosse mais exigente com seus alimentos. +

    + Soco stromatopoda
    +

    Incontível:

    +

    + Sim, é um belo exemplar do reino animalia e grande objeto de estudos do aquarismo (chegando a atrair pesquisadores que analisam suas placas e estruturas de celulas pra construir coletes de segurança) mas ele normalmente ser observado em seu habitat natural. Isto se deve porque seu poderoso soco de 1500 N emite uma onde de choque que quebra o vidro dos aquários. Pode até ser um belo bichinho multi-cromático, mas certamente não é tão amigável assim. Explicaremos adiante. +

    + Soco de um Stromatopoda +

    + Nesse ponto você poderá comparar ele com aquele vizinho esquisito com cara de sedento por sangue e horror, por que nossa lagosta aqui não é sociável. Além de ser complicado de manter ele em aquários, é muito territorial, então ele simplesmente nocauteia todos seus "amigos" parceiros de aquário. Sendo assim, um potencial serial-killer. + Soco de um Stromatopoda +

    +
    -
    - -
    -
    From 75e8ef05447c7c0c6c8f2455cb89f9742026f62f Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 13:56:04 -0300 Subject: [PATCH 19/64] Restante da atividade concluida --- bloco_3/dia_4/Exercicio_1/index.html | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index a8967919e..a414da8f4 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -103,7 +103,27 @@

    Incontível:

    - - +
    + Aqui vão alguns links que usei para aprender sobre esse bichinho pouco simpático: + +
    + + +
    +

    + Conteúdo compilado por Denis Rossati Ramos, 2021. +

    +
    \ No newline at end of file From 6cb56f3f892b58a39982749dbaf2652d9f6bbfb5 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 14:34:49 -0300 Subject: [PATCH 20/64] corrigidos erros de acessibilidade --- bloco_3/dia_4/Exercicio_1/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index a414da8f4..18a5cf39a 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -1,8 +1,9 @@ - + + Stomatopoda: Um ser curioso. From 488005ad0066c5beea798e332e8481b1089e45f8 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 15:14:43 -0300 Subject: [PATCH 21/64] inicio css e links atualizados --- bloco_3/dia_4/Exercicio_1/index.html | 26 ++++++++++++++++---------- bloco_3/dia_4/Exercicio_1/style.css | 20 ++++++++++++++++++++ 2 files changed, 36 insertions(+), 10 deletions(-) create mode 100644 bloco_3/dia_4/Exercicio_1/style.css diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index 18a5cf39a..a55aca13b 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -3,25 +3,29 @@ + + + Stomatopoda: Um ser curioso. -
    -

    Soco a 80km/h: Conheça o Stomatopoda

    +
    +

    Soco a 80km/h: Conheça o Stomatopoda.

    -
    +

    Fatos sobre o Stomatopoda

    diff --git a/bloco_3/dia_4/Exercicio_1/style.css b/bloco_3/dia_4/Exercicio_1/style.css index a69d64ed2..c66308f4e 100644 --- a/bloco_3/dia_4/Exercicio_1/style.css +++ b/bloco_3/dia_4/Exercicio_1/style.css @@ -14,7 +14,27 @@ .nav-links ul li{ display: inline; - text-align: center; font-family: "Montserrat", sans-serif; padding: 30px; -} \ No newline at end of file +} + +.nav-links ul a{ + text-decoration: none; + color:#EDF6F9; +} + +.nav-links ul a:hover{ + font-weight: 1000; +} + +.nav-links{ + background-color: #83C5BE; + text-align: center; +} + +.nav-links ul{ + padding: 12px 0; +} + +/*---*/ + From 6825e153c66e6526a78cef31698e1f6ebe7a5693 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 16:17:35 -0300 Subject: [PATCH 23/64] body construido --- bloco_3/dia_4/Exercicio_1/index.html | 39 ++++++++++++------ bloco_3/dia_4/Exercicio_1/style.css | 59 ++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+), 13 deletions(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index 6defbface..a56c73b51 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -4,7 +4,8 @@ - + rel="stylesheet"> + Stomatopoda: Um ser curioso. @@ -21,19 +22,21 @@

    Soco a 80km/h: Conheça o Stomatopoda.

  • Extra
- -
+ +

Fatos sobre o Stomatopoda

-

Informações gerais:

+
+

Informações gerais:

+

Tamarutacas, Lacraias-do-mar, Camarão Boxeador, Camarão Mantis, Camarão Pistola... Esses nomes são todos direcionados para um só bichinho: o Stomatopoda (cientificamente chamado de Odontodactylus scyllarus).

Sua classificação se dá em:

- +
Reino: @@ -81,34 +84,44 @@

Informações gerais:

-

Visão além do alcance:

+
+

Visão além do alcance:

+

O Stomatopoda tem uma das visões mais poderosas do reino animal. Os humanos tem três cones receptores de luz, que é o que nos dá a capacidade de enxergar cores. Nosso estimado crustáceo tem DEZESSEIS cones, o mundo pra ele é uma aquarela no mínimo 100 vezes mais rica que a nossa.

Para você ter uma idéia do quão boa é a riqueza de cores do nosso Camarão boxeador, o animal número um em visão poderosa do reino animal pertence a um crustáceo também: o Squilla Mantis, mas mesmo ele tem apenas 12 cones receptores de luz!

- Olhos do Stomadopoda + Olhos do Stomadopoda + Melhor que as câmeras mais modernas de hoje, o bicho tem um campo de visão de 360º.
-

Aparência de borboleta, violência de vespa:

-

+

+

Aparência de borboleta, violência de vespa:

+
+

Não podemos discordar que as cores do nosso cavalheiro são magníficas, mas por trás dessa beleza toda nosso protagonista esconde duas armas EXTREMAMENTE LETAIS!!!

Sua alcunha "Camarão boxeador" não é dada a ele a toa. Ele esconde dois membros poderosos em baixo de seus olhos igualmente poderosos. Quando essa criatura se sente ameaçada ou quer caçar ele dispara esses apêndices com a força de 2,5 mil vezes seu próprio peso em 800 microsegundos -equivalente a um tiro de pistola calibre 22-, isso resulta numa potente soco de 80km/h! Essa força e velocidade somados chegam a fazer a água em volta do seus punhos ferver. Ou seja, além de nocautear uma presa, ele provavelmente poderia fazer um ensopado dela caso fosse mais exigente com seus alimentos.

- Soco stromatopoda + Soco stromatopoda + Apesar de ambos serem parentes, não há muita parceria familiar entre caranguejos e lagostas boxeadoras. Já que os pobres coitados são um dos pratos principais da fera.
-

Incontível:

+
+

Incontível:

+

Sim, é um belo exemplar do reino animalia e grande objeto de estudos do aquarismo (chegando a atrair pesquisadores que analisam suas placas e estruturas de celulas pra construir coletes de segurança) mas ele normalmente ser observado em seu habitat natural. Isto se deve porque seu poderoso soco de 1500 N emite uma onde de choque que quebra o vidro dos aquários. Pode até ser um belo bichinho multi-cromático, mas certamente não é tão amigável assim. Explicaremos adiante.

- Soco de um Stromatopoda + Soco de um Stromatopoda + Outra curiosidade: São esquentadinhos e não existe segundo aviso com quem invade seu espaço

Nesse ponto você poderá comparar ele com aquele vizinho esquisito com cara de sedento por sangue e horror, por que nossa lagosta aqui não é sociável. Além de ser complicado de manter ele em aquários, é muito territorial, então ele simplesmente nocauteia todos seus "amigos" parceiros de aquário. Sendo assim, um potencial serial-killer. - Soco de um Stromatopoda

+ Soco de um Stromatopoda + "SAI DO MEU GRAMADO, SEU MOLEQUE >:("
diff --git a/bloco_3/dia_4/Exercicio_1/style.css b/bloco_3/dia_4/Exercicio_1/style.css index c66308f4e..121bbdde9 100644 --- a/bloco_3/dia_4/Exercicio_1/style.css +++ b/bloco_3/dia_4/Exercicio_1/style.css @@ -37,4 +37,63 @@ } /*---*/ +body{ + background-color: #EDF6F9; +} + +.main-content { + margin-left: 20%; + margin-right:20%; +} + +.main-content h2{ + margin: 25px 0px 0px 0px; + font-size: 50px; + font-family: "Montserrat", sans-serif; + text-align: left; +} + +.main-content h3 { + border-left: 5px solid #FF4754; + padding: 0px 20px; + font-size: 30px ; +} + +.h3-container{ + padding: 20px 0; +} + +.main-content p{ + font-family: "Roboto Slab", sans-serif; + font-size: 20px; + line-height: 40px; +} +.table{ + border: 1px solid black; + width: 100%; + border-collapse: collapse; + margin: 10px 0px 30px 0px; + font-family: "Roboto Slab", sans-serif; + font-weight: bold; +} +.table tr td{ + border: 1px solid black; + padding: 2px 4px 2px 4px; +} + +.media{ + margin: 20px 0 5px 0; + width: 500px; + display: block; + margin-left: auto; + margin-right: auto; +} + +.coment{ + color: #333333; + font-family: "Roboto Slab", sans-serif; + font-style: italic; + margin: 0px 0px 0px 10px; + text-align: center; +} \ No newline at end of file From ef5b8abaed68146a3b8896dbcb12f01660b9f838 Mon Sep 17 00:00:00 2001 From: denis-rossati Date: Mon, 22 Feb 2021 18:38:59 -0300 Subject: [PATCH 24/64] Ultimos detalhes feitos --- bloco_3/dia_4/Exercicio_1/index.html | 65 ++++++++++++++------------- bloco_3/dia_4/Exercicio_1/style.css | 67 +++++++++++++++++++++++++++- 2 files changed, 98 insertions(+), 34 deletions(-) diff --git a/bloco_3/dia_4/Exercicio_1/index.html b/bloco_3/dia_4/Exercicio_1/index.html index a56c73b51..f8b8e703e 100644 --- a/bloco_3/dia_4/Exercicio_1/index.html +++ b/bloco_3/dia_4/Exercicio_1/index.html @@ -4,25 +4,30 @@ - rel="stylesheet"> + Stomatopoda: Um ser curioso. + - +

Soco a 80km/h: Conheça o Stomatopoda.

+
- - +

Fatos sobre o Stomatopoda

@@ -109,6 +114,7 @@

Aparência de borboleta, violência de vespa:

Soco stromatopoda Apesar de ambos serem parentes, não há muita parceria familiar entre caranguejos e lagostas boxeadoras. Já que os pobres coitados são um dos pratos principais da fera.
+

Incontível:

@@ -122,29 +128,24 @@

Incontível:

Soco de um Stromatopoda "SAI DO MEU GRAMADO, SEU MOLEQUE >:(" -
+
+
+
+

Aqui vão alguns links que usei para aprender sobre esse bichinho pouco simpático:

+ +
-
- Aqui vão alguns links que usei para aprender sobre esse bichinho pouco simpático: - -
- -
-