ultima

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,17 @@
+from flask import Flask, render_template, jsonify
+import json
+
+app = Flask(__name__)
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/api/events')
+def get_events():
+    with open('data/events.json') as f:
+        events = json.load(f)
+    return jsonify(events)
+
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=7860)

data/events.json

@@ -0,0 +1,22 @@
+[
+    {
+        "name": "ITS 2025",
+        "full_name": "International Conference on Intelligent Tutoring Systems 2025",
+        "dates": "September 17-21, 2025",
+        "location": "Alexandroupolis, Greece",
+        "abstract_deadline": "March 01, 2025",
+        "submission_deadline": "March 01, 2025",
+        "tags": ["tutoring-systems"],
+        "link": "https://iis-international.org/its2025-generative-systems/"
+    },
+    {
+        "name": "CSBC 2025",
+        "full_name": "Congresso da Sociedade Brasileira de Computação 2025",
+        "dates": "July 20-24, 2025",
+        "location": "Maceio, Alagoas",
+        "abstract_deadline": "March 24, 2025",
+        "submission_deadline": "March 24, 2025",
+        "tags": ["software engeniring", "computer science"],
+        "link": "https://csbc.sbc.org.br/2025/"
+    }
+]

requirement.txt

@@ -0,0 +1 @@
+flask

static/css/styles.css

@@ -0,0 +1,102 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f4f4f4;
+    margin: 0;
+    padding: 0;
+}
+
+.container {
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+}
+
+h1 {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.filters {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.events-grid {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+
+.event-card {
+    background: white;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    margin: 10px;
+    padding: 20px;
+    width: 30%;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.event-card h2 {
+    margin-top: 0;
+}
+
+.event-card p {
+    margin: 5px 0;
+}
+
+.event-card .tags {
+    margin-top: 10px;
+}
+
+.event-card .tag {
+    display: inline-block;
+    background: #007bff;
+    color: white;
+    padding: 5px 10px;
+    border-radius: 3px;
+    margin-right: 5px;
+}
+
+.event-card .time-remaining {
+    color: red;
+    font-weight: bold;
+}
+
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgb(0,0,0);
+    background-color: rgba(0,0,0,0.4);
+    padding-top: 60px;
+}
+
+.modal-content {
+    background-color: #fefefe;
+    margin: 5% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+    max-width: 600px;
+    border-radius: 10px;
+}
+
+.close-button {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.close-button:hover,
+.close-button:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}

static/js/scripts.js

@@ -0,0 +1,71 @@
+document.addEventListener('DOMContentLoaded', function() {
+    fetch('/api/events')
+        .then(response => response.json())
+        .then(events => {
+            const eventsGrid = document.getElementById('events-grid');
+            events.forEach(event => {
+                const eventCard = document.createElement('div');
+                eventCard.className = 'event-card';
+
+                const timeRemaining = calculateTimeRemaining(event.submission_deadline);
+
+                eventCard.innerHTML = `
+                    <h2>${event.name}</h2>
+                    <p><strong>Dates:</strong> ${event.dates}</p>
+                    <p><strong>Location:</strong> ${event.location}</p>
+                    <p><strong>Abstract Deadline:</strong> ${event.abstract_deadline}</p>
+                    <p><strong>Submission Deadline:</strong> ${event.submission_deadline}</p>
+                    <p class="time-remaining">${timeRemaining}</p>
+                    <div class="tags">
+                        ${event.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
+                    </div>
+                `;
+                eventCard.addEventListener('click', () => openModal(event, timeRemaining));
+                eventsGrid.appendChild(eventCard);
+            });
+        });
+
+    const modal = document.getElementById('event-modal');
+    const closeButton = document.querySelector('.close-button');
+
+    closeButton.addEventListener('click', () => {
+        modal.style.display = 'none';
+    });
+
+    window.addEventListener('click', (event) => {
+        if (event.target == modal) {
+            modal.style.display = 'none';
+        }
+    });
+});
+
+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`;
+}
+
+function openModal(event, timeRemaining) {
+    document.getElementById('modal-event-name').innerText = event.name;
+    document.getElementById('modal-event-full-name').innerText = event.full_name; // Add this line
+    document.getElementById('modal-event-dates').innerText = event.dates;
+    document.getElementById('modal-event-location').innerText = event.location;
+    document.getElementById('modal-event-abstract-deadline').innerText = event.abstract_deadline;
+    document.getElementById('modal-event-submission-deadline').innerText = event.submission_deadline;
+    document.getElementById('modal-event-time-remaining').innerText = timeRemaining;
+    document.getElementById('modal-event-tags').innerHTML = event.tags.map(tag => `<span class="tag">${tag}</span>`).join('');
+    document.getElementById('modal-event-link').href = event.link;
+
+    const modal = document.getElementById('event-modal');
+    modal.style.display = 'block';
+}

templates/index.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Conference Deadlines</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+</head>
+<body>
+    <div class="container">
+        <h1>AI Conference Deadlines</h1>
+        <div class="filters">
+            <!-- ...existing code for filters... -->
+        </div>
+        <div class="events-grid" id="events-grid">
+            <!-- Events will be loaded here by JavaScript -->
+        </div>
+    </div>
+    <div id="event-modal" class="modal">
+        <div class="modal-content">
+            <span class="close-button">&times;</span>
+            <h2 id="modal-event-name"></h2>
+            <p><strong>Full Name:</strong> <span id="modal-event-full-name"></span></p>
+            <p><strong><i class="fa fa-calendar"></i> Dates:</strong> <span id="modal-event-dates"></span></p>
+            <p><strong><i class="fa fa-map-marker"></i> Location:</strong> <span id="modal-event-location"></span></p>
+            <p><strong>Abstract Deadline:</strong> <span id="modal-event-abstract-deadline"></span></p>
+            <p><strong>Submission Deadline:</strong> <span id="modal-event-submission-deadline"></span></p>
+            <p><strong>Time Remaining:</strong> <span id="modal-event-time-remaining"></span></p>
+            <p><strong>Tags:</strong> <div class="tags" id="modal-event-tags"></div></span></p>
+            <p><a id="modal-event-link" href="#" target="_blank">Visit website</a></p>
+        </div>
+    </div>
+    <script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
+    <footer style="text-align: center;">
+        <p>by Giseldo Neo</p>
+    </footer>
+</body>
+</html>