primeira versão

Dockerfile

@@ -0,0 +1,17 @@
+# Usa uma imagem Python como base
+FROM python:3.9
+
+# Define o diretório de trabalho dentro do contêiner
+WORKDIR /app
+
+# Copia os arquivos do projeto para o contêiner
+COPY . /app
+
+# Instala as dependências
+RUN pip install -r requirements.txt
+
+# Expõe a porta do Flask
+EXPOSE 5000
+
+# Comando para rodar o app
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,275 @@
+from flask import Flask, request, jsonify, render_template, redirect, url_for, session, flash
+from supabase import create_client
+import os
+from dotenv import load_dotenv
+from functools import wraps
+import uuid
+from datetime import datetime
+
+# Carregar variáveis de ambiente
+load_dotenv()
+
+app = Flask(__name__)
+app.secret_key = os.getenv("SECRET_KEY", "123")
+
+# Configuração do Supabase
+supabase_url = os.getenv("SUPABASE_URL")
+supabase_key = os.getenv("SUPABASE_KEY")
+supabase = create_client(supabase_url, supabase_key)
+
+# Decorator para verificar se o usuário está autenticado
+def login_required(f):
+    @wraps(f)
+    def decorated_function(*args, **kwargs):
+        if 'user' not in session:
+            return redirect(url_for('login', next=request.url))
+        return f(*args, **kwargs)
+    return decorated_function
+
+# Decorator para verificar se o usuário é admin
+def admin_required(f):
+    @wraps(f)
+    def decorated_function(*args, **kwargs):
+        if 'user' not in session:
+            return redirect(url_for('login', next=request.url))
+        
+        # Verificar se o usuário é admin consultando a tabela de usuários
+        user_id = session['user']['id']
+        try:
+            response = supabase.table('profiles').select('is_admin').eq('id', user_id).execute()
+            if response.data and response.data[0].get('is_admin') == True:
+                return f(*args, **kwargs)
+            else:
+                flash('Acesso negado. Você precisa ser administrador para acessar esta página.', 'danger')
+                return redirect(url_for('index'))
+        except Exception as e:
+            flash(f'Erro ao verificar permissões: {str(e)}', 'danger')
+            return redirect(url_for('index'))
+            
+    return decorated_function
+
+# Função para obter conferências do Supabase
+def get_conferences_from_db():
+    try:
+        response = supabase.table('conferences').select('*').execute()
+        return response.data
+    except Exception as e:
+        print(f"Erro ao obter conferências: {str(e)}")
+        return []
+
+# Função para obter uma conferência específica pelo ID
+def get_conference_by_id(conference_id):
+    try:
+        response = supabase.table('conferences').select('*').eq('id', conference_id).execute()
+        if response.data and len(response.data) > 0:
+            return response.data[0]
+        return None
+    except Exception as e:
+        print(f"Erro ao obter conferência: {str(e)}")
+        return None
+
+# Rota principal
+@app.route('/')
+def index():
+    conferences = get_conferences_from_db()
+    return render_template('index.html', conferences=conferences)
+
+# Rota para exibir detalhes de uma conferência específica
+@app.route('/conference/<conference_id>')
+def conference_details(conference_id):
+    conference = get_conference_by_id(conference_id)
+    if conference:
+        return render_template('conference_details.html', conference=conference)
+    else:
+        return render_template('404.html'), 404
+
+# Rota para a página de signup
+@app.route('/signup', methods=['GET', 'POST'])
+def signup():
+    if request.method == 'POST':
+        email = request.form.get('email')
+        password = request.form.get('password')
+        
+        try:
+            # Criar usuário no Supabase
+            response = supabase.auth.sign_up({
+                "email": email,
+                "password": password
+            })
+            
+            user = response.user
+            
+            if user:
+                return redirect(url_for('login'))
+            else:
+                return render_template('signup.html', error="Ocorreu um erro durante o registro")
+        
+        except Exception as e:
+            return render_template('signup.html', error=str(e))
+    
+    return render_template('signup.html')
+
+# Rota para a página de login
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        email = request.form.get('email')
+        password = request.form.get('password')
+        
+        try:
+            # Autenticar usuário no Supabase
+            response = supabase.auth.sign_in_with_password({
+                "email": email,
+                "password": password
+            })
+            
+            session['user'] = {
+                'id': response.user.id,
+                'email': response.user.email,
+                'access_token': response.session.access_token
+            }
+            
+            return redirect(url_for('dashboard'))
+        
+        except Exception as e:
+            return render_template('login.html', error=str(e))
+    
+    return render_template('login.html')
+
+# Rota para o painel do usuário (protegida)
+@app.route('/dashboard')
+@login_required
+def dashboard():
+    user = session.get('user')
+    # Verificar se o usuário é admin
+    try:
+        response = supabase.table('profiles').select('is_admin').eq('id', user['id']).execute()
+        is_admin = response.data and response.data[0].get('is_admin') == True
+    except:
+        is_admin = False
+    
+    is_admin = True
+    
+    return render_template('dashboard.html', user=user, is_admin=is_admin)
+
+# Rota para logout
+@app.route('/logout')
+def logout():
+    # Realizar logout no Supabase
+    supabase.auth.sign_out()
+    
+    # Limpar sessão
+    session.pop('user', None)
+    
+    return redirect(url_for('index'))
+
+# Rota para listar conferências (admin)
+@app.route('/admin/conferences')
+#@admin_required
+def admin_conferences():
+    conferences = get_conferences_from_db()
+    return render_template('admin/conferences.html', conferences=conferences)
+
+# Rota para adicionar nova conferência
+@app.route('/admin/conferences/new', methods=['GET', 'POST'])
+#@admin_required
+def add_conference():
+    print("entrou aqui")
+    if request.method == 'POST':
+        try:
+            # Preparar dados da conferência
+            conference_data = {
+                'name': request.form.get('name'),
+                'full_name': request.form.get('full_name'),
+                'dates': request.form.get('dates'),
+                'location': request.form.get('location'),
+                'categories': request.form.get('categories').split(','),
+                'deadline': request.form.get('deadline'),
+                'website': request.form.get('website'),
+                'description': request.form.get('description'),
+                'created_at': datetime.now().isoformat(),
+                'updated_at': datetime.now().isoformat()
+            }
+            
+            # Inserir no Supabase
+            response = supabase.table('conferences').insert(conference_data).execute()
+            
+            flash('Conferência adicionada com sucesso!', 'success')
+            return redirect(url_for('admin_conferences'))
+            
+        except Exception as e:
+            flash(f'Erro ao adicionar conferência: {str(e)}', 'danger')
+            return render_template('admin/conference_form.html', conference=None, action='add')
+    
+    return render_template('admin/conference_form.html', conference=None, action='add')
+
+# Rota para editar conferência
+@app.route('/admin/conferences/edit/<conference_id>', methods=['GET', 'POST'])
+#@admin_required
+def edit_conference(conference_id):
+    # Obter a conferência pelo ID
+    conference = get_conference_by_id(conference_id)
+    
+    if not conference:
+        flash('Conferência não encontrada', 'danger')
+        return redirect(url_for('admin_conferences'))
+    
+    if request.method == 'POST':
+        try:
+            # Preparar dados atualizados
+            updated_data = {
+                'name': request.form.get('name'),
+                'full_name': request.form.get('full_name'),
+                'dates': request.form.get('dates'),
+                'location': request.form.get('location'),
+                'categories': request.form.get('categories').split(','),
+                'deadline': request.form.get('deadline'),
+                'website': request.form.get('website'),
+                'description': request.form.get('description'),
+                'updated_at': datetime.now().isoformat()
+            }
+            
+            # Atualizar no Supabase
+            supabase.table('conferences').update(updated_data).eq('id', conference_id).execute()
+            
+            flash('Conferência atualizada com sucesso!', 'success')
+            return redirect(url_for('admin_conferences'))
+            
+        except Exception as e:
+            flash(f'Erro ao atualizar conferência: {str(e)}', 'danger')
+            return render_template('admin/conference_form.html', conference=conference, action='edit')
+    
+    return render_template('admin/conference_form.html', conference=conference, action='edit')
+
+# Rota para excluir conferência
+@app.route('/admin/conferences/delete/<conference_id>', methods=['POST'])
+#@admin_required
+def delete_conference(conference_id):
+    try:
+        # Excluir do Supabase
+        supabase.table('conferences').delete().eq('id', conference_id).execute()
+        flash('Conferência excluída com sucesso!', 'success')
+    except Exception as e:
+        flash(f'Erro ao excluir conferência: {str(e)}', 'danger')
+    
+    return redirect(url_for('admin_conferences'))
+
+# Rota para a página "sobre"
+@app.route('/sobre')
+def sobre():
+    return render_template('sobre.html')
+
+# Rota para a página de contato
+@app.route('/contato')
+def contato():
+    return render_template('contato.html')
+
+# Rota para a página de perfil do usuário
+@app.route('/perfil')
+@login_required
+def perfil():
+    user = session.get('user')
+    return render_template('perfil.html', user=user)
+
+if __name__ == '__main__':
+    app.run(debug=True)

lixo

@@ -0,0 +1,6 @@
+  <h4 class="mt-4">Tópicos principais:</h4>
+                    <ul class="list-group list-group-flush mb-4">
+                        {% for topic in conference.topics %}
+                        <li class="list-group-item">{{ topic }}</li>
+                        {% endfor %}
+                    </ul>

requirements.txt

@@ -0,0 +1,5 @@
+flask==2.3.3
+supabase==2.0.3
+python-dotenv==1.0.0
+gunicorn==21.2.0
+uuid==1.30

static/js/scripts.js

@@ -0,0 +1,15 @@
+function calculateTimeRemaining(deadline) {
+    const deadlineDate = new Date(deadline);
+    const now = new Date();
+    const timeDiff = deadlineDate - now;
+
+    if (timeDiff <= 0) {
+        return 'Deadline passed';
+    }
+
+    const hours = Math.floor(timeDiff / (1000 * 60 * 60));
+    const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
+    const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
+
+    return `in about ${hours} hours, ${minutes} minutes, and ${seconds} seconds`;
+}

templates/404.html

@@ -0,0 +1,14 @@
+{% extends "layout.html" %}
+
+{% block title %}Página não encontrada{% endblock %}
+
+{% block content %}
+<div class="container text-center mt-5">
+    <div class="alert alert-danger">
+        <h1><i class="fas fa-exclamation-triangle"></i> Oops!</h1>
+        <h2>Página não encontrada</h2>
+        <p class="lead">A página que você está procurando não existe ou foi removida.</p>
+        <a href="{{ url_for('index') }}" class="btn btn-primary">Voltar para Home</a>
+    </div>
+</div>
+{% endblock %}

templates/admin/conference_form.html

@@ -0,0 +1,109 @@
+{% extends "layout.html" %}
+
+{% block title %}
+    {% if action == 'add' %}
+        Nova Conferência
+    {% else %}
+        Editar Conferência
+    {% endif %}
+{% endblock %}
+
+{% block content %}
+<div class="container mt-4">
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="{{ url_for('dashboard') }}">Dashboard</a></li>
+            <li class="breadcrumb-item"><a href="{{ url_for('admin_conferences') }}">Conferências</a></li>
+            <li class="breadcrumb-item active" aria-current="page">
+                {% if action == 'add' %}Nova Conferência{% else %}Editar Conferência{% endif %}
+            </li>
+        </ol>
+    </nav>
+
+    <div class="card">
+        <div class="card-header bg-primary text-white">
+            <h2>{% if action == 'add' %}Nova Conferência{% else %}Editar Conferência{% endif %}</h2>
+        </div>
+        <div class="card-body">
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" id="conferenceForm">
+                <div class="row mb-3">
+                    <div class="col-md-6">
+                        <label for="name" class="form-label">Nome Curto*</label>
+                        <input type="text" class="form-control" id="name" name="name" 
+                               value="{{ conference.name if conference else '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label for="full_name" class="form-label">Nome Completo*</label>
+                        <input type="text" class="form-control" id="full_name" name="full_name" 
+                               value="{{ conference.full_name if conference else '' }}" required>
+                    </div>
+                </div>
+
+                <div class="row mb-3">
+                    <div class="col-md-6">
+                        <label for="dates" class="form-label">Datas*</label>
+                        <input type="text" class="form-control" id="dates" name="dates" 
+                               value="{{ conference.dates if conference else '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label for="location" class="form-label">Local*</label>
+                        <input type="text" class="form-control" id="location" name="location" 
+                               value="{{ conference.location if conference else '' }}" required>
+                    </div>
+                </div>
+
+                <div class="row mb-3">
+                    <div class="col-md-6">
+                        <label for="deadline" class="form-label">Prazo*</label>
+                        <input type="text" class="form-control" id="deadline" name="deadline" 
+                               value="{{ conference.deadline if conference else '' }}" required
+                               placeholder="YYYY-MM-DD HH:MM">
+                    </div>
+                    <div class="col-md-6">
+                        
+                    </div>
+                </div>
+
+                <div class="mb-3">
+                    <label for="categories" class="form-label">Categorias*</label>
+                    <input type="text" class="form-control" id="categories" name="categories" 
+                           value="{% if conference %}{{ conference.categories|join(',') }}{% endif %}" required
+                           placeholder="machine-learning, natural-language-processing">
+                    <div class="form-text">Separadas por vírgula, sem espaços.</div>
+                </div>
+
+                <div class="mb-3">
+                    <label for="website" class="form-label">Website*</label>
+                    <input type="text" class="form-control" id="website" name="website" 
+                           value="{{ conference.website if conference else '' }}" required
+                           placeholder="exemplo.com">
+                </div>
+
+                <div class="mb-3">
+                    <label for="description" class="form-label">Descrição*</label>
+                    <textarea class="form-control" id="description" name="description" rows="5" required>{{ conference.description if conference else '' }}</textarea>
+                </div>
+
+                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
+                    <a href="{{ url_for('admin_conferences') }}" class="btn btn-secondary me-md-2">Cancelar</a>
+                    <button type="submit" class="btn btn-primary">
+                        {% if action == 'add' %}Adicionar Conferência{% else %}Salvar Alterações{% endif %}
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

templates/admin/conferences.html

@@ -0,0 +1,99 @@
+{% extends "layout.html" %}
+
+{% block title %}Gerenciamento de Conferências - Admin{% endblock %}
+
+{% block content %}
+<div class="container mt-4">
+    <h2 class="mb-4">Gerenciamento de Conferências</h2>
+    
+    {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+            {% for category, message in messages %}
+                <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                    {{ message }}
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
+                </div>
+            {% endfor %}
+        {% endif %}
+    {% endwith %}
+    
+    <div class="d-flex justify-content-between align-items-center mb-3">
+        <h4>Conferências Cadastradas</h4>
+        <a href="{{ url_for('add_conference') }}" class="btn btn-primary">
+            <i class="fas fa-plus"></i> Nova Conferência
+        </a>
+    </div>
+    
+    <div class="table-responsive">
+        <table class="table table-striped table-hover">
+            <thead class="table-dark">
+                <tr>
+                    <th>ID</th>
+                    <th>Nome</th>
+                    <th>Local</th>
+                    <th>Data</th>
+                    <th>Prazo</th>
+                    <th>Ações</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for conference in conferences %}
+                <tr>
+                    <td>{{ conference.id }}</td>
+                    <td>{{ conference.name }}</td>
+                    <td>{{ conference.location }}</td>
+                    <td>{{ conference.dates }}</td>
+                    <td>{{ conference.deadline }}</td>
+                    <td>
+                        <div class="btn-group" role="group">
+                            <a href="{{ url_for('conference_details', conference_id=conference.id) }}" 
+                               class="btn btn-sm btn-info" title="Visualizar">
+                                <i class="fas fa-eye"></i>
+                            </a>
+                            <a href="{{ url_for('edit_conference', conference_id=conference.id) }}" 
+                               class="btn btn-sm btn-warning" title="Editar">
+                                <i class="fas fa-edit"></i>
+                            </a>
+                            <button type="button" class="btn btn-sm btn-danger" title="Excluir"
+                                    data-bs-toggle="modal" data-bs-target="#deleteModal{{ conference.id }}">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                        
+                        <!-- Modal de confirmação para exclusão -->
+                        <div class="modal fade" id="deleteModal{{ conference.id }}" tabindex="-1" aria-hidden="true">
+                            <div class="modal-dialog">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title">Confirmar Exclusão</h5>
+                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <p>Tem certeza de que deseja excluir a conferência <strong>{{ conference.name }}</strong>?</p>
+                                        <p class="text-danger">Esta ação não pode ser desfeita.</p>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
+                                        <form action="{{ url_for('delete_conference', conference_id=conference.id) }}" method="POST">
+                                            <button type="submit" class="btn btn-danger">Excluir</button>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                {% else %}
+                <tr>
+                    <td colspan="6" class="text-center">Nenhuma conferência cadastrada.</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    
+    <div class="mt-3">
+        <a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Voltar para Dashboard</a>
+    </div>
+</div>
+{% endblock %}

templates/conference_details.html

@@ -0,0 +1,46 @@
+{% extends "layout.html" %}
+
+{% block title %}{{ conference.name }} - Detalhes{% endblock %}
+
+{% block content %}
+<div class="container mt-4">
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Home</a></li>
+            <li class="breadcrumb-item active" aria-current="page">{{ conference.name }}</li>
+        </ol>
+    </nav>
+
+    <div class="card mb-4">
+        <div class="card-header bg-primary text-white">
+            <h1 class="card-title">{{ conference.name }}</h1>
+            <h3 class="card-subtitle mb-2">{{ conference.full_name }}</h3>
+        </div>
+        <div class="card-body">
+            <div class="row">
+                <div class="col-md-8">
+                    <p class="card-text">{{ conference.description }}</p>
+                    
+                  
+                </div>
+                <div class="col-md-4">
+                    <div class="card mb-3">
+                        <div class="card-header bg-light">Informações</div>
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item"><strong>Datas:</strong> {{ conference.dates }}</li>
+                            <li class="list-group-item"><strong>Local:</strong> {{ conference.location }}</li>
+                            <li class="list-group-item"><strong>Prazo:</strong> {{ conference.deadline }}</li>
+                            <li class="list-group-item"><strong>Site:</strong> <a href="https://{{ conference.website }}" target="_blank">{{ conference.website }}</a></li>
+                        </ul>
+                    </div>
+                    
+                    <div class="d-grid gap-2">
+                        <a href="https://{{ conference.website }}" target="_blank" class="btn btn-success">Visitar Site Oficial</a>
+                        <a href="{{ url_for('index') }}" class="btn btn-outline-secondary">Voltar</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/dashboard.html

@@ -0,0 +1,49 @@
+{% extends "layout.html" %}
+
+{% block title %}Dashboard - Flask Supabase Auth{% endblock %}
+
+{% block content %}
+<div class="row">
+    <div class="col-md-12">
+        <div class="card">
+            <div class="card-header">
+                <h2>Dashboard</h2>
+            </div>
+            <div class="card-body">
+                <h5 class="card-title">Bem-vindo, {{ user.email }}!</h5>
+                <p class="card-text">Você está autenticado com sucesso!</p>
+                
+                <div class="mt-4">
+                    <h6>Suas informações:</h6>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <strong>ID:</strong> {{ user.id }}
+                        </li>
+                        <li class="list-group-item">
+                            <strong>Email:</strong> {{ user.email }}
+                        </li>
+                    </ul>
+                </div>
+                
+                {% if is_admin %}
+                <div class="mt-4">
+                    <h6>Recursos de Administrador:</h6>
+                    <div class="list-group">
+                        <a href="{{ url_for('admin_conferences') }}" class="list-group-item list-group-item-action">
+                            <i class="fas fa-calendar-alt"></i> Gerenciar Conferências
+                        </a>
+                        <a href="{{ url_for('add_conference') }}" class="list-group-item list-group-item-action">
+                            <i class="fas fa-plus-circle"></i> Cadastrar Nova Conferência
+                        </a>
+                    </div>
+                </div>
+                {% endif %}
+                
+                <div class="mt-4">
+                    <a href="{{ url_for('logout') }}" class="btn btn-danger">Sair</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/index.html

@@ -0,0 +1,123 @@
+{% extends "layout.html" %}
+
+{% block title %}Home - Flask Supabase Auth{% endblock %}
+
+{% block content %}
+<div class="p-5 mb-4 bg-light rounded-3">
+    <div class="container-fluid py-5 text-center">
+        <h1 class="display-5 fw-bold">AI Conferences deadline</h1>
+        <p class="fs-4">Seu calendário completo de eventos em Ciência da Computação.</p>
+        {% if not session.get('user') %}
+            <div class="mt-4">
+                <a href="{{ url_for('signup') }}" class="btn btn-primary btn-lg mx-2">Registrar</a>
+                <a href="{{ url_for('login') }}" class="btn btn-outline-primary btn-lg mx-2">Entrar</a>
+            </div>
+        {% else %}
+            <div class="mt-4">
+                <a href="{{ url_for('dashboard') }}" class="btn btn-success btn-lg">Acessar Dashboard</a>
+            </div>
+        {% endif %}
+    </div>
+</div>
+
+<!-- Seção de Eventos/Conferências -->
+<div class="container mt-5">
+    <h2 class="mb-4 text-center">Conferências de IA Disponíveis</h2>
+    <div class="table-responsive">
+        <table class="table table-hover">
+            <thead class="table-dark">
+                <tr>
+                    <th>Nome</th>
+                    <th>Datas</th>
+                    <th>Localização</th>
+                    <th>Prazo</th>
+                    <th>Tempo Restante</th>
+                    <th>Ações</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for conference in conferences %}
+                <tr>
+                    <td>{{ conference.name }} - {{ conference.full_name }}</td>
+                    <td>{{ conference.dates }}</td>
+                    <td>{{ conference.location }}</td>
+                    <td>{{ conference.deadline }}</td>
+                    <td class="countdown-cell" data-deadline="{{ conference.deadline }}">
+                        <span class="countdown-value">Calculando...</span>
+                    </td>
+                    <td>
+                        <a href="{{ url_for('conference_details', conference_id=conference.id) }}" 
+                           class="btn btn-primary btn-sm">Ver Detalhes</a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        // Atualizar os contadores de tempo restante
+        function updateCountdowns() {
+            const countdownCells = document.querySelectorAll('.countdown-cell');
+            
+            countdownCells.forEach(cell => {
+                const deadlineStr = cell.getAttribute('data-deadline');
+                const countdownElement = cell.querySelector('.countdown-value');
+                
+                // Verificar se a data é válida
+                if (!deadlineStr) {
+                    countdownElement.textContent = 'Data não definida';
+                    return;
+                }
+                
+                try {
+                    // Formato esperado: YYYY-MM-DD HH:MM
+                    const deadlineDate = new Date(deadlineStr);
+                    const now = new Date();
+                    
+                    // Verificar se a data é válida
+                    if (isNaN(deadlineDate.getTime())) {
+                        countdownElement.textContent = 'Data inválida';
+                        return;
+                    }
+                    
+                    const timeDiff = deadlineDate - now;
+                    
+                    if (timeDiff <= 0) {
+                        countdownElement.textContent = 'Prazo encerrado';
+                        cell.classList.add('text-danger');
+                    } else {
+                        // Calcular dias, horas, minutos restantes
+                        const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+                        const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                        const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
+                        
+                        let countdownText = '';
+                        if (days > 0) countdownText += `${days} dia(s) `;
+                        if (hours > 0 || days > 0) countdownText += `${hours} hora(s) `;
+                        countdownText += `${minutes} minuto(s)`;
+                        
+                        countdownElement.textContent = countdownText;
+                        
+                        // Adicionar classes para destacar prazos próximos
+                        if (days < 1) {
+                            cell.classList.add('text-danger', 'fw-bold');
+                        } else if (days < 7) {
+                            cell.classList.add('text-warning');
+                        }
+                    }
+                } catch (error) {
+                    countdownElement.textContent = 'Erro ao calcular';
+                    console.error("Erro ao calcular tempo restante:", error);
+                }
+            });
+        }
+        
+        // Executar imediatamente e depois a cada minuto
+        updateCountdowns();
+        setInterval(updateCountdowns, 60000);
+    });
+</script>
+{% endblock %}

templates/layout.html

@@ -0,0 +1,55 @@
+<!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 %}AI Conference Deadlines{% endblock %}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <style>
+        body {
+            padding-top: 5rem;
+        }
+        .form-container {
+            max-width: 500px;
+            margin: 0 auto;
+            padding: 1rem;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+        <div class="container">
+            <a class="navbar-brand" href="/">AI Conference Deadlines</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto">
+                    {% if session.get('user') %}
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ url_for('dashboard') }}">Dashboard</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ url_for('logout') }}">Logout</a>
+                        </li>
+                    {% else %}
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ url_for('login') }}">Login</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{ url_for('signup') }}">Signup</a>
+                        </li>
+                    {% endif %}
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <main class="container">
+        {% block content %}{% endblock %}
+    </main>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/login.html

@@ -0,0 +1,31 @@
+{% extends "layout.html" %}
+
+{% block title %}Login - Flask Supabase Auth{% endblock %}
+
+{% block content %}
+<div class="form-container">
+    <h2 class="mb-4">Entrar</h2>
+    
+    {% if error %}
+    <div class="alert alert-danger" role="alert">
+        {{ error }}
+    </div>
+    {% endif %}
+    
+    <form method="POST" action="{{ url_for('login') }}">
+        <div class="mb-3">
+            <label for="email" class="form-label">Email</label>
+            <input type="email" class="form-control" id="email" name="email" required>
+        </div>
+        <div class="mb-3">
+            <label for="password" class="form-label">Senha</label>
+            <input type="password" class="form-control" id="password" name="password" required>
+        </div>
+        <button type="submit" class="btn btn-primary">Entrar</button>
+    </form>
+    
+    <p class="mt-3">
+        Não possui uma conta? <a href="{{ url_for('signup') }}">Registre-se</a>
+    </p>
+</div>
+{% endblock %}

templates/signup.html

@@ -0,0 +1,32 @@
+{% extends "layout.html" %}
+
+{% block title %}Registrar - Flask Supabase Auth{% endblock %}
+
+{% block content %}
+<div class="form-container">
+    <h2 class="mb-4">Criar Conta</h2>
+    
+    {% if error %}
+    <div class="alert alert-danger" role="alert">
+        {{ error }}
+    </div>
+    {% endif %}
+    
+    <form method="POST" action="{{ url_for('signup') }}">
+        <div class="mb-3">
+            <label for="email" class="form-label">Email</label>
+            <input type="email" class="form-control" id="email" name="email" required>
+        </div>
+        <div class="mb-3">
+            <label for="password" class="form-label">Senha</label>
+            <input type="password" class="form-control" id="password" name="password" required>
+            <div class="form-text">A senha deve ter pelo menos 6 caracteres.</div>
+        </div>
+        <button type="submit" class="btn btn-primary">Registrar</button>
+    </form>
+    
+    <p class="mt-3">
+        Já possui uma conta? <a href="{{ url_for('login') }}">Faça login</a>
+    </p>
+</div>
+{% endblock %}