From fa9213c73d27b62e9bc8aded50b4d14aa170c77e Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Thu, 11 Dec 2025 14:39:58 -0300
Subject: [PATCH 1/9] =?UTF-8?q?Adicionando=20scroll=20ao=20carrossel=20da?=
 =?UTF-8?q?=20p=C3=A1gina=20inicial?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                  | 10 ++---
 repex/templates/index.html | 15 ++++---
 static/main.css            | 26 +++++------
 static/main.js             | 90 +++++++++++++++-----------------------
 4 files changed, 59 insertions(+), 82 deletions(-)

diff --git a/README.md b/README.md
index 99b1a60..4f151db 100644
--- a/README.md
+++ b/README.md
@@ -11,25 +11,21 @@ Para usar o sistema, siga esses passos:
 ### Após clonar o sistema, ative a venv e instale as dependências:
     pip install -r requirements.txt
 
-## Caso esteja em ambiente de desenvolvimento, defina debug=True e troque o conteúdo de DATABASES por:
-    DATABASES = {
-        'default': {
-            'ENGINE': 'django.db.backends.sqlite3',
-            'NAME': BASE_DIR / 'db.sqlite3',
-        }
-    }
 
 ### Após isso faça as migrações:
     python .\manage.py migrate
 
+
 ### Crie o arquivo .env e adicione:
     SUAP_CLIENT_ID = <seu-client-id>
     SUAP_CLIENT_SECRET = <seu-client-secret>
     SECRET_KEY = desenvolvimento (Use outra em ambiente de produção)
     REDIRECT_URI = http://127.0.0.1:8000/users/auth/callback/ (Use <seu-dominio>/users/auth/callback/ em ambiente de produção)
 
+
 ### Por fim, rode:
     python .\manage.py runserver
 
+
 ### Caso necessário, instale objetos prontos para visualização do sistema funcional (apenas após o primeiro login realizado):
     python .\manage.py loaddata .\repex\fixtures\exemplo.json
\ No newline at end of file
diff --git a/repex/templates/index.html b/repex/templates/index.html
index f92ab9a..38d8dc4 100644
--- a/repex/templates/index.html
+++ b/repex/templates/index.html
@@ -140,27 +140,28 @@ <h4 class="m-auto p-5 text-white">
 <div class="carousel-shell mb-5">
   <h4 class="fw-bold" style="color: {{ identidade_visual.cor_sistema }};">Últimos projetos adicionados:</h4>
   <div class="carousel-viewport">
-    <div class="carousel-track w-100" id="cardTrack">
+    <div class="carousel-track w-100 d-flex gap-2 flex-nowrap overflow-auto" id="cardTrack">
       {% for projeto in projetos %}
-      <div class="card-item">
+      <div class="card-item flex-shrink-0 py-1">
         {% include 'partials/_card.html' %}
       </div>
       {% endfor %}
     </div>
   </div>
-
+  {% if projetos.exists %}
   <button class="btn btn-light carousel-control carousel-prev" id="prevBtn" style="color: blue;"
     aria-label="Anterior">‹</button>
   <button class="btn btn-light carousel-control carousel-next" id="nextBtn" style="color: blue;"
     aria-label="Próximo">›</button>
+  {% endif %}
 </div>
 
 <div class="carousel-shell mb-5">
   <h4 class="fw-bold" style="color: {{ identidade_visual.cor_sistema }};">Conheça projetos:</h4>
   <div class="carousel-viewport">
-    <div class="carousel-track w-100" id="cardTrack">
+    <div class="carousel-track w-100 d-flex gap-2 flex-nowrap overflow-auto" id="cardTrack">
       {% for projeto in projetos_random %}
-      <div class="card-item">
+      <div class="card-item flex-shrink-0 py-1">
         {% include 'partials/_card.html' %}
       </div>
       {% endfor %}
@@ -177,9 +178,9 @@ <h4 class="fw-bold" style="color: {{ identidade_visual.cor_sistema }};">Conheça
 <div class="carousel-shell mb-5">
   <h4 class="fw-bold" style="color: {{ identidade_visual.cor_sistema }};">Projetos mais vistos:</h4>
   <div class="carousel-viewport">
-    <div class="carousel-track w-100" id="cardTrack">
+    <div class="carousel-track w-100 d-flex gap-2 flex-nowrap overflow-auto" id="cardTrack">
       {% for projeto in projetos_mais_vistos %}
-      <div class="card-item">
+      <div class="card-item flex-shrink-0 py-1">
         {% include 'partials/_card.html' %}
       </div>
       {% endfor %}
diff --git a/static/main.css b/static/main.css
index 374240d..099f850 100644
--- a/static/main.css
+++ b/static/main.css
@@ -180,18 +180,17 @@ body::-webkit-scrollbar {
 }
 
 .carousel-track {
-    display: flex;
-    gap: 0;
-    transition: transform .5s ease;
-    will-change: transform;
+    scroll-snap-type: x mandatory; 
+    scroll-behavior: smooth;
 }
 
-.card-item {
-    flex: 0 0 40%;
-    max-width: 40%;
-    box-sizing: border-box;
-    padding: .3rem;
+.carousel-track::-webkit-scrollbar {
+    display: none;
+}
 
+.card-item {
+    width: calc(40% - 12px);
+    scroll-snap-align: start;
 }
 
 .card-item .card {
@@ -204,8 +203,8 @@ body::-webkit-scrollbar {
     transform: translateY(-50%);
     z-index: 10;
     border: none;
-    width: 28px;
-    height: 28px;
+    width: 35px;
+    height: 70px;
     padding: 0;
     display: flex;
     align-items: center;
@@ -221,10 +220,9 @@ body::-webkit-scrollbar {
     right: -10px;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 767.98px) {
     .card-item {
-        flex: 0 0 80%;
-        max-width: 80%;
+        width: calc(80% - 8px); 
     }
 }
 
diff --git a/static/main.js b/static/main.js
index e13d662..15ba72e 100644
--- a/static/main.js
+++ b/static/main.js
@@ -1,68 +1,50 @@
-document.addEventListener('DOMContentLoaded', () => {
-  document.querySelectorAll('.carousel-shell').forEach(shell => {
-    const track = shell.querySelector('.carousel-track');
-    if (!track) return;
-
-    let items = Array.from(track.children);
-    const prevBtn = shell.querySelector('.carousel-prev');
-    const nextBtn = shell.querySelector('.carousel-next');
-
-    let index = 0;
-    let visible = 2.5;
-    let itemWidth = 0;
-
-    const clonesBefore = items.slice(-3).map(el => el.cloneNode(true));
-    const clonesAfter = items.slice(0, 3).map(el => el.cloneNode(true));
-
-    clonesBefore.forEach(clone => track.prepend(clone));
-    clonesAfter.forEach(clone => track.append(clone));
-
-    items = Array.from(track.children);
-
-    index = 3;
+document.addEventListener('DOMContentLoaded', function() {
+  
+  const SCROLL_AMOUNT = 300; 
+  const HIDE_CLASS = 'd-none'; 
+  
+  const carousels = document.querySelectorAll('.carousel-shell');
+
+  function checkScrollPosition(track, prevBtn, nextBtn) {
+    const maxScroll = track.scrollWidth - track.clientWidth;
+    
+    if (track.scrollLeft <= 5) { 
+      prevBtn.classList.add(HIDE_CLASS); 
+    } else {
+      prevBtn.classList.remove(HIDE_CLASS); 
+    }
 
-    function recalc() {
-      visible = window.innerWidth < 768 ? 1.25 : 2.5;
-      itemWidth = items[0]?.getBoundingClientRect().width || 0;
-      move(true);
+    if (track.scrollLeft >= maxScroll - 5) {  
+      nextBtn.classList.add(HIDE_CLASS); 
+    } else {
+      nextBtn.classList.remove(HIDE_CLASS);  
     }
+  }
 
-    function move(skipTransition = false) {
-      if (skipTransition) {
-        track.style.transition = 'none';
-      } else {
-        track.style.transition = 'transform 0.3s ease';
-      }
+  carousels.forEach(carousel => {
+    const track = carousel.querySelector('.carousel-track');
+    const prevBtn = carousel.querySelector('.carousel-prev');
+    const nextBtn = carousel.querySelector('.carousel-next');
 
-      const translateX = index * itemWidth;
-      track.style.transform = `translateX(-${translateX}px)`;
+    if (!track || !prevBtn || !nextBtn) {
+      console.warn('Carrossel ignorado: elementos de navegação não encontrados.');
+      return;
     }
+    
+    track.style.scrollBehavior = 'smooth'; 
 
-    function checkLoop() {
-      if (index >= items.length - 3) {
-        index = 3;
-        move(true); 
-      }
+    checkScrollPosition(track, prevBtn, nextBtn);
 
-      if (index < 3) {
-        index = items.length - 6;
-        move(true); 
-      }
-    }
+    track.addEventListener('scroll', () => {
+      checkScrollPosition(track, prevBtn, nextBtn);
+    });
 
     prevBtn.addEventListener('click', () => {
-      index--;
-      move();
-      setTimeout(checkLoop, 310);
+      track.scrollLeft -= SCROLL_AMOUNT;
     });
 
     nextBtn.addEventListener('click', () => {
-      index++;
-      move();
-      setTimeout(checkLoop, 310);
+      track.scrollLeft += SCROLL_AMOUNT;
     });
-
-    window.addEventListener('resize', recalc);
-    recalc();
   });
-});
+});
\ No newline at end of file

From 17296c9fc4965ad39fe3e0e35d8c0747eaabcabe Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Thu, 11 Dec 2025 15:38:04 -0300
Subject: [PATCH 2/9] Ajustando dashboard (sidebar incompleto)

---
 repex/templates/partials/_navbar.html |  2 +
 users/templates/base_user.html        |  1 -
 users/templates/partials/nav.html     | 23 ++++++--
 users/templates/partials/sidebar.html | 85 ++++++++-------------------
 4 files changed, 45 insertions(+), 66 deletions(-)

diff --git a/repex/templates/partials/_navbar.html b/repex/templates/partials/_navbar.html
index ef40abc..16b803d 100644
--- a/repex/templates/partials/_navbar.html
+++ b/repex/templates/partials/_navbar.html
@@ -49,6 +49,7 @@
           <a class="nav-link text-white fw-bold" href="{% url 'explorar' %}">Explorar</a>
         </li>
         {% if user.is_authenticated %}
+        <li class="nav-item">
           <div class="dropdown">
             <button class="btn btn-transparent text-white dropdown-toggle fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">Perfil</button>
             <ul class="dropdown-menu">
@@ -66,6 +67,7 @@
               </li>
             </ul>
           </div>
+        </li>
         {% else %}
           <div class="btn-group-minimal">
             <li class="nav-item">
diff --git a/users/templates/base_user.html b/users/templates/base_user.html
index 2c685d6..b09fef9 100644
--- a/users/templates/base_user.html
+++ b/users/templates/base_user.html
@@ -50,7 +50,6 @@
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
   {% block extra_scripts %}{% endblock extra_scripts %}
   <script src="{% static 'users.js' %}"></script>
 </body>
diff --git a/users/templates/partials/nav.html b/users/templates/partials/nav.html
index 8015b59..e753913 100644
--- a/users/templates/partials/nav.html
+++ b/users/templates/partials/nav.html
@@ -11,11 +11,24 @@
         class="fas fa-bars fa-xl text-white"></i></a>
     <div class="collapse navbar-collapse d-none d-lg-flex justify-content-between">
       <ul class="navbar-nav ms-auto d-flex align-items-center">
-        <li class="nav-item ms-2">
-          <form action="{% url 'logout' %}" method="post">
-            {% csrf_token %}
-            <button type="submit" class="nav-link"><i class="fa-solid fa-arrow-right-from-bracket fa-xl text-white"></i></button>
-          </form>
+        <li class="nav-item">
+          <div class="dropdown">
+            <button class="btn btn-transparent text-white dropdown-toggle fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">Perfil</button>
+            <ul class="dropdown-menu">
+              <li>
+                <a class="dropdown-item" href="{% url 'profile_detail' request.user.id %}">Ver perfil</a>
+              </li>
+              <li>
+                <a class="dropdown-item" href="{% url 'perfil_update' request.user.id %}">Atualizar perfil</a>
+              </li>
+              <li>
+                <form action="{% url 'logout' %}" method="post">
+                  {% csrf_token %}
+                  <button type="submit" class="dropdown-item">Logout</button>
+                </form>
+              </li>
+            </ul>
+          </div>
         </li>
       </ul>
     </div>
diff --git a/users/templates/partials/sidebar.html b/users/templates/partials/sidebar.html
index 6eb3e52..d569cd0 100644
--- a/users/templates/partials/sidebar.html
+++ b/users/templates/partials/sidebar.html
@@ -1,71 +1,36 @@
 {% load static %}
-<aside
-  class="main-sidebar sidebar-dark-primary elevation-1 {% if not identidade_visual.cor_sistema %}bg-dark{% endif %}"
+<aside class="main-sidebar sidebar-dark-primary elevation-1 {% if not identidade_visual.cor_sistema %}bg-dark{% endif %}"
   style="{% if identidade_visual.cor_suplente %}
-                   background: linear-gradient(135deg, {{ identidade_visual.cor_sistema }}, {{ identidade_visual.cor_suplente }});
-                {% else %}
-                  background: {{ identidade_visual.cor_sistema }};
-                {% endif %}">
-  {% if identidade_visual.logo %}
-  <a href="{% url 'index' %}" class="brand-link border border-0">
-    <img src="{{ identidade_visual.logo.url }}" class="w-100" alt="Logo" />
-  </a>
+            background: linear-gradient(135deg, {{ identidade_visual.cor_sistema }}, {{ identidade_visual.cor_suplente }});
   {% else %}
-  <a href="{% url 'index' %}" class="brand-link border border-0 text-center text-decoration-none">
-    <img style="max-height: 20px;" src="{% static 'imgs/logo.png' %}" />
+            background: {{ identidade_visual.cor_sistema }};
+  {% endif %}">
+  <a href="{% url 'index' %}" class="brand-link border border-0 mb-5">
+    {% if identidade_visual.logo %}
+      <img src="{{ identidade_visual.logo.url }}" alt="Logo" class="brand-image" />
+    {% else %}
+      <img src="{% static 'imgs/logo.png' %}" alt="Logo Repex" class="brand-image" />
+    {% endif %}
   </a>
-  {% endif %}
+
   <div class="sidebar">
     <nav class="mt-2">
-      <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">
-        <li class="nav-item">
-          <p class="mb-0 ms-2 text text-white">Navegação</p>
-        </li>
-        <li class="nav-item">
-          <a href="{% url 'index' %}" class="nav-link">
-            <i class="fa-solid fa-home fa-lg nav-icon"></i>
-            <p class="text">Início</p>
-          </a>
-        </li>
-        <li class="nav-item mb-3">
-          <a href="{% url 'profile_detail' request.user.id %}" class="nav-link">
-            <i class="fa-solid fa-user fa-lg nav-icon"></i>
-            <p class="text">Perfil público</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <p class="mb-0 ms-2 text text-white">Gestão do usuário</p>
-        </li>
-        <li class="nav-item">
-          <a href="{% url 'dashboard' %}" class="nav-link">
-            <i class="fa-solid fa-table fa-lg nav-icon"></i>
-            <p class="text">Dashboard</p>
-          </a>
-        </li>
-        <li class="nav-item mb-3">
-          <a href="{% url 'perfil_update' request.user.id %}" class="nav-link">
-            <i class="fa-solid fa-pen fa-lg nav-icon"></i>
-            <p class="text">Editar Perfil</p>
-          </a>
-        </li>
+      <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
         {% if user.is_superuser %}
-        <li class="nav-item">
-          <p class="mb-0 ms-2 text text-white">Administração do sistema</p>
-        </li>
-        <li class="nav-item">
-          <a href="{% url 'painel' %}" class="nav-link">
-            <i class="fa-solid fa-toolbox fa-lg nav-icon"></i>
-            <p class="text">Opções do sistema</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a href="{% url 'users' %}" class="nav-link">
-            <i class="fa-solid fa-users fa-lg nav-icon"></i>
-            <p class="text">Gerenciar usuários</p>
-          </a>
-        </li>
+          <li class="nav-item">
+            <a href="{% url 'painel' %}" class="nav-link">
+              <i class="fa-solid fa-toolbox fa-lg nav-icon"></i>
+              <p>Opções do sistema</p>
+            </a>
+          </li>
+          <li class="nav-item">
+            <a href="{% url 'users' %}" class="nav-link">
+              <i class="fa-solid fa-users fa-lg nav-icon"></i>
+              <p>Gerenciar usuários</p>
+            </a>
+          </li>
         {% endif %}
       </ul>
     </nav>
   </div>
-</aside>
\ No newline at end of file
+</aside>

From db0dccc62be6c92be64ea6c775abfcdc7a1129a2 Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Fri, 12 Dec 2025 17:01:19 -0300
Subject: [PATCH 3/9] =?UTF-8?q?Melhorando=20README=20do=20reposit=C3=B3rio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 124 +++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 105 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 4f151db..f1fbb61 100644
--- a/README.md
+++ b/README.md
@@ -1,31 +1,117 @@
 # Repositório de Propostas e projetos de Ensino, Pesquisa e Extensão - REPEX
-Para usar o sistema, siga esses passos:
+Os projetos de ensino, pesquisa e extensão do IFRN carecem de uma plataforma web centralizada e acessível para divulgação. Este projeto propõe o desenvolvimento de um sistema web de código aberto e totalmente replicável/personalizável pelo cliente, utilizando o framework Django, que permita a divulgação de projetos em andamento, concluídos e de propostas para prospectar alunos e parceiros interessados.
 
-## Para usar o login com suap, crie uma aplicação aouth2 e configure a redirect URI:
-    <seu-domínio>/users/auth/callback/
-#### URL em ambiente de desenvolvimento:
-    http://localhost:8000/users/auth/callback/
-    http://127.0.0.1:8000/users/auth/callback/
+## Tecnologias Utilizadas
+- Python 3.13
+- Django 5.2.5
+- Banco de dados: PostgreSQL
+- Outras bibliotecas: [listar]
 
+## Pré-requisitos
+- Python 3.8 ou superior
+- MySQL
+- Git
 
-### Após clonar o sistema, ative a venv e instale as dependências:
-    pip install -r requirements.txt
+## Instalação e Configuração
 
+### 1. Clone o repositório
+```bash
+git clone https://github.com/usuario/projeto.git
+cd projeto
+```
 
-### Após isso faça as migrações:
-    python .\manage.py migrate
+### 2. Crie e ative um ambiente virtual
 
+**Windows:**
+```bash
+python -m venv venv
+venv\Scripts\activate
+```
 
-### Crie o arquivo .env e adicione:
-    SUAP_CLIENT_ID = <seu-client-id>
-    SUAP_CLIENT_SECRET = <seu-client-secret>
-    SECRET_KEY = desenvolvimento (Use outra em ambiente de produção)
-    REDIRECT_URI = http://127.0.0.1:8000/users/auth/callback/ (Use <seu-dominio>/users/auth/callback/ em ambiente de produção)
+**Linux/Mac:**
+```bash
+python3 -m venv venv
+source venv/bin/activate
+```
 
+### 3. Instale as dependências
+```bash
+pip install -r requirements.txt
+```
+Este comando irá instalar todas as bibliotecas necessárias listadas no arquivo `requirements.txt`.
 
-### Por fim, rode:
-    python .\manage.py runserver
+### 4. Configure as variáveis de ambiente
 
+```bash
+cp .env.example .env
+```
 
-### Caso necessário, instale objetos prontos para visualização do sistema funcional (apenas após o primeiro login realizado):
-    python .\manage.py loaddata .\repex\fixtures\exemplo.json
\ No newline at end of file
+### 5. Execute as migrações do banco de dados
+
+```bash
+python manage.py migrate
+```
+
+### 6. (Opcional) Crie um superusuário
+
+Para acessar o painel administrativo do Django:
+
+```bash
+python manage.py createsuperuser
+```
+
+### 7. Execute o servidor
+```bash
+python manage.py runserver
+```
+
+Acesse: http://localhost:8000
+
+## Estrutura do Projeto
+
+```
+REPEX/
+│
+├── config/                      # Arquivos de configuração para aplicação do Django
+│
+├── docs/                        # Documentação
+│   ├── imgs/                    # Imagens do  do usuário
+│   ├── code.md                  # Documentação técnica
+│   ├── README.md                # Detalhes da engenharia de software
+|
+├── repex/                       # App principal do sistema 
+|
+├── users/                       # App de usuários do sistema 
+|
+├── .env                         # Variáveis de ambiente (NÃO vai pro Git)
+├── .env.example                 # Modelo de variáveis de ambiente
+├── .gitignore                   # Arquivos ignorados pelo Git
+|
+├── LICENSE                      # Licença do projeto
+|
+├── manage.py                    # Script principal do Django
+|
+├── README.md                    # Este arquivo
+├── requirements-prod.txt        # Dependências do projeto para produção
+├── requirements.txt             # Dependências do projeto
+│
+
+```
+
+---
+
+## Funcionalidades
+- Gerenciamento do sistema de forma simplificada
+- Autenticação e gestão de usuários (registro, login, logout)
+- Gerenciamento de projetos e notícias
+- Painel administrativo
+
+**Para instruções detalhadas**, consulte o [Manual do Usuário](docs/manual/index.html)
+
+## Autores
+- [Wescley Plínio Damasceno Galdino](https://github.com/WescleyPlinio) 
+- [Ellainy Nayara Motta dos Santos](https://github.com/ellainy) 
+- [João Henrique de Oliveira Silva](https://github.com/joaohenrique15) 
+
+## Licença
+- Veja os detalhes em [Licença MIT](LICENSE) 
\ No newline at end of file

From 5a581f58df3b2798fe31439463c0fa5fcc53f9b1 Mon Sep 17 00:00:00 2001
From: wescley <wescleygaldino06@gmail.com>
Date: Tue, 16 Dec 2025 10:43:41 -0300
Subject: [PATCH 4/9] =?UTF-8?q?Finalizando=20documenta=C3=A7=C3=A3o=20t?=
 =?UTF-8?q?=C3=A9cnica=20no=20readme=20do=20reposit=C3=B3rio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md      | 33 ++++++++++++++++++++++-----
 docs/README.md |  2 +-
 docs/code.md   | 61 --------------------------------------------------
 repex/tests.py |  3 ---
 users/tests.py |  3 ---
 5 files changed, 29 insertions(+), 73 deletions(-)
 delete mode 100644 docs/code.md
 delete mode 100644 repex/tests.py
 delete mode 100644 users/tests.py

diff --git a/README.md b/README.md
index f1fbb61..f2a6da6 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,7 @@ Os projetos de ensino, pesquisa e extensão do IFRN carecem de uma plataforma we
 ## Tecnologias Utilizadas
 - Python 3.13
 - Django 5.2.5
-- Banco de dados: PostgreSQL
-- Outras bibliotecas: [listar]
+- Banco de dados: Postgres
 
 ## Pré-requisitos
 - Python 3.8 ou superior
@@ -16,8 +15,8 @@ Os projetos de ensino, pesquisa e extensão do IFRN carecem de uma plataforma we
 
 ### 1. Clone o repositório
 ```bash
-git clone https://github.com/usuario/projeto.git
-cd projeto
+git clone https://github.com/IFRN-SPP/repex.git
+cd repex
 ```
 
 ### 2. Crie e ative um ambiente virtual
@@ -80,8 +79,32 @@ REPEX/
 │   ├── README.md                # Detalhes da engenharia de software
 |
 ├── repex/                       # App principal do sistema 
+│   ├── fixtures/                # Objetos prontos para testes
+│   ├── templates/               # Páginas HTML
+│   |    ├── partials/           # Estruturas HTML parceladas
+│   ├── templatetags/            # Funções extras para templates
+│   |    ├── news_extras.py      # Função para fazer com que o carrossel de notícias funcione
+│   ├── __init__.py              # Arquivo de execução do django
+│   ├── admin.py                 # Arquivo de execução do django admin
+│   ├── apps.py                  # Arquivo de execução de app do django
+│   ├── context_processors.py    # Funções que renderizam dados em todas as páginas do sistema
+│   ├── forms.py                 # Configuração de formulários
+│   ├── models.py                # Estrutura do banco de dados
+│   ├── urls.py                  # Caminhos das páginas e funções
+│   ├── views.py                 # Lógica, execução e renderização de dados das páginas e funções
 |
-├── users/                       # App de usuários do sistema 
+├── users/                       # App relativo aos usuários do sistema
+│   ├── templates/               # Páginas HTML
+│   ├── __init__.py              # Arquivo de execução do django
+│   ├── admin.py                 # Arquivo de execução do django admin
+│   ├── apps.py                  # Arquivo de execução de app do django
+│   ├── forms.py                 # Configuração de formulários
+│   ├── managers.py              # Configuração de criação de usuário via terminal
+│   ├── models.py                # Estrutura do banco de dados
+│   ├── oauthlib_client.py       # Função para login com Suap
+│   ├── signals.py               # Definição do grupo e permissões de professor
+│   ├── urls.py                  # Caminhos das páginas e funções
+│   ├── views.py                 # Lógica, execução e renderização de dados das páginas e funções
 |
 ├── .env                         # Variáveis de ambiente (NÃO vai pro Git)
 ├── .env.example                 # Modelo de variáveis de ambiente
diff --git a/docs/README.md b/docs/README.md
index a95b02b..3a44af1 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,5 +1,5 @@
 # Engenharia de software - REPEX
-Documentação de engenharia de software. [Clique aqui para ver a documentação técnica do Repex](code.md)
+Documentação de engenharia de software.
 
 ## Sumário
 - [Resumo](#resumo)
diff --git a/docs/code.md b/docs/code.md
deleted file mode 100644
index 479f050..0000000
--- a/docs/code.md
+++ /dev/null
@@ -1,61 +0,0 @@
-# Documentação técnica - REPEX
-Documentação técnica do software. [Clique aqui para ver a engenharia do Repex](index.md)
-
-## Sumário
-- [Organização do ambiente](#organização-do-ambiente)
-- [Diretórios e arquivos](#diretórios-e-arquivos)
-- [Pasta config](#app-repex)
-- [App Repex](#app-repex)
-- [App Users](#app-users)
-
-
-## Organização do ambiente:
-Estrutura principal, desde a raíz do projeto:
-
-- REPEX/
-
-  - config/
-    - init.py
-    - asgi.py
-    - settings.py
-    - wsgi.py
-
-  - repex/
-    - migrations/
-    - templates/
-    - templatetags/
-    - init.py
-    - admin.py
-    - apps.py
-    - context_processors.py
-    - forms.py
-    - models.py
-    - tests.py
-    - urls.py
-    - views.py
-
-  - users/
-    - migrations/
-    - templates/
-    - init.py
-    - admin.py
-    - apps.py
-    - forms.py
-    - managers.py
-    - models.py
-    - oauthlib_client.py
-    - signals.py
-    - tests.py
-    - urls.py
-    - views.py
-
-  - .gitignore
-  - LICENSE
-  - manage.py
-  - README.md
-
-## Diretórios e arquivos:
-
-## App Repex:
-
-## App Users:
diff --git a/repex/tests.py b/repex/tests.py
deleted file mode 100644
index 7ce503c..0000000
--- a/repex/tests.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.test import TestCase
-
-# Create your tests here.
diff --git a/users/tests.py b/users/tests.py
deleted file mode 100644
index 7ce503c..0000000
--- a/users/tests.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.test import TestCase
-
-# Create your tests here.

From 0910f0abd41d4cfaef923e7925ef7e9b02b223c1 Mon Sep 17 00:00:00 2001
From: Wescley <162709102+WescleyPlinio@users.noreply.github.com>
Date: Tue, 16 Dec 2025 10:57:39 -0300
Subject: [PATCH 5/9] Update readme

---
 README.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/README.md b/README.md
index f2a6da6..c16682b 100644
--- a/README.md
+++ b/README.md
@@ -129,12 +129,10 @@ REPEX/
 - Gerenciamento de projetos e notícias
 - Painel administrativo
 
-**Para instruções detalhadas**, consulte o [Manual do Usuário](docs/manual/index.html)
-
 ## Autores
 - [Wescley Plínio Damasceno Galdino](https://github.com/WescleyPlinio) 
 - [Ellainy Nayara Motta dos Santos](https://github.com/ellainy) 
 - [João Henrique de Oliveira Silva](https://github.com/joaohenrique15) 
 
 ## Licença
-- Veja os detalhes em [Licença MIT](LICENSE) 
\ No newline at end of file
+- Veja os detalhes em [Licença MIT](LICENSE) 

From 8d4878674a900e0d16c1e18ee1b0a65eace407de Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Fri, 19 Dec 2025 20:12:47 -0300
Subject: [PATCH 6/9] Finalizando dashboard e ajustes "finais"

---
 users/templates/base_user.html                | 344 +++++++++++++++---
 users/templates/painel_admin.html             |   7 +-
 .../partials/_modal_delete_social_net.html    |  21 ++
 users/templates/partials/sidebar.html         | 104 ++++--
 4 files changed, 399 insertions(+), 77 deletions(-)
 create mode 100644 users/templates/partials/_modal_delete_social_net.html

diff --git a/users/templates/base_user.html b/users/templates/base_user.html
index b09fef9..e6b0a6b 100644
--- a/users/templates/base_user.html
+++ b/users/templates/base_user.html
@@ -1,57 +1,307 @@
 {% load static %}
 <!DOCTYPE html>
 <html lang="pt-br">
-
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {% block title %}
-    Área do usuário
-    {% endblock %}
-  </title>
-  <!-- jQuery -->
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-  <!-- AdminLTE -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css" />
-  <!-- FontAwesome -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
-  <!-- Google Fonts -->
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
-</head>
-
-<body class="hold-transition sidebar-mini">
-  <div class="wrapper">
-    {% include 'partials/sidebar.html' %}
-    {% include 'partials/nav.html' %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Dashboard de {{ request.user.get_primeiro_nome }}{% endblock title %}</title>
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <!-- AdminLTE -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css" />
+    <!-- FontAwesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <style>
+        :root {
+            --primary: #007bff;
+            --secondary: #6c757d;
+            --success: #28a745;
+            --info: #17a2b8;
+            --warning: #ffc107;
+            --danger: #dc3545;
+            --light: #f8f9fa;
+            --dark: #343a40;
+        }
+        
+        body {
+            font-family: 'Source Sans Pro', sans-serif;
+            background-color: #f4f6f9;
+            overflow-x: hidden;
+        }
+        
+        .sidebar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            height: 100vh;
+            width: 250px;
+            background-color: #343a40;
+            color: #c2c7d0;
+            z-index: 1030;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            transition: transform 0.3s ease;
+            overflow-y: auto;
+        }
+        
+        .sidebar-brand {
+            display: flex;
+            align-items: center;
+            padding: 15px 20px;
+            background-color: rgba(0, 0, 0, 0.2);
+            border-bottom: 1px solid #4b545c;
+        }
+        
+        .sidebar-brand-icon {
+            font-size: 24px;
+            color: #ffffff;
+            margin-right: 10px;
+        }
+        
+        .sidebar-brand-text {
+            font-size: 20px;
+            font-weight: 700;
+            color: #ffffff;
+        }
+        
+        .user-panel {
+            display: flex;
+            align-items: center;
+            padding: 15px;
+            border-bottom: 1px solid #4b545c;
+        }
+        
+        .user-img {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background: linear-gradient(45deg, var(--primary), var(--info));
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-weight: bold;
+            margin-right: 10px;
+        }
+        
+        .user-info {
+            flex: 1;
+        }
+        
+        .user-name {
+            color: #ffffff;
+            font-weight: 600;
+            font-size: 14px;
+            margin-bottom: 2px;
+        }
+        
+        .sidebar-menu {
+            list-style: none;
+            padding: 10px 0;
+            margin: 0;
+        }
+        
+        .sidebar-header {
+            padding: 10px 25px;
+            font-size: 12px;
+            color: #6c757d;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        
+        .nav-item {
+            position: relative;
+        }
+        
+        .nav-link {
+            display: flex;
+            align-items: center;
+            padding: 12px 20px;
+            color: #c2c7d0;
+            text-decoration: none;
+            transition: all 0.3s;
+            border-left: 3px solid transparent;
+        }
+        
+        .nav-link:hover,
+        .nav-link.active {
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.2);
+            border-left-color: {{ identidade_visual.cor_sistema }};
+        }
+        
+        .nav-icon {
+            width: 24px;
+            font-size: 16px;
+            text-align: center;
+            margin-right: 10px;
+        }
+        
+        .nav-label {
+            flex: 1;
+        }
+        
+        .nav-badge {
+            padding: 3px 8px;
+            font-size: 11px;
+            border-radius: 10px;
+            font-weight: 600;
+        }
+        
+        .treeview-menu {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            background-color: rgba(0, 0, 0, 0.2);
+            display: none;
+        }
+        
+        .treeview-menu.show {
+            display: block;
+        }
+        
+        .treeview-menu .nav-link {
+            padding-left: 50px;
+            padding-top: 8px;
+            padding-bottom: 8px;
+            font-size: 14px;
+        }
+        
+        .nav-item.has-treeview > .nav-link::after {
+            content: '\f078';
+            font-family: 'Font Awesome 6 Free';
+            font-weight: 900;
+            margin-left: auto;
+            font-size: 12px;
+            transition: transform 0.3s;
+        }
+        
+        .nav-item.has-treeview.active > .nav-link::after {
+            transform: rotate(180deg);
+        }
+        
+        .content-wrapper {
+            margin-left: 250px;
+            min-height: 100vh;
+            background-color: #f4f6f9;
+            transition: margin-left 0.3s ease;
+        }
+        
+        .sidebar-toggle {
+            display: none;
+            position: fixed;
+            top: 15px;
+            left: 15px;
+            z-index: 1032;
+            background-color: {{ identidade_visual.cor_sistema }};
+            color: white;
+            border: none;
+            width: 40px;
+            height: 40px;
+            border-radius: 5px;
+            font-size: 18px;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+        }
+        
+        .sidebar::-webkit-scrollbar {
+            width: 6px;
+        }
+        
+        .sidebar::-webkit-scrollbar-track {
+            background: rgba(255, 255, 255, 0.05);
+        }
+        
+        .sidebar::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 3px;
+        }
 
-    <main class="content-wrapper">
-      <div class="container py-3">
+        body::-webkit-scrollbar {
+            display: none;
+        }
+        
+        @media (max-width: 768px) {
+            .sidebar {
+                transform: translateX(-100%);
+            }
+            
+            .sidebar.show {
+                transform: translateX(0);
+            }
+            
+            .content-wrapper {
+                margin-left: 0;
+            }
+            
+            .sidebar-toggle {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        {% include "partials/sidebar.html" %}
+    </header>
+    
+    <div class="content-wrapper px-3 mt-3" id="contentWrapper">
         {% if messages %}
-        <div class="container mt-3">
-          {% for message in messages %}
-          <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
-            {{ message }}
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-          </div>
-          {% endfor %}
-        </div>
+            <div class="container mt-3">
+                {% for message in messages %}
+                <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
+                    {{ message }}
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+                {% endfor %}
+            </div>
         {% endif %}
-        {% block content %}
-
-        {% endblock %}
-      </div>
-    </main>
-  </div>
+      {% block content %}{% endblock content %}
+    </div>
 
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/all.min.js"></script>
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
-  {% block extra_scripts %}{% endblock extra_scripts %}
-  <script src="{% static 'users.js' %}"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    
+    <script>
+        $(document).ready(function() {
+            $('.has-treeview > .nav-link').on('click', function(e) {
+                e.preventDefault();
+                $(this).parent().toggleClass('active');
+                $(this).siblings('.treeview-menu').slideToggle();
+            });
+            
+            $('.nav-link').not('.has-treeview > .nav-link').on('click', function() {
+                $('.nav-link').removeClass('active');
+                $(this).addClass('active');
+                
+                if ($(window).width() <= 768) {
+                    $('#sidebar').removeClass('show');
+                }
+            });
+            
+            $('#sidebarToggle').on('click', function() {
+                $('#sidebar').toggleClass('show');
+            });
+            
+            $(document).on('click', function(event) {
+                if ($(window).width() <= 768 && 
+                    !$(event.target).closest('#sidebar').length && 
+                    !$(event.target).closest('#sidebarToggle').length &&
+                    $('#sidebar').hasClass('show')) {
+                    $('#sidebar').removeClass('show');
+                }
+            });
+            
+            $(window).on('resize', function() {
+                if ($(window).width() > 768) {
+                    $('#sidebar').removeClass('show');
+                }
+            });
+        });
+    </script>
 </body>
-
 </html>
\ No newline at end of file
diff --git a/users/templates/painel_admin.html b/users/templates/painel_admin.html
index 373fbc7..8593b7c 100644
--- a/users/templates/painel_admin.html
+++ b/users/templates/painel_admin.html
@@ -27,9 +27,10 @@
           <td>{{ r.url_base }}</td>
           <td>
             <a href="{% url 'rede_social_update' r.id %}" class="btn btn-sm btn-warning">Editar</a>
-            <a class="btn btn-sm btn-danger">Excluir</a>
+            <a class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#confirmarExclusaoSocialModal{{ r.pk }}">Excluir</a>
           </td>
         </tr>
+        {% include "partials/_modal_delete_social_net.html" %}
         {% endfor %}
       </tbody>
     </table>
@@ -87,6 +88,7 @@
           <th>Cor do sistema</th>
           <th>Cor suplente para o sistema</th>
           <th>Cor dos títulos</th>
+          <th>Opção</th>
         </tr>
       </thead>
       <tbody>
@@ -110,7 +112,6 @@
           <td>{{ i.cor_titulo }}</td>
           <td>
             <a href="{% url 'identidade_visual_update' i.id %}" class="btn btn-sm btn-warning">Editar</a>
-            <a class="btn btn-sm btn-danger">Excluir</a>
           </td>
         </tr>
         {% endfor %}
@@ -137,6 +138,7 @@
           <th>CEP</th>
           <th>Endereço</th>
           <th>Site</th>
+          <th>Opção</th>
         </tr>
       </thead>
       <tbody>
@@ -161,7 +163,6 @@
           <td>{{ i.site }}</td>
           <td>
             <a href="{% url 'instituicao_update' i.id %}" class="btn btn-sm btn-warning">Editar</a>
-            <a class="btn btn-sm btn-danger">Excluir</a>
           </td>
         </tr>
         {% endfor %}
diff --git a/users/templates/partials/_modal_delete_social_net.html b/users/templates/partials/_modal_delete_social_net.html
new file mode 100644
index 0000000..edfd65e
--- /dev/null
+++ b/users/templates/partials/_modal_delete_social_net.html
@@ -0,0 +1,21 @@
+<div class="modal fade" id="confirmarExclusaoSocialModal{{ r.pk }}" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="modalLabel">Confirmar exclusão</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
+      </div>
+      <div class="modal-body">
+        Tem certeza que deseja excluir a rede social {{ r.rede.nome }} do sistema?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
+
+        <form method="post" action="{% url 'rede_social_delete' r.pk %}">
+          {% csrf_token %}
+          <button type="submit" class="btn btn-danger">Excluir</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/users/templates/partials/sidebar.html b/users/templates/partials/sidebar.html
index d569cd0..4f0a3d4 100644
--- a/users/templates/partials/sidebar.html
+++ b/users/templates/partials/sidebar.html
@@ -1,36 +1,86 @@
 {% load static %}
-<aside class="main-sidebar sidebar-dark-primary elevation-1 {% if not identidade_visual.cor_sistema %}bg-dark{% endif %}"
-  style="{% if identidade_visual.cor_suplente %}
-            background: linear-gradient(135deg, {{ identidade_visual.cor_sistema }}, {{ identidade_visual.cor_suplente }});
-  {% else %}
-            background: {{ identidade_visual.cor_sistema }};
-  {% endif %}">
-  <a href="{% url 'index' %}" class="brand-link border border-0 mb-5">
-    {% if identidade_visual.logo %}
-      <img src="{{ identidade_visual.logo.url }}" alt="Logo" class="brand-image" />
-    {% else %}
-      <img src="{% static 'imgs/logo.png' %}" alt="Logo Repex" class="brand-image" />
-    {% endif %}
-  </a>
+<button class="sidebar-toggle" id="sidebarToggle"><i class="fas fa-bars"></i></button>
+
+<aside class="sidebar" id="sidebar">
+  <div class="sidebar-brand">
+    <img src="{% static 'imgs/logo.png' %}" alt="" class="w-100" />
+  </div>
+
+  <div class="user-panel">
+    {% if request.user.profile.avatar %}
+    <div class="user-img">
+      <a class="text-decoration-none" href="{% url 'profile_detail' request.user.id %}">
+          <img src="{{ request.user.profile.avatar.url }}" alt="" class="w-100 rounded rounded-circle" />
+        </a>
+      </div>
+      {% endif %}
+    <div class="user-info">
+      <div class="user-name">{{ request.user.nome_usual }}</div>
+      {% if request.user.vinculo %}
+        <h6 class="user-status">{{ request.user.vinculo }}</h6>
+      {% endif %}
+    </div>
+  </div>
 
-  <div class="sidebar">
-    <nav class="mt-2">
-      <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
-        {% if user.is_superuser %}
+  <ul class="sidebar-menu">
+    <li class="sidebar-header">Navegação</li>
+    <li class="nav-item">
+      <a href="{% url 'dashboard' %}" class="nav-link {% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}">
+        <i class="nav-icon fas fa-tachometer-alt"></i>
+        <span class="nav-label">Dashboard</span>
+      </a>
+    </li>
+    <li class="nav-item">
+      <a href="{% url 'profile_detail' request.user.id %}" class="nav-link">
+        <i class="nav-icon fas fa-user"></i>
+        <span class="nav-label">Perfil público</span>
+      </a>
+    </li>
+
+    {% if perms.repex.add_projeto %}
+      <li class="sidebar-header">Conteúdo</li>
+      <li class="nav-item has-treeview">
+        <a class="nav-link">
+          <i class="nav-icon fas fa-plus"></i>
+          <span class="nav-label">Cadastrar</span>
+        </a>
+        <ul class="treeview-menu">
           <li class="nav-item">
-            <a href="{% url 'painel' %}" class="nav-link">
-              <i class="fa-solid fa-toolbox fa-lg nav-icon"></i>
-              <p>Opções do sistema</p>
+            <a href="{% url 'projeto_create' %}" class="nav-link">
+              <i class="nav-icon fas fa-net"></i>
+              <span class="nav-label">Projetos</span>
             </a>
           </li>
           <li class="nav-item">
-            <a href="{% url 'users' %}" class="nav-link">
-              <i class="fa-solid fa-users fa-lg nav-icon"></i>
-              <p>Gerenciar usuários</p>
+            <a href="{% url 'noticia_create' %}" class="nav-link">
+              <i class="nav-icon fas fa-notice"></i>
+              <span class="nav-label">Notícias</span>
             </a>
           </li>
-        {% endif %}
-      </ul>
-    </nav>
-  </div>
+        </ul>
+      </li>
+    {% endif %}
+    {% if request.user.is_superuser %}
+      <li class="sidebar-header">Configurações </li>
+      <li class="nav-item">
+        <a href="{% url 'painel' %}" class="nav-link {% if request.resolver_match.url_name == 'painel' %}active{% endif %}">
+          <i class="nav-icon fas fa-cog"></i>
+          <span class="nav-label">Sistema</span>
+        </a>
+      </li>
+      <li class="nav-item">
+        <a href="{% url 'users' %}" class="nav-link {% if request.resolver_match.url_name == 'users' %}active{% endif %}">
+          <i class="nav-icon fas fa-users"></i>
+          <span class="nav-label">Usuários</span>
+        </a>
+      </li>
+    {% endif %}
+
+    <li class="nav-item">
+      <form method="post" class="nav-link" action="{% url 'logout' %}">
+        <i class="nav-icon fas fa-sign-out-alt"></i>
+        <button style="color: #c2c7d0;" type="submit" class="nav-label bg-transparent border border-0 text-left text-white m-0 p-0">Sair</button>
+      </form>
+    </li>
+  </ul>
 </aside>

From 9ce794818802f30360e3479c2c0ad1ec4dd95dc8 Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Mon, 22 Dec 2025 17:29:40 -0300
Subject: [PATCH 7/9] Adicionando favicon e melhorando painel administrativo

---
 repex/templates/base.html                    |   1 +
 repex/templates/identidade_visual_form.html  |  14 +-
 repex/templates/profile_detail.html          |   2 +-
 static/imgs/favicon.svg                      |   4 +
 users/templates/base_user.html               |   1 +
 users/templates/painel_admin.html            | 280 ++++++++++++-------
 users/templates/partials/sidebar.html        |   6 +-
 users/templates/registration/login_base.html |   1 +
 8 files changed, 198 insertions(+), 111 deletions(-)
 create mode 100644 static/imgs/favicon.svg

diff --git a/repex/templates/base.html b/repex/templates/base.html
index b89079a..be86acd 100644
--- a/repex/templates/base.html
+++ b/repex/templates/base.html
@@ -9,6 +9,7 @@
         Repex
       {% endblock %}
     </title>
+    <link rel="icon" href="{% static 'imgs/favicon.svg' %}" type="image/svg+xml">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/repex/templates/identidade_visual_form.html b/repex/templates/identidade_visual_form.html
index 20d6853..e79ff03 100644
--- a/repex/templates/identidade_visual_form.html
+++ b/repex/templates/identidade_visual_form.html
@@ -11,16 +11,4 @@ <h3 style="color:{{ identidade_visual.cor_sistema }};" class="mb-3">{% if form.i
       <a class="btn btn-primary" href="{% url "painel" %}">Cancelar</a>
     </div>
   </form>
-{% endblock %}
-{% block extra_scripts %}
-  <script>
-    const input = document.getElementById('id_cor_suplente');
-    const defaultValue = input.value;
-
-    input.form.addEventListener('submit', () => {
-        if (input.value === defaultValue) {
-            input.disabled = true; 
-        }
-    });
-  </script>
-{% endblock extra_scripts %}
+{% endblock %}
\ No newline at end of file
diff --git a/repex/templates/profile_detail.html b/repex/templates/profile_detail.html
index 7b2b31e..b34ced2 100644
--- a/repex/templates/profile_detail.html
+++ b/repex/templates/profile_detail.html
@@ -14,7 +14,7 @@
             <div style="width: 100%; aspect-ratio: 1 / 1;" class="bg-body-tertiary rounded-circle d-flex">
               <a href="{% url 'perfil_update' request.user.id %}" class="text-decoration-none m-auto p-5">
                 <i class="fa-solid fa-image"></i>
-                Adicione sua foto de perfil
+                Adicione seu avatar
               </a>
             </div>
           {% else %}
diff --git a/static/imgs/favicon.svg b/static/imgs/favicon.svg
new file mode 100644
index 0000000..889b4a7
--- /dev/null
+++ b/static/imgs/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="247" height="247" viewBox="0 0 247 247" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="123.5" cy="123.5" r="123.5" fill="white"/>
+<path d="M123.292 100.687L145.511 123.101L205 180H156.419L123.292 145.895L90.084 180H41.502L100.991 123.101L41 67H90.2373L123.292 100.687ZM206.988 67.4951L152.137 121L128.988 98.7061L160.691 67L206.988 67.4951Z" fill="black"/>
+</svg>
diff --git a/users/templates/base_user.html b/users/templates/base_user.html
index e6b0a6b..027225a 100644
--- a/users/templates/base_user.html
+++ b/users/templates/base_user.html
@@ -3,6 +3,7 @@
 <html lang="pt-br">
 <head>
     <meta charset="UTF-8">
+    <link rel="icon" href="{% static 'imgs/favicon.svg' %}" type="image/svg+xml">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}Dashboard de {{ request.user.get_primeiro_nome }}{% endblock title %}</title>
     <!-- jQuery -->
diff --git a/users/templates/painel_admin.html b/users/templates/painel_admin.html
index 8593b7c..b7b7261 100644
--- a/users/templates/painel_admin.html
+++ b/users/templates/painel_admin.html
@@ -71,103 +71,193 @@
   </div>
 </div>
 
-<div class="card mb-3">
-  <div class="card-header d-flex">
-    <h3 class="card-title fw-bold my-auto {% if not identidade_visual.cor_sistema %}text-dark{% endif %}" style="{% if identidade_visual.cor_suplente %}
-                  color: {{ identidade_visual.cor_sistema }};
-                {% endif %}">Identidade visual</h3>
-    {% if not identidade_visual %}
-    <a class="btn btn-success ms-auto" href="{% url 'identidade_visual_create' %}">Cadastrar</a>
-    {% endif %}
+<div class="row">
+  <!-- Card da Identidade Visual -->
+  <div class="col-lg-6 mb-4">
+    <div class="card h-100 border-0 shadow-sm">
+      <div class="card-header bg-white d-flex align-items-center border-bottom">
+        <h3 class="card-title fw-bold my-auto mb-0 {% if not identidade_visual.cor_sistema %}text-dark{% endif %}" 
+            style="{% if identidade_visual.cor_sistema %}color: {{ identidade_visual.cor_sistema }};{% endif %}">
+          <i class="bi bi-palette me-2"></i>Identidade Visual
+        </h3>
+      </div>
+      <div class="card-body">
+        {% if identidade_visual %}
+        <div class="row mb-2">
+          <div class="col-md-4 mb-3 mb-md-0">
+            <div class="text-center">
+              <div class="border rounded p-3 mb-2 bg-light" style="height: 120px; display: flex; align-items: center; justify-content: center;">
+                {% if identidade_visual.logo %}
+                <img src="{{ identidade_visual.logo.url }}" alt="Logo do sistema" 
+                     class="img-fluid" style="max-height: 80px;" />
+                {% else %}
+                <div class="text-muted">
+                  <i class="bi bi-image" style="font-size: 2rem;"></i>
+                  <p class="small mt-2">Sem logo</p>
+                </div>
+                {% endif %}
+              </div>
+              <small class="text-muted">Logo</small>
+            </div>
+          </div>
+          
+          <div class="col-md-8">
+            <div class="row">
+              <div class="col-12 mb-3">
+                <label class="form-label text-muted small mb-1">Cor do Sistema</label>
+                <div class="d-flex align-items-center">
+                  <div class="color-preview rounded me-2" 
+                       style="width: 24px; height: 24px; background-color: {{ identidade_visual.cor_sistema|default:'#6c757d' }}; border: 1px solid #dee2e6;"></div>
+                  <span>{{ identidade_visual.cor_sistema|default:"Não definida" }}</span>
+                </div>
+              </div>
+              
+              <div class="col-12 mb-3">
+                <label class="form-label text-muted small mb-1">Cor Suplente</label>
+                <div class="d-flex align-items-center">
+                  {% if identidade_visual.cor_suplente %}
+                  <div class="color-preview rounded me-2" 
+                       style="width: 24px; height: 24px; background-color: {{ identidade_visual.cor_suplente }}; border: 1px solid #dee2e6;"></div>
+                  <span>{{ identidade_visual.cor_suplente }}</span>
+                  {% else %}
+                  <span class="text-muted">Vazio</span>
+                  {% endif %}
+                </div>
+              </div>
+              
+              <div class="col-12">
+                <label class="form-label text-muted small mb-1">Cor dos Títulos</label>
+                <div class="d-flex align-items-center">
+                  <div class="color-preview rounded me-2" 
+                       style="width: 24px; height: 24px; background-color: {{ identidade_visual.cor_titulo|default:'#212529' }}; border: 1px solid #dee2e6;"></div>
+                  <span>{{ identidade_visual.cor_titulo|default:"Não definida" }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-md-8">
+            <label class="form-label text-muted small mb-1">Frase na página inicial:</label>
+            <p>{{ identidade_visual.pagina_inicial_frase }}</p>
+          </div>
+          <div class="col-md-4">
+            <div class="text-center">
+              <div class="border rounded p-3 mb-2 bg-light" style="height: 120px; display: flex; align-items: center; justify-content: center;">
+                {% if identidade_visual.imagem %}
+                <img src="{{ identidade_visual.imagem.url }}" alt="imagem vitrine" 
+                     class="img-fluid" style="max-height: 80px;" />
+                {% else %}
+                <div class="text-muted">
+                  <i class="bi bi-image" style="font-size: 2rem;"></i>
+                  <p class="small mt-2">Sem imagem na tela inicial</p>
+                </div>
+                {% endif %}
+              </div>
+              <small class="text-muted">Imagem na tela inicial</small>
+            </div>
+          </div>
+        </div>
+        
+        <div class="mt-4 pt-3 border-top">
+          <a href="{% url 'identidade_visual_update' identidade_visual.id %}" class="btn btn-warning">
+            <i class="bi bi-pencil me-1"></i>Editar Identidade Visual
+          </a>
+        </div>
+        
+        {% else %}
+        <div class="text-center py-5">
+          <i class="bi bi-palette text-muted" style="font-size: 3rem;"></i>
+          <p class="text-muted mt-3">Nenhuma identidade visual cadastrada</p>
+          <a href="{% url 'identidade_visual_create' %}" class="btn btn-success mt-2">
+            <i class="bi bi-plus-circle me-1"></i>Criar Identidade Visual
+          </a>
+        </div>
+        {% endif %}
+      </div>
+    </div>
   </div>
-  <div class="card-body table-responsive p-0">
-    <table class="table table-hover text-nowrap">
-      <thead>
-        <tr>
-          <th>Logo</th>
-          <th>Cor do sistema</th>
-          <th>Cor suplente para o sistema</th>
-          <th>Cor dos títulos</th>
-          <th>Opção</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for i in identidades %}
-        <tr>
-          <td>
-            {% if i.logo %}
-            <img src="{{ i.logo.url }}" alt="logo do sistema" class="img-fluid" style="max-width: 50px;" />
-            {% else %}
-            Vazio
-            {% endif %}
-          </td>
-          <td>{{ i.cor_sistema }}</td>
-          <td>
-            {% if i.cor_suplente %}
-            {{ i.cor_suplente }}
-            {% else %}
-            Vazio
-            {% endif %}
-          </td>
-          <td>{{ i.cor_titulo }}</td>
-          <td>
-            <a href="{% url 'identidade_visual_update' i.id %}" class="btn btn-sm btn-warning">Editar</a>
-          </td>
-        </tr>
-        {% endfor %}
-      </tbody>
-    </table>
-  </div>
-</div>
 
-<div class="card mb-3">
-  <div class="card-header d-flex">
-    <h3 class="card-title fw-bold my-auto {% if not identidade_visual.cor_sistema %}text-dark{% endif %}" style="{% if identidade_visual.cor_suplente %}
-                  color: {{ identidade_visual.cor_sistema }};
-                {% endif %}">Instituição</h3>
-    {% if not instituicao %}
-    <a class="btn btn-success ms-auto" href="{% url 'instituicao_create' %}">Cadastrar</a>
-    {% endif %}
-  </div>
-  <div class="card-body table-responsive p-0">
-    <table class="table table-hover text-nowrap">
-      <thead>
-        <tr>
-          <th>Logo</th>
-          <th>Nome</th>
-          <th>CEP</th>
-          <th>Endereço</th>
-          <th>Site</th>
-          <th>Opção</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for i in instituicoes %}
-        <tr>
-          <td>
-            {% if i.logo %}
-            <img src="{{ i.logo.url }}" alt="logo do sistema" class="img-fluid" style="max-width: 50px;" />
-            {% else %}
-            Vazio
-            {% endif %}
-          </td>
-          <td>{{ i.nome }}</td>
-          <td>
-            {% if i.cep %}
-            {{ i.cep }}
-            {% else %}
-            Vazio
-            {% endif %}
-          </td>
-          <td>{{ i.endereco }}</td>
-          <td>{{ i.site }}</td>
-          <td>
-            <a href="{% url 'instituicao_update' i.id %}" class="btn btn-sm btn-warning">Editar</a>
-          </td>
-        </tr>
-        {% endfor %}
-      </tbody>
-    </table>
+  <div class="col-lg-6 mb-4">
+    <div class="card h-100 border-0 shadow-sm">
+      <div class="card-header bg-white d-flex align-items-center border-bottom">
+        <h3 class="card-title fw-bold my-auto mb-0 {% if not identidade_visual.cor_sistema %}text-dark{% endif %}" 
+            style="{% if identidade_visual.cor_sistema %}color: {{ identidade_visual.cor_sistema }};{% endif %}">
+          <i class="bi bi-building me-2"></i>Instituição
+        </h3>
+      </div>
+      <div class="card-body">
+        {% if instituicao %}
+        <div class="row">
+          <!-- Logo -->
+          <div class="col-md-4 mb-3 mb-md-0">
+            <div class="text-center">
+              <div class="border rounded p-3 mb-2 bg-light" style="height: 120px; display: flex; align-items: center; justify-content: center;">
+                {% if instituicao.logo %}
+                <img src="{{ instituicao.logo.url }}" alt="Logo da instituição" 
+                     class="img-fluid" style="max-height: 80px;" />
+                {% else %}
+                <div class="text-muted">
+                  <i class="bi bi-building" style="font-size: 2rem;"></i>
+                  <p class="small mt-2">Sem logo</p>
+                </div>
+                {% endif %}
+              </div>
+              <small class="text-muted">Logo</small>
+            </div>
+          </div>
+          
+          <!-- Informações -->
+          <div class="col-md-8">
+            <div class="row">
+              <div class="col-12 mb-3">
+                <label class="form-label text-muted small mb-1">Nome</label>
+                <p class="mb-0 fw-semibold">{{ instituicao.nome }}</p>
+              </div>
+              
+              <div class="col-12 mb-3">
+                <label class="form-label text-muted small mb-1">Endereço</label>
+                <p class="mb-0">{{ instituicao.endereco|default:"Não informado" }}</p>
+              </div>
+              
+              <div class="col-12 mb-3">
+                <label class="form-label text-muted small mb-1">CEP</label>
+                <p class="mb-0">{{ instituicao.cep|default:"Não informado" }}</p>
+              </div>
+              
+              <div class="col-12">
+                <label class="form-label text-muted small mb-1">Site</label>
+                {% if instituicao.site %}
+                <a href="{{ instituicao.site }}" target="_blank" class="text-decoration-none">
+                  {{ instituicao.site|truncatechars:30 }}
+                  <i class="bi bi-box-arrow-up-right ms-1 small"></i>
+                </a>
+                {% else %}
+                <p class="mb-0 text-muted">Não informado</p>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- Botão de Edição -->
+        <div class="mt-4 pt-3 border-top">
+          <a href="{% url 'instituicao_update' instituicao.id %}" class="btn btn-warning">
+            <i class="bi bi-pencil me-1"></i>Editar Instituição
+          </a>
+        </div>
+        
+        {% else %}
+        <div class="text-center py-5">
+          <i class="bi bi-building text-muted" style="font-size: 3rem;"></i>
+          <p class="text-muted mt-3">Nenhuma instituição cadastrada</p>
+          <a href="{% url 'instituicao_create' %}" class="btn btn-success mt-2">
+            <i class="bi bi-plus-circle me-1"></i>Criar Instituição
+          </a>
+        </div>
+        {% endif %}
+      </div>
+    </div>
   </div>
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/users/templates/partials/sidebar.html b/users/templates/partials/sidebar.html
index 4f0a3d4..96410f8 100644
--- a/users/templates/partials/sidebar.html
+++ b/users/templates/partials/sidebar.html
@@ -3,14 +3,16 @@
 
 <aside class="sidebar" id="sidebar">
   <div class="sidebar-brand">
-    <img src="{% static 'imgs/logo.png' %}" alt="" class="w-100" />
+    <a href="{% url "index" %}">
+        <img src="{% if identidade_visual.logo %}{{ identidade_visual.logo.url }}{% else %}{% static 'imgs/logo.png' %}{% endif %}" alt="Logo do sistema" class="w-100" />
+    </a>
   </div>
 
   <div class="user-panel">
     {% if request.user.profile.avatar %}
     <div class="user-img">
       <a class="text-decoration-none" href="{% url 'profile_detail' request.user.id %}">
-          <img src="{{ request.user.profile.avatar.url }}" alt="" class="w-100 rounded rounded-circle" />
+          <img src="{{ request.user.profile.avatar.url }}" alt="Seu avatar" class="w-100 rounded rounded-circle" />
         </a>
       </div>
       {% endif %}
diff --git a/users/templates/registration/login_base.html b/users/templates/registration/login_base.html
index 2ae37a7..7485f8c 100644
--- a/users/templates/registration/login_base.html
+++ b/users/templates/registration/login_base.html
@@ -2,6 +2,7 @@
 <html lang="pt-br">
   <head>
     <meta charset="utf-8" />
+    <link rel="icon" href="{% static 'imgs/favicon.svg' %}" type="image/svg+xml">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Login - Repex</title>
     

From c2561ba51a49c02556bf9978c9e15215d8e27470 Mon Sep 17 00:00:00 2001
From: wescleyplinio <wescleygaldino06@gmail.com>
Date: Mon, 22 Dec 2025 17:56:14 -0300
Subject: [PATCH 8/9] Melhorando visual do form de redes sociais

---
 repex/forms.py                 |  14 +++-
 repex/views.py                 |   6 +-
 users/templates/dashboard.html | 128 ++++++++++++++++++++++-----------
 3 files changed, 102 insertions(+), 46 deletions(-)

diff --git a/repex/forms.py b/repex/forms.py
index 64f4dfe..6559a4b 100644
--- a/repex/forms.py
+++ b/repex/forms.py
@@ -1,6 +1,6 @@
 from django import forms
 from django_select2.forms import Select2MultipleWidget
-from .models import Projeto, FotoProjeto, IdentidadeVisual
+from .models import Projeto, FotoProjeto, IdentidadeVisual, UserSocialLink
 from crispy_forms.layout import Layout, Field
 from crispy_forms.helper import FormHelper
 from tinymce.widgets import TinyMCE
@@ -8,6 +8,18 @@
 class MultiFileInput(forms.ClearableFileInput):
     allow_multiple_selected = True
 
+class UserSocialLinkForm(forms.ModelForm):
+    class Meta:
+        model = UserSocialLink
+        fields = [
+            "rede",
+            "url",
+        ] 
+        labels = {
+            "rede": "Selecione uma rede social:",
+            "url": "Digite o seu username:"   
+        }
+
 class ProjetoForm(forms.ModelForm):
     class Meta:
         model = Projeto
diff --git a/repex/views.py b/repex/views.py
index c23da6a..bb531a9 100644
--- a/repex/views.py
+++ b/repex/views.py
@@ -3,7 +3,7 @@
 from django.core.paginator import Paginator
 from django.template.loader import render_to_string
 from django.http import JsonResponse, HttpResponseRedirect
-from .forms import ProjetoForm, IdentidadeVisualForm
+from .forms import ProjetoForm, IdentidadeVisualForm, UserSocialLinkForm
 from django.urls import reverse_lazy
 from django.contrib.auth.mixins import LoginRequiredMixin, UserPassesTestMixin
 from django.views.generic import ListView, DetailView, CreateView, UpdateView, DeleteView
@@ -232,7 +232,7 @@ def test_func(self):
 
 class UserSocialLinkCreateView(LoginRequiredMixin, SuccessMessageMixin, CreateView):
     model = UserSocialLink
-    fields = ["rede", "url"]
+    form_class = UserSocialLinkForm
     template_name = "profile_rede_social_form.html"
     success_message = "Rede social pessoal adicionada com sucesso!"
     success_url = reverse_lazy("dashboard")
@@ -305,7 +305,7 @@ def test_func(self):
 
 class RedeSocialUpdateView(LoginRequiredMixin, UserPassesTestMixin ,SuccessMessageMixin, UpdateView):
     model = RedeSocial
-    fields = ['nome', 'url_base']
+    form_class = UserSocialLinkForm
     template_name = 'rede_social_form.html'
     success_message = 'Rede social atualizada com sucesso!'
     success_url = reverse_lazy('painel')
diff --git a/users/templates/dashboard.html b/users/templates/dashboard.html
index 8c00998..ecb5b70 100644
--- a/users/templates/dashboard.html
+++ b/users/templates/dashboard.html
@@ -15,50 +15,94 @@
       {% endif %}">
       Olá, {{ user.get_primeiro_nome }}!
     </h1>
-    <p class="text-muted">Gerencie suas redes sociais, projetos e notícias</p>
+    <p class="text-muted">Gerencie seu perfil, projetos e notícias</p>
   </div>
-  <div class="card mb-3">
-    <div class="card-header d-flex">
-      <h3 class="card-title fw-bold my-auto {% if not identidade_visual.cor_sistema %}text-dark{% endif %}"
-        style="{% if identidade_visual.cor_suplente %}
-                color: {{ identidade_visual.cor_sistema }};
-        {% endif %}">
-        Suas redes sociais
-      </h3>
-      <a class="btn btn-success ms-auto" href="{% url 'user_social_link_create' %}">Cadastrar</a>
-    </div>
-    <div class="card-body table-responsive p-0">
-      <table class="table table-hover text-nowrap">
-        <thead>
-          <tr>
-            <th>Rede social</th>
-            <th>URL</th>
-            <th>Opções</th>
-          </tr>
-        </thead>
-        <tbody>
-          {% for s in user.social_links.all %}
-            <tr>
-              <td>{{ s.rede.nome }}</td>
-              <td>
-                <a href="{{ s.rede.url_base }}/{{ s.url }}">{{ s.rede.url_base }}/{{ s.url }}</a>
-              </td>
-
-              <td class="d-flex gap-2">
-                <a href="{% url 'user_social_link_update' s.id %}" class="btn btn-sm btn-warning">Editar</a>
-                <a class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#confirmarExclusaoSocialLinkModal{{ s.pk }}">Excluir</a>
-              </td>
-            </tr>
-            {% include 'partials/_modal_delete_social_link.html' %}
-          {% empty %}
-            <tr>
-              <td colspan="4">Você ainda não cadastrou redes socias.</td>
-            </tr>
-          {% endfor %}
-        </tbody>
-      </table>
-    </div>
+  <div class="card border-0 shadow-sm">
+  <div class="card-header bg-white d-flex align-items-center border-bottom">
+    <h3 class="card-title fw-bold my-auto mb-0 {% if not identidade_visual.cor_sistema %}text-dark{% endif %}"
+        style="{% if identidade_visual.cor_sistema %}color: {{ identidade_visual.cor_sistema }};{% endif %}">
+      <i class="fas fa-share-alt me-2"></i>Suas Redes Sociais
+    </h3>
+    <a class="btn btn-success text-white ms-auto" href="{% url 'user_social_link_create' %}">Cadastrar</a>
+  </div>
+  
+  <div class="card-body p-3">
+    {% if user.social_links.all %}
+      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
+        {% for s in user.social_links.all %}
+          <div class="col">
+            <div class="card h-100 border hover-shadow">
+              <div class="card-body">
+                <!-- Cabeçalho do card da rede -->
+                <div class="d-flex align-items-center mb-3">
+                  <div class="flex-shrink-0">
+                    <div class="rounded-circle d-flex align-items-center justify-content-center bg-light" 
+                         style="width: 50px; height: 50px; color: #6c757d;">
+                      <i class="fab fa-{{ s.rede.nome|lower }} fs-4"></i>
+                    </div>
+                  </div>
+                  <div class="flex-grow-1 ms-3">
+                    <h5 class="card-title mb-0">{{ s.rede.nome }}</h5>
+                    <small class="text-muted ms-2">{{ s.rede.url_base }}</small>
+                  </div>
+                </div>
+                
+                <!-- URL -->
+                <div class="mb-3">
+                  <label class="form-label text-muted small mb-1">Seu perfil:</label>
+                  <div class="input-group input-group-sm">
+                    <span class="input-group-text">
+                      <i class="fas fa-link"></i>
+                    </span>
+                    <input type="text" class="form-control bg-light" 
+                           value="{{ s.url }}" readonly 
+                           style="font-size: 0.875rem;">
+                  </div>
+                </div>
+                
+                <!-- Link completo -->
+                <div>
+                  <label class="form-label text-muted small mb-1">Link completo:</label>
+                  <a href="{{ s.rede.url_base }}/{{ s.url }}" 
+                     target="_blank" 
+                     class="d-block text-truncate text-decoration-none">
+                    <i class="fas fa-external-link-alt me-1"></i>
+                    {{ s.rede.url_base }}/{{ s.url|truncatechars:25 }}
+                  </a>
+                </div>
+              </div>
+              
+              <!-- Rodapé com ações -->
+              <div class="card-footer bg-white border-top pt-3">
+                <div class="d-flex justify-content-end gap-2">
+                  <a href="{% url 'user_social_link_update' s.id %}" 
+                     class="btn btn-sm btn-outline-warning">
+                    <i class="fas fa-edit me-1"></i>Editar
+                  </a>
+                  <button type="button" 
+                          class="btn btn-sm btn-outline-danger" 
+                          data-bs-toggle="modal" 
+                          data-bs-target="#confirmarExclusaoSocialLinkModal{{ s.pk }}">
+                    <i class="fas fa-trash me-1"></i>Excluir
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          {% include 'partials/_modal_delete_social_link.html' %}
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="text-center py-5">
+        <i class="fas fa-share-alt text-muted" style="font-size: 3rem;"></i>
+        <p class="text-muted mt-3">Você ainda não cadastrou redes sociais.</p>
+        <a href="{% url 'user_social_link_create' %}" class="btn btn-success mt-2">
+          <i class="fas fa-plus-circle me-1"></i>Adicionar primeira rede
+        </a>
+      </div>
+    {% endif %}
   </div>
+</div>
 
   <div class="card mb-3">
     <div class="card-header d-flex">

From 53272e63a5f7202256d38234224230a31f308b46 Mon Sep 17 00:00:00 2001
From: Wescley <162709102+WescleyPlinio@users.noreply.github.com>
Date: Mon, 22 Dec 2025 17:58:20 -0300
Subject: [PATCH 9/9] .

Removed technical documentation reference from README.
---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index c16682b..816210d 100644
--- a/README.md
+++ b/README.md
@@ -75,7 +75,6 @@ REPEX/
 │
 ├── docs/                        # Documentação
 │   ├── imgs/                    # Imagens do  do usuário
-│   ├── code.md                  # Documentação técnica
 │   ├── README.md                # Detalhes da engenharia de software
 |
 ├── repex/                       # App principal do sistema