Skip to content

Commit

Permalink
06/12
Browse files Browse the repository at this point in the history
  • Loading branch information
sibellyvih authored Dec 6, 2024
1 parent 1726247 commit 85d8aa6
Showing 6 changed files with 202 additions and 6 deletions.
8 changes: 6 additions & 2 deletions criadora.html
Original file line number Diff line number Diff line change
@@ -17,6 +17,7 @@ <h1>Quem criou este projeto?</h1>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="feiras.html">Feiras</a></li>
<li><a href="criadora.html">Criadora</a></li>
</ul>
</nav>
@@ -28,8 +29,11 @@ <h1>Criadora do projeto</h1>
</div>

<div class="apresentacao">
<figure>
<img class="img-inicio" src="feira.jpeg" alt="Imagem da criadora do site">
<p>Olá! Me chamo Sibelly, tenho 17 anos e estou representando o Colégio Estadual Cívico Militar Monteiro Lobato da cidade de Sertanópolis. Sou criadora do projeto <strong>ECO BOARD GAME</strong>, é um jogo de tabuleiro educativo, nas versões física e digital, que facilita o processo de ensino e aprendizagem sobre Educação Ambiental para os estudantes da educação básica. <br>A ideia inicial para desenvolver este projeto surgiu quando descobri diferentes maneiras de criar jogos com o uso do <strong>Scratch</strong>, e percebi como a tecnologia pode ser usada como ferramenta pedagógica para ensinar ecologia e sustentabilidade.</p>
<figcaption>Aluna Sibelly com o <strong>Eco Board Game</strong> na II Fenaahs.</figcaption>
</figure>
<p>Olá! Meu nome é Sibelly, tenho 18 anos e estou representando o Colégio Estadual Cívico Militar Monteiro Lobato da cidade de Sertanópolis. Sou criadora do projeto <strong>ECO BOARD GAME</strong>, é um jogo de tabuleiro educativo, nas versões física e digital, que facilita o processo de ensino e aprendizagem sobre Educação Ambiental para os estudantes da educação básica. <br>A ideia inicial para desenvolver este projeto surgiu quando descobri diferentes maneiras de criar jogos com o uso do <strong>Scratch</strong>, e percebi como a tecnologia pode ser usada como ferramenta pedagógica para ensinar ecologia e sustentabilidade.</p>
</div>

<footer class="rodape">
@@ -40,4 +44,4 @@ <h2><strong>Eco Board Game<br>
</footer>

</body>
</html>
</html>
136 changes: 136 additions & 0 deletions feira.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap');

:root {
--cor-de-fundo-titulo-principal: #F4D03F;
--background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
--verde-claro: rgb(0, 255, 0);
--branco: white;
--preto: black;
--botao-ativo: rgb(0, 88, 0);
--botao-inativo:rgb(0, 51, 0);
--texto-fundo: rgb(0, 28, 0);
}

html, body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
color: var(--preto);
background: var(--branco);
}

header {
color: black;
background-color: white;
padding: 10px 0px;
}

.caixa {
position: relative;
margin: 0 auto;
flex-wrap: wrap;
}

.caixa h1 {
font-size: 25px;
color: rgb(0, 69, 0);
padding-left: 85px;
padding-bottom: 29px;
}

.caixa ul {
padding-right: 85px;
}

nav {
position: absolute;
top: 20px;
right: 0;
}

nav li {
display: inline;
margin: 0 0 0 15px;
}

nav a {
color: black;
font-weight: bold;
font-size: 20px;
text-decoration: none;
}

nav a:hover {
color: rgb(138, 59, 125);
text-decoration: underline;
}

.titulo-principal {
font-size: 23px;
color: white;
background-color: var(--cor-de-fundo-titulo-principal);
background-image: var(--background-image);
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 */
}

/* 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;
}

.fenaahs {
padding: 20px;
}

.FIciencias {
padding: 20px;
}

p {
padding: 20px;
}

.img-inicio {
max-width: 350px;
height: auto;
}

figcaption{
font-size: 15px;
text-align: center;
}

.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;
}
53 changes: 53 additions & 0 deletions feira.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!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">
<link rel="stylesheet" href="feiras.css">
<title>Feiras de Ciências - Eco Board Game</title>
</head>
<body>
<header>
<div class="caixa">
<h1>Feiras de Ciências</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="feiras.html">Feiras</a></li>
<li><a href="criadora.html">Criadora</a></li>
</ul>
</nav>
</div>
</header>

<div class="titulo-principal">
<h1>Feiras em que o ECO BOARD GAME participou:</h1>
</div>

<section class="fenaahs">
<h2>FENAAH/S</h2>
<h3>Participação na 3° FENAAH/S 2024, para estudantes do Núcleo de Altas Habilidades e Superdotação, realizada em julho de 2024 em Foz do Iguaçu.</h3>
</section>

<section class="FIciencias">
<h2>FIciências</h2>
<h3>Participação na XIII Feira de Inovação das Ciências e Engenharias - FIciencias realizada em novembro de 2024 em Foz do Iguaçu.</h3>
<h2>Premiação FIciências</h2>
<h3>2°lugar na categoria Ciências Sociais Aplicadas</h3>

</section>


<footer class="rodape">
<h2><strong>Eco Board Game<br>
by Sibelly</strong></h2>

<p class="copyright">&copy; Copyright Eco Board Game - 2024</p>
</footer>

</body>
</html>
1 change: 1 addition & 0 deletions game.html
Original file line number Diff line number Diff line change
@@ -16,6 +16,7 @@ <h1>Game</h1>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="feiras.html">Feiras</a></li>
<li><a href="criadora.html">Criadora</a></li>
</ul>
</nav>
1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -19,6 +19,7 @@ <h1>Bem-vindos</h1>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="feiras.html">Feiras</a></li>
<li><a href="criadora.html">Criadora</a></li>
</ul>
</nav>
9 changes: 5 additions & 4 deletions workshop.html
Original file line number Diff line number Diff line change
@@ -15,10 +15,11 @@
<h1>Workshop</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="criadora.html">Criadora</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="game.html">Jogo</a></li>
<li><a href="workshop.html">Workshop</a></li>
<li><a href="feiras.html">Feiras</a></li>
<li><a href="criadora.html">Criadora</a></li>
</ul>
</nav>
</div>

0 comments on commit 85d8aa6

Please sign in to comment.