From c49ea7b171e872716823b2a52b7ac67b9517a9bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sibelly=20Vit=C3=B3ria?= <133239677+sibellyvih@users.noreply.github.com> Date: Thu, 12 Sep 2024 22:54:04 -0300 Subject: [PATCH] atualizando --- index.html | 84 +++++++++++++++++++++++++++++++++++++++++++++++------- style.css | 53 +++++++++++++++++++++++----------- 2 files changed, 111 insertions(+), 26 deletions(-) diff --git a/index.html b/index.html index 434af9e..d5f68bc 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + Projeto Eco Board Game @@ -50,6 +51,7 @@

Introdução

  • Graças a massificação das tecnologias digitais de informação e comunicação (TDIC), as barreiras temporais e mesmo as espaciais começaram a ser eliminadas, estabelecendo práticas pedagógicas diferenciadas e metodologias inovadoras.
  • Jogos digitais como objeto de aprendizagem.
    • +

    Os 5 R's da sustenbilidade

    @@ -113,7 +115,6 @@

    ...

    -

    Objetivos

    @@ -131,40 +132,62 @@

    Objetivos

    Metodologia

    -

    Jogo físico

    +

    Jogo físico

    +
    + Criadora com o jogo físico +
    Fonte: Autoral.
    +
    +
      +
    • Canva como principal plataforma utilizada;
      • +
    • Desenvolvimento do banner;
      • +
    • Criação das cartas;
      • +
    • Tampinhas de garrafa como peões;
      • +
    • Dado grande feito de EVA.
      • +
    -

    Jogo digital

    -

    Desenvolvido no Scratch

    +

    Jogo digital

    Tabuleiro do jogo no Scratch
    Fonte: Autoral.
    - +
    Tabuleiro do jogo
    Fonte: Autoral.
    + +
      +
    • Desenvolvido no Scratch;
      • +
    • Versão simplificada;
      • +
    • Imagens e sprites criados na plataforma;
      • +
    • Sons utilizados da biblioteca;
      • +
    • Intruções e regras todas explicadas pelo Tio Green.
      • +
    +
    -

    Site

    -

    Programado no VS Code

    -

    Postado no GitHub

    +

    Site

    programação do site
    Fonte: Autoral.
    +
      +
    • Programado no VS Code;
      • +
    • Linguagens usadas: HTML, CSS e JavaScript;
      • +
    • Postado em um repositório no GitHub.
      • +

    Conclusão

    -
  • Acreditamos que contribuímos significativamente para a formação desses alunos como cidadãos conscientes e comprometidos com a proteção do nosso planeta.
    • +
  • Contribuímos significativamente para a formação desses alunos como cidadãos conscientes e comprometidos com a proteção do nosso planeta.
  • Este projeto é um passo inicial importante para valorizar o ensino da educação ambiental nas escolas, de maneira que os alunos permaneçam engajados e motivados a aprender mais sobre sustentabilidade e seus princípios.
  • Efeitos positivos que foram notados nos alunos após a aplicação do jogo:
    • @@ -174,10 +197,51 @@

    Conclusão

    + +

    Questões acertadas

    + + + + + +
    -
    ❮
    diff --git a/style.css b/style.css index eac2ae2..249bb52 100644 --- a/style.css +++ b/style.css @@ -174,8 +174,8 @@ img { flex-direction: column; justify-content: center; align-items: center; - max-width: 2000px; - margin: 0 auto; + width: 100%; + margin: 0; padding: 20px 0; } @@ -289,29 +289,45 @@ font-size: 22px; } .Metodologia { - width: 60%; - margin: 0 auto; + width: 100%; + margin: 0; text-align: center; - position: relative; /* Adicionado para posicionar as setas */ - padding: 50px; + padding: 30px; + background-color: #FA8BFF; + background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); } .img-metodologia { - max-width: 500px; - max-height: 450px; - margin: auto; - display: block; + max-width: 300px; + margin-right: 20px; /* Espaço entre a imagem e a lista */ } .conteudo-metodologia { - display: flex; - align-items: center; /* Alinhar verticalmente */ - gap: 20px; /* Espaçamento entre texto e imagem */ + display: flex; /* Flexbox aplicado aqui para alinhar conteúdo */ + justify-content: space-between; /* Espaço entre a lista e a imagem */ + align-items: flex-start; /* Alinhamento no topo */ + margin-bottom: 30px; /* Espaçamento entre blocos de conteúdo */ + padding: 20px; +} + +.Metodologia ul { + text-align: left; /* Alinhar o texto da lista à esquerda */ + padding: 0; + margin: 0; + list-style: none; } .Metodologia li { - font-size: 22px; - padding: 10px 80px; + font-size: 18px; + margin-bottom: 10px; +} + +.jogo-fisico, .jogo-digital, .site { + display: flex; + flex-direction: row; /* Garantir que a imagem e o texto fiquem lado a lado */ + justify-content: center; + align-items: flex-start; + width: 100%; /* Garantir que o conteúdo use toda a largura disponível */ } .Resultados { @@ -330,6 +346,11 @@ font-size: 22px; text-decoration: none; } +#meuGrafico { + width: 6%; /* Ajuste a largura */ + height: 5%; +} + .Resultados img { display: block; padding: 25px; @@ -449,4 +470,4 @@ blockquote { font-size: 13px; margin: 20px 0 0; padding: 10px; -} +} \ No newline at end of file