update

ICEI-PUC-Minas-PPLCC-TI · Jun 30, 2024 · b765a1d · b765a1d
1 parent 33a5099
commit b765a1d
Show file tree

Hide file tree

Showing 29 changed files with 821 additions and 161 deletions.
diff --git a/codigo/novas-receitas/assets/css/novasReceitas.css b/codigo/novas-receitas/assets/css/novasReceitas.css
@@ -1,6 +1,11 @@
+html {
+  font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+  height: 100%;
+}
+
 body {
-  background-color: #D5741A;
-  min-height: 100vh;
+  background-color: #e8c98d;
 }
 
 .container {
@@ -24,22 +29,22 @@ body {
   background-color: #D49927;
 }
 
-header {
-  background-color: #F9B83A;
-  padding: 20px;
-  text-align: center;
-  color: #333;
-
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+.header{
+    width: 100%;
+    background-color: #f9b83a;
+    z-index: 1000;
+    padding: 20px;
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: space-between;
 }
 
 .centralizar {
-display: flex;
-justify-content: center; 
-align-items: center; 
-height: 100px; 
+  display: block;
+  justify-content: center; 
+  align-items: center; 
+  height: 100px; 
 }
 .dropdown {
   position: relative;
@@ -111,47 +116,90 @@ button:hover {
 .coloraçao{
   background-color: palegreen;
 }
-.novaReceita{
-  margin: auto;
+.novaReceita {
+  display: block;
+  margin: 10px auto;
   padding-bottom: 20px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.centralizar_texto{
   text-align: center;
+  justify-content: center;
+  align-items: center;
+
+}
+
+.centralizar_texto {
+  display: block;
+  width: fit-content;
+  margin: 50px auto;
+  padding: 10px 15px;
+  background-color: orange;
   color: white;
+  position: relative;
+  text-align: center;
+  border-radius: 18px;
+  box-shadow: 0 0 0 2px #d5741a;
 }
+
+
+
+
+
 .telacard {
+  margin: 30px 0 50px 0;
   height: 100%;
-  border: 1px solid #ccc; 
+  border: 1px solid #d5741a; 
   border-radius: 5px; 
   margin-bottom: 20px; 
+  background-color: transparent;
+}
+
+.telacard:hover {
+  transform: scale(1.05);
+}
+
+.card a {
+  text-decoration: none;
 }
+
 .telacard .card-body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
 }
+
 .telacard .card-title {
-  font-size: 1.25rem;
-  margin-bottom: 0; 
+  background-color: #d5741a;
+  padding: 5px;  
+  color: white;
+  text-align: center;
+  font-size: 18px;
+  text-decoration: none;
 }
+
 .telacard img {
-  height: 200px;
+  width: 100%;
+  max-width: 500px;
+  height: 100%;
   object-fit: cover;
-  border-top-left-radius: 5px; 
-  border-top-right-radius: 5px; 
+  border-radius: 15px 15px 0 0;
+  padding: 3px 3px 0 3px;
 }
+
+#receitas {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+  padding: 0 24px 24px 24px;
+}
+
 .telacard button {
   margin-top: auto;
 }
 .telacard .card {
   height: 100%;
   border-radius: 5px; 
 }
+
 .botaovernovasreceitas{
 background-color: #5eb4a6; 
   color: #fff;
@@ -169,4 +217,39 @@ background-color: #5eb4a6;
 }
 .botaovernovasreceitas:hover {
   background-color: #5eb4a6; 
+}
+
+footer {
+  margin-top: 30px;
+}
+
+.footer {
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 20px 0;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  margin-top: auto;
+}
+
+.footer .container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+
+.footer p {
+  margin: 5px 0;
+}
+
+.footer a {
+  color: #D49927;
+  text-decoration: none;
+  transition: color 0.3s ease;
+}
+
+.footer a:hover {
+  color: #F9B83A;
 }
diff --git a/codigo/novas-receitas/assets/js/verNovasReceitas.js b/codigo/novas-receitas/assets/js/verNovasReceitas.js
@@ -29,15 +29,20 @@ const createRecipeCard = (receita) => {
   const card = document.createElement('div');
   card.classList.add('card', 'telacard');
 
+  const link = document.createElement('a'); 
+  link.href = `/codigo/pagina-receita/pagReceita.html?id=${receita.id}`; 
+  link.classList.add('recipe-link');
+
   const img = document.createElement('img');
   img.src = receita.imagem;
   img.classList.add('card-img-top');
   img.alt = 'Imagem da receita';
 
+
   const cardBody = document.createElement('div');
   cardBody.classList.add('card-body');
 
-  const title = document.createElement('h5');
+  const title = document.createElement('h4');
   title.classList.add('card-title');
   title.textContent = receita.nome;
 
@@ -46,14 +51,16 @@ const createRecipeCard = (receita) => {
   deleteButton.classList.add('btn', 'btn-danger');
   deleteButton.onclick = () => deleteRecipe(receita.id);
 
-  cardBody.appendChild(title);
-  cardBody.appendChild(deleteButton);
+  link.appendChild(img);
+  link.appendChild(title);
+  card.appendChild(link);
 
-  card.appendChild(img);
   card.appendChild(cardBody);
-
+
+  cardBody.appendChild(deleteButton);
   cardDiv.appendChild(card);
 
+
   return cardDiv;
 };
 

diff --git a/codigo/novas-receitas/criarReceitas.html b/codigo/novas-receitas/criarReceitas.html
@@ -14,7 +14,7 @@
 </head>
 
 <body>
-  <header><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
+  <header class="header"><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
       </a>
       <button class="botaovernovasreceitas"><a href="verNovasReceitas.html">pagina novas receitas</a></button>
   </header>
@@ -50,7 +50,17 @@ <h1 class="centralizar_texto">Criação de receitas</h1>
     </div>
     <button type="submit" class="coloraçao">enviar</button>
   </form>
+
+
   <script src="assets/js/criarReceitas.js"></script>
-</body>
 
+  <footer class="footer">
+    <div class="container-footer">
+        <p>&copy; 2024 Receitas Fáceis. Todos os direitos reservados.</p>
+        <p>Website by <a href="https://github.com/ICEI-PUC-Minas-PPLCC-TI/ti-1-ppl-cc-m-20241-1-receitas">GitHub Receitas Fáceis</a></p>
+    </div>
+  </footer>
+
+
+</body>
 </html>
diff --git a/codigo/novas-receitas/verNovasReceitas.html b/codigo/novas-receitas/verNovasReceitas.html
@@ -13,10 +13,19 @@
   <title>receitas</title>
 </head>
   <body>
-    <header><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
+    <header class="header"><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
         </a>
         <button><a href="./criarReceitas.html">criar mais receitas</a></button>    
     </header>
-    <div class="row row-cols-1 row-cols-md-2 g-4 receitas"></div>
+
+    <div class="row row-cols-1 row-cols-md-2 g-4 receitas" id="receitas"></div>
+
+    <footer class="footer">
+      <div class="container-footer">
+          <p>&copy; 2024 Receitas Fáceis. Todos os direitos reservados.</p>
+          <p>Website by <a href="https://github.com/ICEI-PUC-Minas-PPLCC-TI/ti-1-ppl-cc-m-20241-1-receitas">GitHub Receitas Fáceis</a></p>
+      </div>
+    </footer> 
+
     <script src="assets/js/verNovasReceitas.js"></script>
   </body>
diff --git a/codigo/pagina-cozinhar/assets/css/pagCozinhar.css b/codigo/pagina-cozinhar/assets/css/pagCozinhar.css
@@ -176,6 +176,43 @@ html {
     font-size: 18px;
 }
 
+footer {
+    margin-top: 30px;
+}
+
+.footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 20px 0;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    margin-top: auto;
+}
+
+.footer .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.footer p {
+    margin: 5px 0;
+}
+
+.footer a {
+    color: #D49927;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.footer a:hover {
+    color: #F9B83A;
+}
+
+
+
 @media (max-width: 500px) {
     .main-content-ingredientes, .main-content-botao {
         margin-top: 50px;

diff --git a/codigo/pagina-cozinhar/pagCozinhar.html b/codigo/pagina-cozinhar/pagCozinhar.html
@@ -33,6 +33,13 @@
 
     <div id="receitas"></div>
 
+    <footer class="footer">
+        <div class="container-footer">
+            <p>&copy; 2024 Receitas Fáceis. Todos os direitos reservados.</p>
+            <p>Website by <a href="https://github.com/ICEI-PUC-Minas-PPLCC-TI/ti-1-ppl-cc-m-20241-1-receitas">GitHub Receitas Fáceis</a></p>
+        </div>
+      </footer>
+
     <script src="assets/js/Bcozinhar.js"></script>
     <script src="assets/js/ingredientes.js"></script>
 </body>

diff --git a/codigo/pagina-favoritos/assets/css/pagFav.css b/codigo/pagina-favoritos/assets/css/pagFav.css
@@ -126,6 +126,41 @@ html {
     padding: 0 24px 24px 24px;
 }
 
+footer {
+    margin-top: 30px;
+}
+
+.footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 20px 0;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    margin-top: auto;
+}
+
+.footer .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.footer p {
+    margin: 5px 0;
+}
+
+.footer a {
+    color: #D49927;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.footer a:hover {
+    color: #F9B83A;
+}
+
 @media (max-width: 780px) {
     #listaReceitas {
         grid-template-columns: repeat(1,1fr);