<fix>[src]:<Footer não está mais estático e logo do projeto adicionada>

Co-Authored-By: MM4k <125222370+MM4k@users.noreply.github.com>
unb-mds · Jan 24, 2025 · 15bca75 · 15bca75
1 parent 57a49d3
commit 15bca75
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 34 deletions.
diff --git a/.gitignore b/.gitignore
@@ -11,3 +11,6 @@ __pycache__/
 # ignora o arquivo de migração(Apagar quando projeto estiver pronto)
 
 *_initial.py
+
+# ignora os migrations(tirar no final)
+migrations
diff --git a/PROJECT/src/static/base.css b/PROJECT/src/static/base.css
@@ -1,56 +1,63 @@
-*{
+/* Estilo global */
+* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     font-family: Arial, Helvetica, sans-serif;
 }
 
-p {
-    color: #161617;
-}
-
+/* Estilo para o corpo */
 body {
-    background-color: #fafafc; /* Substitua pelo tom de cinza desejado */
-    margin: 0; /* Remove margens padrão do navegador */
-    padding: 0; /* Remove paddings padrão do navegador */
-}
-
-header, footer{
-    width: 100vw;  /* Garante que o header e footer ocupem toda a largura da página */
+    background-color: #fafafc; /* Fundo da página */
+    margin: 0;
+    padding: 0;
+    min-height: 100vh; /* Altura mínima igual à altura da tela */
+    display: flex;
+    flex-direction: column; /* Layout flex para alinhar o rodapé no fim */
 }
 
-footer{
-    background-color: #c9c9c9;
+/* Estilo para o cabeçalho */
+header {
+    background-color: #ffffff;
     color: #161617;
-    position: absolute; /* Altera a posição para 'relative' ou remova a posição absoluta */
-    bottom: 0;
-    text-align: center;
-    font-size: 22px;
-    padding: 30px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 100%; /* Garante que ocupe toda a largura */
 }
 
-header h2{
+header h2 {
     font-size: 30px;
 }
 
-header{
-    background-color: #ffffff;
-    color: #161617;
+nav ul {
+    list-style: none;
     display: flex;
-    align-items: center;
-    justify-content: space-around;
+    padding: 0;
 }
 
-nav ul li{
-    background-color: #ffffff;
-    color: #161617;
-    list-style: none;
-    display: inline-block;
+nav ul li {
+    margin: 0 15px;
 }
 
-nav ul li a{
+nav ul li a {
     text-decoration: none;
     color: #161617;
     font-size: 18px;
-    padding: 0 15px;
 }
+
+/* Estilo para o conteúdo principal */
+main {
+    flex: 1; /* Expande o main para ocupar o espaço restante */
+    padding: 20px; /* Espaçamento interno */
+}
+
+/* Estilo para o rodapé */
+footer {
+    background-color: #c9c9c9;
+    color: #161617;
+    text-align: center;
+    font-size: 22px;
+    padding: 30px 0;
+    width: 100%; /* Garante que o rodapé ocupe toda a largura */
+}
diff --git a/PROJECT/src/static/images/logo.png b/PROJECT/src/static/images/logo.png
diff --git a/PROJECT/src/templates/base.html b/PROJECT/src/templates/base.html
@@ -12,7 +12,7 @@
 <body>
     <header>
       <div class="logo">
-        <h2>Logo</h2>
+        <img src="{% static 'images/logo.png' %}" alt="Logo" style="width: 100px; height: auto;">
       </div>
       <nav>
         <ul>
@@ -34,4 +34,4 @@ <h2>Logo</h2>
       <h3>&copy; All Right Reserved</h3>
     </footer>
 </body>
-</html>
+</html>