Merge branch 'master' of https://github.com/ICEI-PUC-Minas-PPLCC-TI/t…

…i-1-ppl-cc-m-20241-1-receitas
ICEI-PUC-Minas-PPLCC-TI · Jun 30, 2024 · 3fd2186 · 3fd2186
2 parents 59b6c3a + 31cd07b
commit 3fd2186
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 34 deletions.
diff --git a/codigo/Lucas/Sprint2/script.js b/codigo/Lucas/Sprint2/script.js
@@ -1,4 +1,3 @@
-// Array de objetos representando as receitas
 var receitas = [
     {
         id: "1",
@@ -2638,32 +2637,32 @@ function encontrarReceitaPorId(id) {
             return receitas[i];
         }
     }
-    return null; // Retorna null se a receita não for encontrada
+    return null; 
 }
 
 // Função para exibir uma receita específica por seu ID
 function exibirReceitaPorId(id) {
     var receita = encontrarReceitaPorId(id);
     if (receita) {
-        // Limpar o conteúdo anterior
+
         var container = document.getElementById('receitasContainer');
         container.innerHTML = "";
 
         var receitaDiv = document.createElement("div");
-        receitaDiv.classList.add("receita"); // Adiciona a classe "receita" ao div principal
+        receitaDiv.classList.add("receita"); 
 
-        // Criar a div com a imagem da logo e adicionar acima do título da receita
+
         var imageContainerDiv = document.createElement("div");
         imageContainerDiv.classList.add("image-container");
 
         var logoImg = document.createElement("img");
-        logoImg.src = "Img/_Logo.png"; // Caminho da imagem da logo
-        logoImg.alt = "Logo"; // Texto alternativo para acessibilidade
+        logoImg.src = "Img/_Logo.png"; 
+        logoImg.alt = "Logo"; 
 
         imageContainerDiv.appendChild(logoImg);
         receitaDiv.appendChild(imageContainerDiv);
 
-        // Adicionar título da receita
+
         var tituloReceita = document.createElement("h1");
         tituloReceita.innerText = receita.titulo;
         receitaDiv.appendChild(tituloReceita);
@@ -2682,12 +2681,12 @@ function exibirReceitaPorId(id) {
         imagemReceita.appendChild(img);
         receitaDiv.appendChild(imagemReceita);
 
-        // Adicionando o título "Ingredientes"
+
         var tituloIngredientes = document.createElement("h2");
         tituloIngredientes.innerText = "Ingredientes";
         receitaDiv.appendChild(tituloIngredientes);
 
-        // Adicionando estilos CSS para a seção de ingredientes
+
         var ingredientesDiv = document.createElement("div");
         ingredientesDiv.className = "ingredientes";
         receita.ingredientes.forEach(function(ingrediente) {
@@ -2697,12 +2696,12 @@ function exibirReceitaPorId(id) {
         });
         receitaDiv.appendChild(ingredientesDiv);
 
-        // Adicionando o título "Modo de preparo"
+
         var tituloModoPreparo = document.createElement("h2");
         tituloModoPreparo.innerText = "Modo de preparo";
         receitaDiv.appendChild(tituloModoPreparo);
 
-        // Adicionando estilos CSS para a seção de modo de preparo
+
         var modoPreparoDiv = document.createElement("div");
         modoPreparoDiv.className = "modo-preparo";
         receita.modo_preparo.forEach(function(passo) {

diff --git a/codigo/Lucas/Sprint2/style.css b/codigo/Lucas/Sprint2/style.css
@@ -14,21 +14,21 @@ img {
 
 h1 {
     text-align: center;
-    color: white; /* Cor do texto */
+    color: white; 
     font-family: Verdana, Geneva, Tahoma, sans-serif;
-    padding: 15px 25px; /* Espaçamento interno */
-    border-radius: 20px; /* Bordas arredondadas */
+    padding: 15px 25px; 
+    border-radius: 20px; 
     background: linear-gradient(to bottom, #F9B83A 65%, #D49927 65%, #D49927 100%);
-    display: flex; /* Usando flexbox */
-    justify-content: center; /* Centraliza horizontalmente */
-    align-items: center; /* Alinha verticalmente */
-    margin-top: 20px; /* Adiciona espaço entre a imagem e o texto */
+    display: flex; 
+    justify-content: center; 
+    align-items: center; 
+    margin-top: 20px; 
 }
 
 .comida img {
-    width: 700px; /* Defina a largura desejada */
-    height: auto; /* Mantenha a proporção de aspecto */
-    border: 3px solid black; /* Adiciona uma borda branca com 3 pixels de espessura */
+    width: 700px;
+    height: auto; 
+    border: 3px solid black; 
     border-radius: 20px;
 }
 
@@ -40,30 +40,30 @@ h2,
 p,
 .elementos::after {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
-    background-color: #fcd683; /* Cor de fundo */
+    background-color: #fcd683; 
 
-    padding: 10px; /* Espaçamento interno */
+    padding: 10px; 
 }
 
 h2::after {
-    content: ":"; /* Adiciona os dois pontos após o texto */
+    content: ":"; 
 }
 
 .elementos {
-    position: relative; /* Adiciona posicionamento relativo para que possamos posicionar o pseudo-elemento */
+    position: relative; 
 }
 
 .elementos::after {
-    content: ""; /* Adiciona um conteúdo vazio ao pseudo-elemento */
-    display: block; /* Transforma o pseudo-elemento em um bloco */
-    height: 20px; /* Define a altura do espaço entre os elementos */
-    position: absolute; /* Posiciona o pseudo-elemento de forma absoluta */
-    bottom: -20px; /* Move o pseudo-elemento para baixo, criando o espaço entre os elementos */
-    left: 0; /* Alinha o pseudo-elemento à esquerda */
-    right: 0; /* Alinha o pseudo-elemento à direita */
+    content: ""; 
+    display: block; 
+    height: 20px; 
+    position: absolute; 
+    bottom: -20px; 
+    left: 0; 
+    right: 0; 
 }
 
 h2,
 p {
-    margin: 0; /* Remover margem */
+    margin: 0; 
 }