diff --git a/index.html b/index.html index 55ea488..aa151e5 100644 --- a/index.html +++ b/index.html @@ -258,6 +258,71 @@

Imagens da aplicação do projeto com os alunos do fundamental I

+
+

Imagens da apresentação na sala de recursos NAAH/S

+ + + + + + +
+ +

Estatísticas

diff --git a/workshop.css b/workshop.css index 0531e9b..f9398b6 100644 --- a/workshop.css +++ b/workshop.css @@ -1,131 +1,135 @@ @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap'); :roof { ---cor-de-fundo-titulo-principal: #F4D03F; ---background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); + --cor-de-fundo-titulo-principal: #F4D03F; + --background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); } html, body { - font-family: 'Arial', sans-serif; - margin: 0; - padding: 0; - height: 100%; - width: 100%; - color: white; - background: black; + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + height: 100%; + width: 100%; + color: white; + background: black; } header { - color: black; - background: white; - padding: 10px 0px; + color: black; + background: white; + padding: 10px 0px; } .caixa { -position: relative; -margin: 0 auto; -flex-wrap: wrap; + position: relative; + margin: 0 auto; + flex-wrap: wrap; } .caixa h1 { -font-size: 25px; -color: rgb(0, 69, 0); -padding-left: 85px; -padding-bottom: 29px; + font-size: 25px; + color: rgb(0, 69, 0); + padding-left: 85px; + padding-bottom: 29px; } .caixa ul { -padding-right: 85px; + padding-right: 85px; } nav { -position: absolute; -top: 20px; -right: 0; + position: absolute; + top: 20px; + right: 0; } nav li { -display: inline; -margin: 0 0 0 15px; + display: inline; + margin: 0 0 0 15px; } nav a { -color: black; -font-weight: bold; -font-size: 20px; -text-decoration: none; + color: black; + font-weight: bold; + font-size: 20px; + text-decoration: none; } nav a:hover { - color: rgb(138, 59, 125); - text-decoration: underline; -} + color: rgb(138, 59, 125); + text-decoration: underline; + } .titulo-principal { -font-size: 23px; -color: white; -background-color: #F4D03F; -background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); -flex-wrap: wrap; -text-align: center; -font-family: "Chakra Petch", sans-serif; -font-weight: 400; -font-style: normal; -padding: 5px; + font-size: 23px; + color: white; + background-color: #F4D03F; + background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); + flex-wrap: wrap; + text-align: center; + font-family: "Chakra Petch", sans-serif; + font-weight: 400; + font-style: normal; + padding: 5px; } - + h1 { - opacity: 0; /* Inicialmente invisível */ - transform: translateY(-50px); /* Posição inicial acima */ - animation: titleEntrance 1s forwards; /* Animação de entrada */ -} + opacity: 0; /* Inicialmente invisível */ + transform: translateY(-50px); /* Posição inicial acima */ + animation: titleEntrance 1s forwards; /* Animação de entrada */ + } -/* Animação de entrada */ -@keyframes titleEntrance { - to { - opacity: 1; /* Torna o título visível */ - transform: translateY(0); /* Retorna à posição original */ + /* Animação de entrada */ + @keyframes titleEntrance { + to { + opacity: 1; /* Torna o título visível */ + transform: translateY(0); /* Retorna à posição original */ + } } -} -h2 { - text-align: center; - padding: 16px 0; - font-size: 32px; - font-family: "Chakra Petch", sans-serif; -} + h2 { + text-align: center; + padding: 16px 0; + font-size: 32px; + font-family: "Chakra Petch", sans-serif; + } -p { - font-size: 22px; - text-align: center; -} + p { + font-size: 22px; + text-align: center; + } -.workshop { - width: 100%; - margin: 0 auto; - text-align: center; - position: relative; /* Adicionado para posicionar as setas */ -} + .workshop { + width: 100%; + margin: 0 auto; + text-align: center; + position: relative; /* Adicionado para posicionar as setas */ + } -img { - max-width: 500px; - max-height: 450px; - margin: auto; - display: block; - padding: 20px; -} + .workshop-naahs { + padding: 40px 0; + } -.rodape { - font-size: 18px; - padding: 40px 0; - text-align: center; - background: rgb(48, 96, 52); - color: white; -} + img { + max-width: 500px; + max-height: 450px; + margin: auto; + display: block; + padding: 20px; + } -.copyright { - color: #FFFFFF; - font-size: 13px; - margin: 20px 0 0; - padding: 10px; -} \ No newline at end of file + .rodape { + font-size: 18px; + padding: 40px 0; + text-align: center; + background: rgb(48, 96, 52); + color: white; + } + + .copyright { + color: #FFFFFF; + font-size: 13px; + margin: 20px 0 0; + padding: 10px; + } \ No newline at end of file diff --git a/workshop.html b/workshop.html index 9c6cd7a..f2c0150 100644 --- a/workshop.html +++ b/workshop.html @@ -28,7 +28,7 @@

Visita na Escola Municipal Luiz Deliberador

Relato da aplicação do projeto

-

Os alunos demonstraram grande interesse e entusiasmo pelo jogo, esforçandose para responder a cada pergunta e competir para serem a equipe vencedora. Eles ficaram empolgados com a experiência, mostrando satisfação e alegria ao participarem das atividades. Recebemos um feedback extremamente positivo, com muitos alunos expressando como se divertiram e como acharam o jogo educativo e envolvente.

+

Os alunos demonstraram grande interesse e entusiasmo pelo jogo, esforçando-se para responder a cada pergunta e competir para serem a equipe vencedora. Eles ficaram empolgados com a experiência, mostrando satisfação e alegria ao participarem das atividades. Recebemos um feedback extremamente positivo, com muitos alunos expressando como se divertiram e como acharam o jogo educativo e envolvente.

@@ -76,6 +76,34 @@

Relato da aplicação do projeto

+
+
+

Apresentação na sala de recursos NAAH/S

+
+ +

Relato da aplicação do projeto

+

A apresentação do projeto na sala de recursos do NAAH/S para alunos mais velhos do ensino médio. Foi uma oportunidade de compartilhar o que foi desenvolvido e de receber feedbacks importantes de uma nova audiência. A experiência foi enriquecedora e ajudou a validar ainda mais o trabalho realizado até agora.

+ +
+
+
+
+ Foto apresentando aos alunos da sala de recursos +
Foto apresentando aos alunos da sala de recursos NAAH/S. Fonte: Autoral.
+
+
+
+
+
+
+ Foto apresentando aos alunos da sala de recursos +
Foto apresentando aos alunos da sala de recursos NAAH/S. Fonte: Autoral.
+
+
+
+
+
+