254 criacao do sobre nos

forunb/main/templates/main/about.html

@@ -0,0 +1,131 @@
+{% extends "base.html" %}
+
+{% block content %}
+<style>
+    body {
+        margin: 0;
+        padding: 0;
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .container {
+        padding: 20px;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+        /* Garante que a rolagem funcione quando necessário */
+    }
+
+    h1 {
+        font-size: 3rem;
+        margin-bottom: 1rem;
+    }
+
+    h2 {
+        font-size: 2rem;
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+    }
+
+    p {
+        font-size: 1.2rem;
+        margin-bottom: 1rem;
+    }
+</style>
+
+<div class="container">
+    <h2 class="home-head">Sobre</h2>
+
+    <p>
+        O forUnB é uma plataforma de fórum inspirada no conceito do Stack Overflow, criada para fomentar a colaboração e
+        a troca de conhecimento entre <strong>alunos</strong> da Universidade de
+        Brasília.
+        Nosso objetivo é construir uma comunidade unida, onde os estudantes possam compartilhar dúvidas, obter respostas
+        e
+        colaborar em diversas disciplinas.
+    </p>
+
+    <h2 class="home-head">Como utilizar?</h2>
+    <p>
+        Dentro da plataforma, os usuários logados podem criar perguntas e respostas em fóruns específicos que já
+        disponibilizamos de toda a FGA, facilitando a comunicação
+        entre
+        alunos. Além disso, contamos com um sistema de avaliação que destaca as melhores respostas,
+        garantindo
+        que o conteúdo mais útil e relevante seja facilmente acessível a todos.
+    </p>
+
+    <h2 class="home-head">Equipe</h2>
+
+    <div style="display: flex; flex-direction: column; align-items: center; gap: 25px;">
+        <div style="display: flex; align-items: end; justify-content: center; gap: 50px;">
+            <div style="text-align: center;">
+                Alexandre Junior
+                <br />
+                <a href="https://github.com/AlexandreLJr" target="_blank" rel="noopener">
+                    <img src="https://github.com/AlexandreLJr.png" alt="Foto Alexandre" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+            <div style="text-align: center;">
+                Bruno Bragança
+                <br />
+                <a href="https://github.com/BrunoBReis" target="_blank" rel="noopener">
+                    <img src="https://github.com/BrunoBReis.png" alt="Foto Bruno" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+            <div style="text-align: center;">
+                Davi Klein
+                <br />
+                <a href="https://github.com/davi-Klevy" target="_blank" rel="noopener">
+                    <img src="https://github.com/davi-Klevy.png" alt="Foto Davi" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+        </div>
+        <div style="display: flex; align-items: end; justify-content: center; gap: 50px;">
+            <div style="text-align: center;">
+                Manoela Garcia
+                <br />
+                <a href="https://github.com/manu-sgc" target="_blank" rel="noopener">
+                    <img src="https://github.com/manu-sgc.png" alt="Foto Manoela" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+            <div style="text-align: center;">
+                Pedro Lopes
+                <br />
+                <a href="https://github.com/pLopess" target="_blank" rel="noopener">
+                    <img src="https://github.com/pLopess.png" alt="Foto Pedro" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+            <div style="text-align: center;">
+                Victor Hugo Bernardes
+                <br />
+                <a href="https://github.com/VHbernardes" target="_blank" rel="noopener">
+                    <img src="https://github.com/VHbernardes.png" alt="Foto Victor" width="130px" height="auto"
+                        style="border-radius:50%" />
+                </a>
+            </div>
+        </div>
+    </div>
+
+
+    <script>
+        function scrollToBottom() {
+            window.scrollTo({
+                top: document.body.scrollHeight,
+                behavior: 'smooth' // Rola suavemente até o final da página
+            });
+        }
+
+        window.onload = function () {
+            scrollToBottom();
+        };
+    </script>
+    {% endblock %}

forunb/main/urls.py

@@ -21,4 +21,5 @@
     path('toggle-upvote-question/<int:question_id>/', views.toggle_upvote_question, name='toggle_upvote_question'), # pylint: disable=C0301
     path('toggle-upvote-answer/<int:answer_id>/', views.toggle_upvote_answer, name='toggle_upvote_answer'), # pylint: disable=C0301
     path('report/<int:item_id>/<str:item_type>/', views.report, name='report'),
+    path('about/', views.about, name='about'),
 ]

forunb/main/views.py

@@ -1,7 +1,7 @@
 """Views for the main app."""
 from django.shortcuts import render, redirect, get_object_or_404
 from django.contrib.auth.decorators import login_required
-from django.views.decorators.http import require_POST
+from django.views.decorators.http import require_POST, require_http_methods
 from django.contrib import messages
 from django.http import JsonResponse
 from django.db.models import Count
@@ -103,7 +103,10 @@ def clean_html(text):
     print("Texto após limpeza:", cleaned_text)  # Depuração
     return cleaned_text
 
-
+@require_http_methods(["GET"])
+def about(request):
+    """Render the about page."""
+    return render(request, 'main/about.html')
 
 @login_required(login_url='/users/login')
 def follow_forum(request, forum_id, action):

forunb/templates/base.html

@@ -37,6 +37,8 @@
                             class="bi bi-star-fill"></i>Meus Fóruns</a>
                     <a class="btn btn-home btn-sm" href="{% url 'main:user_posts' %}"><i class="bi bi-star"></i> Meus
                         Posts</a>
+                    <a class="btn btn-home btn-sm" href="{% url 'main:about' %}"><i class="bi bi-info-circle"></i> Sobre
+                        </a>
                 </nav>
                 <footer class="mt-auto">
                     <p class="text-white">Fale conosco : [email protected]</p>