Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +883 -19
- prompts.txt +1 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: intelectus
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: blue
|
| 5 |
+
colorTo: green
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,883 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="pt-BR">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Intelectus - Preparação para TEA/TSA</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<script>
|
| 10 |
+
tailwind.config = {
|
| 11 |
+
theme: {
|
| 12 |
+
extend: {
|
| 13 |
+
colors: {
|
| 14 |
+
primary: '#3b82f6',
|
| 15 |
+
secondary: '#10b981',
|
| 16 |
+
accent: '#f59e0b',
|
| 17 |
+
dark: '#1e293b',
|
| 18 |
+
light: '#f8fafc'
|
| 19 |
+
}
|
| 20 |
+
}
|
| 21 |
+
}
|
| 22 |
+
}
|
| 23 |
+
</script>
|
| 24 |
+
<style>
|
| 25 |
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
| 26 |
+
|
| 27 |
+
body {
|
| 28 |
+
font-family: 'Inter', sans-serif;
|
| 29 |
+
background-color: #f1f5f9;
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
.progress-bar {
|
| 33 |
+
height: 8px;
|
| 34 |
+
border-radius: 4px;
|
| 35 |
+
background-color: #e2e8f0;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.progress-fill {
|
| 39 |
+
height: 100%;
|
| 40 |
+
border-radius: 4px;
|
| 41 |
+
background-color: #3b82f6;
|
| 42 |
+
transition: width 0.3s ease;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.chart-container {
|
| 46 |
+
position: relative;
|
| 47 |
+
height: 300px;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.tab-content {
|
| 51 |
+
display: none;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
.tab-content.active {
|
| 55 |
+
display: block;
|
| 56 |
+
animation: fadeIn 0.3s ease;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
@keyframes fadeIn {
|
| 60 |
+
from { opacity: 0; }
|
| 61 |
+
to { opacity: 1; }
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
.notification-badge {
|
| 65 |
+
position: absolute;
|
| 66 |
+
top: -5px;
|
| 67 |
+
right: -5px;
|
| 68 |
+
width: 20px;
|
| 69 |
+
height: 20px;
|
| 70 |
+
border-radius: 50%;
|
| 71 |
+
background-color: #ef4444;
|
| 72 |
+
color: white;
|
| 73 |
+
display: flex;
|
| 74 |
+
align-items: center;
|
| 75 |
+
justify-content: center;
|
| 76 |
+
font-size: 12px;
|
| 77 |
+
font-weight: bold;
|
| 78 |
+
}
|
| 79 |
+
|
| 80 |
+
.question-card {
|
| 81 |
+
transition: all 0.3s ease;
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
.question-card:hover {
|
| 85 |
+
transform: translateY(-2px);
|
| 86 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
.filter-option {
|
| 90 |
+
transition: all 0.2s ease;
|
| 91 |
+
}
|
| 92 |
+
|
| 93 |
+
.filter-option:hover {
|
| 94 |
+
background-color: #e2e8f0;
|
| 95 |
+
}
|
| 96 |
+
|
| 97 |
+
.filter-option.selected {
|
| 98 |
+
background-color: #3b82f6;
|
| 99 |
+
color: white;
|
| 100 |
+
}
|
| 101 |
+
</style>
|
| 102 |
+
</head>
|
| 103 |
+
<body class="min-h-screen">
|
| 104 |
+
<div class="container mx-auto px-4 py-6 max-w-4xl">
|
| 105 |
+
<!-- Header -->
|
| 106 |
+
<header class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 107 |
+
<div class="flex justify-between items-center">
|
| 108 |
+
<div>
|
| 109 |
+
<h1 class="text-2xl font-bold text-dark">Intelectus</h1>
|
| 110 |
+
<p class="text-gray-600">Preparação para TEA/TSA</p>
|
| 111 |
+
</div>
|
| 112 |
+
<div class="relative">
|
| 113 |
+
<img src="https://randomuser.me/api/portraits/lego/5.jpg" alt="Profile" class="w-12 h-12 rounded-full border-2 border-primary">
|
| 114 |
+
<span class="notification-badge">1</span>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
</header>
|
| 118 |
+
|
| 119 |
+
<!-- Navigation Tabs -->
|
| 120 |
+
<div class="bg-white rounded-xl shadow-md mb-6">
|
| 121 |
+
<div class="flex border-b">
|
| 122 |
+
<button class="tab-btn py-3 px-6 font-medium text-primary border-b-2 border-primary" data-tab="dashboard">Dashboard</button>
|
| 123 |
+
<button class="tab-btn py-3 px-6 font-medium text-gray-500" data-tab="questions">Banco de Questões</button>
|
| 124 |
+
<button class="tab-btn py-3 px-6 font-medium text-gray-500" data-tab="custom">Simulado Personalizado</button>
|
| 125 |
+
<button class="tab-btn py-3 px-6 font-medium text-gray-500" data-tab="monthly">Simulado Mensal</button>
|
| 126 |
+
</div>
|
| 127 |
+
</div>
|
| 128 |
+
|
| 129 |
+
<!-- Dashboard Tab -->
|
| 130 |
+
<div id="dashboard" class="tab-content active">
|
| 131 |
+
<!-- User Profile -->
|
| 132 |
+
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 133 |
+
<div class="flex items-center mb-4">
|
| 134 |
+
<img src="https://randomuser.me/api/portraits/lego/5.jpg" alt="Profile" class="w-16 h-16 rounded-full border-2 border-primary mr-4">
|
| 135 |
+
<div>
|
| 136 |
+
<h2 class="text-xl font-bold">Dr. Fulano da Silva</h2>
|
| 137 |
+
<p class="text-gray-600">@anestesista_2024</p>
|
| 138 |
+
<div class="flex mt-1">
|
| 139 |
+
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">São Paulo</span>
|
| 140 |
+
<span class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded ml-2">TEA/TSA</span>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
</div>
|
| 144 |
+
|
| 145 |
+
<!-- Progress Stats -->
|
| 146 |
+
<div class="grid grid-cols-2 gap-4 mb-6">
|
| 147 |
+
<div class="bg-light rounded-lg p-4">
|
| 148 |
+
<p class="text-sm text-gray-600 mb-1">Questões respondidas</p>
|
| 149 |
+
<p class="text-2xl font-bold">1,248</p>
|
| 150 |
+
<div class="progress-bar mt-2">
|
| 151 |
+
<div class="progress-fill" style="width: 65%"></div>
|
| 152 |
+
</div>
|
| 153 |
+
<p class="text-xs text-gray-500 mt-1">65% do banco completo</p>
|
| 154 |
+
</div>
|
| 155 |
+
<div class="bg-light rounded-lg p-4">
|
| 156 |
+
<p class="text-sm text-gray-600 mb-1">Taxa de acerto</p>
|
| 157 |
+
<p class="text-2xl font-bold">78%</p>
|
| 158 |
+
<div class="progress-bar mt-2">
|
| 159 |
+
<div class="progress-fill" style="width: 78%; background-color: #10b981;"></div>
|
| 160 |
+
</div>
|
| 161 |
+
<p class="text-xs text-gray-500 mt-1">+12% no último mês</p>
|
| 162 |
+
</div>
|
| 163 |
+
</div>
|
| 164 |
+
|
| 165 |
+
<!-- Quick Actions -->
|
| 166 |
+
<h3 class="text-lg font-semibold mb-3">Ações rápidas</h3>
|
| 167 |
+
<div class="grid grid-cols-2 gap-4 mb-6">
|
| 168 |
+
<div class="relative">
|
| 169 |
+
<button class="w-full bg-primary hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg flex items-center justify-center transition">
|
| 170 |
+
<i class="fas fa-calendar-day mr-2"></i> Questão do Dia
|
| 171 |
+
</button>
|
| 172 |
+
<span class="notification-badge">!</span>
|
| 173 |
+
</div>
|
| 174 |
+
<button class="w-full bg-secondary hover:bg-green-700 text-white font-medium py-3 px-4 rounded-lg flex items-center justify-center transition">
|
| 175 |
+
<i class="fas fa-bolt mr-2"></i> Simulado Rápido
|
| 176 |
+
</button>
|
| 177 |
+
<button class="w-full bg-accent hover:bg-yellow-700 text-white font-medium py-3 px-4 rounded-lg flex items-center justify-center transition">
|
| 178 |
+
<i class="fas fa-calendar-alt mr-2"></i> Simulado Trimestral
|
| 179 |
+
</button>
|
| 180 |
+
<button class="w-full bg-dark hover:bg-slate-800 text-white font-medium py-3 px-4 rounded-lg flex items-center justify-center transition">
|
| 181 |
+
<i class="fas fa-chart-line mr-2"></i> Meu Progresso
|
| 182 |
+
</button>
|
| 183 |
+
</div>
|
| 184 |
+
|
| 185 |
+
<!-- Performance Charts -->
|
| 186 |
+
<h3 class="text-lg font-semibold mb-3">Meu Desempenho</h3>
|
| 187 |
+
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 188 |
+
<div class="chart-container">
|
| 189 |
+
<canvas id="performanceChart"></canvas>
|
| 190 |
+
</div>
|
| 191 |
+
</div>
|
| 192 |
+
|
| 193 |
+
<!-- Stats Grid -->
|
| 194 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 195 |
+
<div class="bg-white rounded-xl shadow-md p-6">
|
| 196 |
+
<h4 class="font-semibold mb-3">Tópicos com melhor desempenho</h4>
|
| 197 |
+
<div class="space-y-3">
|
| 198 |
+
<div>
|
| 199 |
+
<p class="text-sm font-medium">Farmacologia</p>
|
| 200 |
+
<div class="flex items-center">
|
| 201 |
+
<div class="progress-bar w-full mr-2">
|
| 202 |
+
<div class="progress-fill" style="width: 92%; background-color: #10b981;"></div>
|
| 203 |
+
</div>
|
| 204 |
+
<span class="text-sm font-medium">92%</span>
|
| 205 |
+
</div>
|
| 206 |
+
</div>
|
| 207 |
+
<div>
|
| 208 |
+
<p class="text-sm font-medium">Cardiologia</p>
|
| 209 |
+
<div class="flex items-center">
|
| 210 |
+
<div class="progress-bar w-full mr-2">
|
| 211 |
+
<div class="progress-fill" style="width: 85%; background-color: #10b981;"></div>
|
| 212 |
+
</div>
|
| 213 |
+
<span class="text-sm font-medium">85%</span>
|
| 214 |
+
</div>
|
| 215 |
+
</div>
|
| 216 |
+
<div>
|
| 217 |
+
<p class="text-sm font-medium">Respiratória</p>
|
| 218 |
+
<div class="flex items-center">
|
| 219 |
+
<div class="progress-bar w-full mr-2">
|
| 220 |
+
<div class="progress-fill" style="width: 83%; background-color: #10b981;"></div>
|
| 221 |
+
</div>
|
| 222 |
+
<span class="text-sm font-medium">83%</span>
|
| 223 |
+
</div>
|
| 224 |
+
</div>
|
| 225 |
+
</div>
|
| 226 |
+
</div>
|
| 227 |
+
|
| 228 |
+
<div class="bg-white rounded-xl shadow-md p-6">
|
| 229 |
+
<h4 class="font-semibold mb-3">Tópicos para melhorar</h4>
|
| 230 |
+
<div class="space-y-3">
|
| 231 |
+
<div>
|
| 232 |
+
<p class="text-sm font-medium">Neurologia</p>
|
| 233 |
+
<div class="flex items-center">
|
| 234 |
+
<div class="progress-bar w-full mr-2">
|
| 235 |
+
<div class="progress-fill" style="width: 52%; background-color: #ef4444;"></div>
|
| 236 |
+
</div>
|
| 237 |
+
<span class="text-sm font-medium">52%</span>
|
| 238 |
+
</div>
|
| 239 |
+
</div>
|
| 240 |
+
<div>
|
| 241 |
+
<p class="text-sm font-medium">Pediatria</p>
|
| 242 |
+
<div class="flex items-center">
|
| 243 |
+
<div class="progress-bar w-full mr-2">
|
| 244 |
+
<div class="progress-fill" style="width: 58%; background-color: #ef4444;"></div>
|
| 245 |
+
</div>
|
| 246 |
+
<span class="text-sm font-medium">58%</span>
|
| 247 |
+
</div>
|
| 248 |
+
</div>
|
| 249 |
+
<div>
|
| 250 |
+
<p class="text-sm font-medium">Obstetrícia</p>
|
| 251 |
+
<div class="flex items-center">
|
| 252 |
+
<div class="progress-bar w-full mr-2">
|
| 253 |
+
<div class="progress-fill" style="width: 61%; background-color: #f59e0b;"></div>
|
| 254 |
+
</div>
|
| 255 |
+
<span class="text-sm font-medium">61%</span>
|
| 256 |
+
</div>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
</div>
|
| 260 |
+
|
| 261 |
+
<div class="bg-white rounded-xl shadow-md p-6">
|
| 262 |
+
<h4 class="font-semibold mb-3">Tempo de estudo</h4>
|
| 263 |
+
<div class="space-y-4">
|
| 264 |
+
<div>
|
| 265 |
+
<p class="text-sm text-gray-600">Esta semana</p>
|
| 266 |
+
<p class="text-lg font-bold">8h 42min</p>
|
| 267 |
+
</div>
|
| 268 |
+
<div>
|
| 269 |
+
<p class="text-sm text-gray-600">Este mês</p>
|
| 270 |
+
<p class="text-lg font-bold">32h 15min</p>
|
| 271 |
+
</div>
|
| 272 |
+
<div>
|
| 273 |
+
<p class="text-sm text-gray-600">Média diária</p>
|
| 274 |
+
<p class="text-lg font-bold">1h 12min</p>
|
| 275 |
+
</div>
|
| 276 |
+
<div class="bg-blue-50 p-3 rounded-lg">
|
| 277 |
+
<p class="text-sm text-blue-800">Você está no top 15% dos candidatos em tempo de estudo</p>
|
| 278 |
+
</div>
|
| 279 |
+
</div>
|
| 280 |
+
</div>
|
| 281 |
+
|
| 282 |
+
<div class="bg-white rounded-xl shadow-md p-6">
|
| 283 |
+
<h4 class="font-semibold mb-3">Ranking</h4>
|
| 284 |
+
<div class="space-y-4">
|
| 285 |
+
<div>
|
| 286 |
+
<p class="text-sm text-gray-600">Simulado mensal</p>
|
| 287 |
+
<p class="text-lg font-bold">Top 12% nacional</p>
|
| 288 |
+
<p class="text-sm text-gray-600">Posição 48 de 420</p>
|
| 289 |
+
</div>
|
| 290 |
+
<div>
|
| 291 |
+
<p class="text-sm text-gray-600">Estado (SP)</p>
|
| 292 |
+
<p class="text-lg font-bold">Top 8%</p>
|
| 293 |
+
<p class="text-sm text-gray-600">Posição 15 de 192</p>
|
| 294 |
+
</div>
|
| 295 |
+
<div class="bg-green-50 p-3 rounded-lg">
|
| 296 |
+
<p class="text-sm text-green-800">Seu desempenho em Neurologia melhorou 12% este mês</p>
|
| 297 |
+
</div>
|
| 298 |
+
</div>
|
| 299 |
+
</div>
|
| 300 |
+
</div>
|
| 301 |
+
</div>
|
| 302 |
+
</div>
|
| 303 |
+
|
| 304 |
+
<!-- Questions Bank Tab -->
|
| 305 |
+
<div id="questions" class="tab-content">
|
| 306 |
+
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 307 |
+
<h2 class="text-xl font-bold mb-4">Banco de Questões</h2>
|
| 308 |
+
|
| 309 |
+
<!-- Filters -->
|
| 310 |
+
<div class="mb-6">
|
| 311 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
|
| 312 |
+
<div>
|
| 313 |
+
<h3 class="font-medium mb-2">Banco</h3>
|
| 314 |
+
<div class="space-y-2">
|
| 315 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="bank" data-value="tsa">TSA</div>
|
| 316 |
+
<div class="filter-option p-2 rounded cursor-pointer selected" data-filter="bank" data-value="tea">TEA</div>
|
| 317 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="bank" data-value="annual">Prova Anual</div>
|
| 318 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="bank" data-value="intellectus">Intellectus</div>
|
| 319 |
+
</div>
|
| 320 |
+
</div>
|
| 321 |
+
|
| 322 |
+
<div>
|
| 323 |
+
<h3 class="font-medium mb-2">Tema</h3>
|
| 324 |
+
<div class="space-y-2 max-h-40 overflow-y-auto">
|
| 325 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="cardio">Cardiologia</div>
|
| 326 |
+
<div class="filter-option p-2 rounded cursor-pointer selected" data-filter="topic" data-value="neuro">Neurologia</div>
|
| 327 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="resp">Respiratória</div>
|
| 328 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="farma">Farmacologia</div>
|
| 329 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="ped">Pediatria</div>
|
| 330 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="obst">Obstetrícia</div>
|
| 331 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="emerg">Emergências</div>
|
| 332 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="topic" data-value="equip">Equipamentos</div>
|
| 333 |
+
</div>
|
| 334 |
+
</div>
|
| 335 |
+
|
| 336 |
+
<div>
|
| 337 |
+
<h3 class="font-medium mb-2">Ano</h3>
|
| 338 |
+
<div class="grid grid-cols-2 gap-2 max-h-40 overflow-y-auto">
|
| 339 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2025">2025</div>
|
| 340 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2024">2024</div>
|
| 341 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2023">2023</div>
|
| 342 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2022">2022</div>
|
| 343 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2021">2021</div>
|
| 344 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2020">2020</div>
|
| 345 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2019">2019</div>
|
| 346 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2018">2018</div>
|
| 347 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2017">2017</div>
|
| 348 |
+
<div class="filter-option p-2 rounded cursor-pointer" data-filter="year" data-value="2016">2016</div>
|
| 349 |
+
</div>
|
| 350 |
+
</div>
|
| 351 |
+
</div>
|
| 352 |
+
|
| 353 |
+
<div class="bg-blue-50 p-4 rounded-lg flex justify-between items-center">
|
| 354 |
+
<p class="text-blue-800">Encontradas <span class="font-bold" id="questions-count">148</span> questões</p>
|
| 355 |
+
<div class="flex items-center">
|
| 356 |
+
<span class="mr-2">Quantidade:</span>
|
| 357 |
+
<select class="border rounded px-3 py-1">
|
| 358 |
+
<option>10</option>
|
| 359 |
+
<option>20</option>
|
| 360 |
+
<option selected>30</option>
|
| 361 |
+
<option>50</option>
|
| 362 |
+
<option>Todas</option>
|
| 363 |
+
</select>
|
| 364 |
+
<button class="ml-4 bg-primary hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition">
|
| 365 |
+
Iniciar Sessão
|
| 366 |
+
</button>
|
| 367 |
+
</div>
|
| 368 |
+
</div>
|
| 369 |
+
</div>
|
| 370 |
+
|
| 371 |
+
<!-- Question Example -->
|
| 372 |
+
<div class="question-card bg-white border border-gray-200 rounded-lg p-6 mb-4 shadow-sm">
|
| 373 |
+
<div class="flex justify-between items-start mb-4">
|
| 374 |
+
<div>
|
| 375 |
+
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">TEA</span>
|
| 376 |
+
<span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded ml-2">Neurologia</span>
|
| 377 |
+
<span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded ml-2">2021</span>
|
| 378 |
+
</div>
|
| 379 |
+
<div class="flex items-center text-gray-500 text-sm">
|
| 380 |
+
<i class="fas fa-stopwatch mr-1"></i>
|
| 381 |
+
<span>2:30</span>
|
| 382 |
+
</div>
|
| 383 |
+
</div>
|
| 384 |
+
|
| 385 |
+
<p class="mb-4 font-medium">Paciente de 45 anos, ASA II, submetido à craniotomia para ressecção de tumor cerebral. Durante o procedimento, qual das seguintes medidas é a MAIS adequada para reduzir a pressão intracraniana?</p>
|
| 386 |
+
|
| 387 |
+
<div class="space-y-3 mb-6">
|
| 388 |
+
<div class="flex items-center p-3 border rounded-lg hover:bg-blue-50 cursor-pointer">
|
| 389 |
+
<div class="w-6 h-6 rounded-full border border-gray-300 mr-3 flex items-center justify-center">A</div>
|
| 390 |
+
<p>Hiperventilação para manter PaCO2 entre 25-30 mmHg</p>
|
| 391 |
+
</div>
|
| 392 |
+
<div class="flex items-center p-3 border rounded-lg hover:bg-blue-50 cursor-pointer bg-green-50 border-green-200">
|
| 393 |
+
<div class="w-6 h-6 rounded-full border border-gray-300 mr-3 flex items-center justify-center bg-green-100 border-green-300">B</div>
|
| 394 |
+
<p>Manutenção de PaCO2 entre 30-35 mmHg com ventilação controlada</p>
|
| 395 |
+
</div>
|
| 396 |
+
<div class="flex items-center p-3 border rounded-lg hover:bg-blue-50 cursor-pointer">
|
| 397 |
+
<div class="w-6 h-6 rounded-full border border-gray-300 mr-3 flex items-center justify-center">C</div>
|
| 398 |
+
<p>Administração de solução salina hipertônica 3% em bolus</p>
|
| 399 |
+
</div>
|
| 400 |
+
<div class="flex items-center p-3 border rounded-lg hover:bg-blue-50 cursor-pointer">
|
| 401 |
+
<div class="w-6 h-6 rounded-full border border-gray-300 mr-3 flex items-center justify-center">D</div>
|
| 402 |
+
<p>Posicionamento do paciente em Trendelenburg</p>
|
| 403 |
+
</div>
|
| 404 |
+
</div>
|
| 405 |
+
|
| 406 |
+
<div class="bg-gray-50 p-4 rounded-lg">
|
| 407 |
+
<div class="flex justify-between items-center mb-2">
|
| 408 |
+
<h4 class="font-medium">Comentário:</h4>
|
| 409 |
+
<span class="text-sm text-gray-500">Resposta correta: B</span>
|
| 410 |
+
</div>
|
| 411 |
+
<p class="text-sm">A hiperventilação excessiva (PaCO2 < 30 mmHg) pode causar vasoconstrição cerebral excessiva e isquemia. A manutenção de PaCO2 entre 30-35 mmHg é o ideal para neuroproteção. Soluções hipertônicas são adjuvantes, não primeira linha. Trendelenburg aumenta a PIC.</p>
|
| 412 |
+
</div>
|
| 413 |
+
|
| 414 |
+
<div class="flex justify-between mt-4">
|
| 415 |
+
<button class="text-primary hover:text-blue-700 font-medium flex items-center">
|
| 416 |
+
<i class="fas fa-bookmark mr-2"></i> Salvar
|
| 417 |
+
</button>
|
| 418 |
+
<div class="flex space-x-3">
|
| 419 |
+
<button class="text-gray-500 hover:text-gray-700">
|
| 420 |
+
<i class="fas fa-chevron-left"></i> Anterior
|
| 421 |
+
</button>
|
| 422 |
+
<button class="text-gray-500 hover:text-gray-700">
|
| 423 |
+
Próxima <i class="fas fa-chevron-right"></i>
|
| 424 |
+
</button>
|
| 425 |
+
</div>
|
| 426 |
+
</div>
|
| 427 |
+
</div>
|
| 428 |
+
</div>
|
| 429 |
+
</div>
|
| 430 |
+
|
| 431 |
+
<!-- Custom Test Tab -->
|
| 432 |
+
<div id="custom" class="tab-content">
|
| 433 |
+
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 434 |
+
<h2 class="text-xl font-bold mb-4">Simulado Personalizado</h2>
|
| 435 |
+
|
| 436 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
| 437 |
+
<div class="md:col-span-2">
|
| 438 |
+
<h3 class="font-medium mb-3">Selecione os temas e quantidade de questões</h3>
|
| 439 |
+
|
| 440 |
+
<div class="space-y-4">
|
| 441 |
+
<div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
|
| 442 |
+
<div>
|
| 443 |
+
<p class="font-medium">Cardiologia</p>
|
| 444 |
+
<p class="text-sm text-gray-600">Disponíveis: 248 questões</p>
|
| 445 |
+
</div>
|
| 446 |
+
<div class="flex items-center">
|
| 447 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">-</button>
|
| 448 |
+
<span class="mx-3 w-8 text-center">5</span>
|
| 449 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">+</button>
|
| 450 |
+
</div>
|
| 451 |
+
</div>
|
| 452 |
+
|
| 453 |
+
<div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
|
| 454 |
+
<div>
|
| 455 |
+
<p class="font-medium">Neurologia</p>
|
| 456 |
+
<p class="text-sm text-gray-600">Disponíveis: 187 questões</p>
|
| 457 |
+
</div>
|
| 458 |
+
<div class="flex items-center">
|
| 459 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">-</button>
|
| 460 |
+
<span class="mx-3 w-8 text-center">8</span>
|
| 461 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">+</button>
|
| 462 |
+
</div>
|
| 463 |
+
</div>
|
| 464 |
+
|
| 465 |
+
<div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
|
| 466 |
+
<div>
|
| 467 |
+
<p class="font-medium">Farmacologia</p>
|
| 468 |
+
<p class="text-sm text-gray-600">Disponíveis: 215 questões</p>
|
| 469 |
+
</div>
|
| 470 |
+
<div class="flex items-center">
|
| 471 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">-</button>
|
| 472 |
+
<span class="mx-3 w-8 text-center">7</span>
|
| 473 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">+</button>
|
| 474 |
+
</div>
|
| 475 |
+
</div>
|
| 476 |
+
|
| 477 |
+
<div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
|
| 478 |
+
<div>
|
| 479 |
+
<p class="font-medium">Respiratória</p>
|
| 480 |
+
<p class="text-sm text-gray-600">Disponíveis: 176 questões</p>
|
| 481 |
+
</div>
|
| 482 |
+
<div class="flex items-center">
|
| 483 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">-</button>
|
| 484 |
+
<span class="mx-3 w-8 text-center">5</span>
|
| 485 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">+</button>
|
| 486 |
+
</div>
|
| 487 |
+
</div>
|
| 488 |
+
|
| 489 |
+
<div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
|
| 490 |
+
<div>
|
| 491 |
+
<p class="font-medium">Pediatria</p>
|
| 492 |
+
<p class="text-sm text-gray-600">Disponíveis: 142 questões</p>
|
| 493 |
+
</div>
|
| 494 |
+
<div class="flex items-center">
|
| 495 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">-</button>
|
| 496 |
+
<span class="mx-3 w-8 text-center">3</span>
|
| 497 |
+
<button class="w-8 h-8 rounded-full border flex items-center justify-center text-gray-500 hover:bg-gray-200">+</button>
|
| 498 |
+
</div>
|
| 499 |
+
</div>
|
| 500 |
+
</div>
|
| 501 |
+
|
| 502 |
+
<div class="mt-6">
|
| 503 |
+
<button class="flex items-center text-primary hover:text-blue-700 font-medium">
|
| 504 |
+
<i class="fas fa-plus-circle mr-2"></i> Adicionar outro tema
|
| 505 |
+
</button>
|
| 506 |
+
</div>
|
| 507 |
+
</div>
|
| 508 |
+
|
| 509 |
+
<div>
|
| 510 |
+
<div class="bg-blue-50 p-6 rounded-lg">
|
| 511 |
+
<h3 class="font-medium mb-4">Resumo do Simulado</h3>
|
| 512 |
+
|
| 513 |
+
<div class="space-y-4 mb-6">
|
| 514 |
+
<div class="flex justify-between">
|
| 515 |
+
<p>Total de questões:</p>
|
| 516 |
+
<p class="font-medium">28</p>
|
| 517 |
+
</div>
|
| 518 |
+
<div class="flex justify-between">
|
| 519 |
+
<p>Tempo estimado:</p>
|
| 520 |
+
<p class="font-medium">42 minutos</p>
|
| 521 |
+
</div>
|
| 522 |
+
<div class="flex justify-between">
|
| 523 |
+
<p>Nível de dificuldade:</p>
|
| 524 |
+
<p class="font-medium">Médio</p>
|
| 525 |
+
</div>
|
| 526 |
+
</div>
|
| 527 |
+
|
| 528 |
+
<div class="mb-6">
|
| 529 |
+
<h4 class="font-medium mb-2">Comentários e gabarito:</h4>
|
| 530 |
+
<div class="space-y-2">
|
| 531 |
+
<div class="flex items-center">
|
| 532 |
+
<input type="radio" id="feedback-each" name="feedback" class="mr-2" checked>
|
| 533 |
+
<label for="feedback-each">A cada questão</label>
|
| 534 |
+
</div>
|
| 535 |
+
<div class="flex items-center">
|
| 536 |
+
<input type="radio" id="feedback-end" name="feedback" class="mr-2">
|
| 537 |
+
<label for="feedback-end">Ao final</label>
|
| 538 |
+
</div>
|
| 539 |
+
</div>
|
| 540 |
+
</div>
|
| 541 |
+
|
| 542 |
+
<button class="w-full bg-primary hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg transition">
|
| 543 |
+
Iniciar Simulado
|
| 544 |
+
</button>
|
| 545 |
+
</div>
|
| 546 |
+
</div>
|
| 547 |
+
</div>
|
| 548 |
+
</div>
|
| 549 |
+
</div>
|
| 550 |
+
|
| 551 |
+
<!-- Monthly Test Tab -->
|
| 552 |
+
<div id="monthly" class="tab-content">
|
| 553 |
+
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
|
| 554 |
+
<h2 class="text-xl font-bold mb-4">Simulado Mensal</h2>
|
| 555 |
+
|
| 556 |
+
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6">
|
| 557 |
+
<div class="flex">
|
| 558 |
+
<div class="flex-shrink-0">
|
| 559 |
+
<i class="fas fa-info-circle text-blue-500 mt-1"></i>
|
| 560 |
+
</div>
|
| 561 |
+
<div class="ml-3">
|
| 562 |
+
<p class="text-sm text-blue-700">
|
| 563 |
+
<span class="font-medium">Próximo simulado:</span> 15/07/2024 às 20h. Participe e compare seu desempenho com outros médicos do país!
|
| 564 |
+
</p>
|
| 565 |
+
</div>
|
| 566 |
+
</div>
|
| 567 |
+
</div>
|
| 568 |
+
|
| 569 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
|
| 570 |
+
<div class="bg-white border rounded-lg p-6">
|
| 571 |
+
<h3 class="font-medium mb-4">Último Simulado - Junho 2024</h3>
|
| 572 |
+
|
| 573 |
+
<div class="space-y-4">
|
| 574 |
+
<div class="flex justify-between">
|
| 575 |
+
<p>Questões respondidas:</p>
|
| 576 |
+
<p class="font-medium">10/10</p>
|
| 577 |
+
</div>
|
| 578 |
+
<div class="flex justify-between">
|
| 579 |
+
<p>Taxa de acerto:</p>
|
| 580 |
+
<p class="font-medium">80%</p>
|
| 581 |
+
</div>
|
| 582 |
+
<div class="flex justify-between">
|
| 583 |
+
<p>Posição nacional:</p>
|
| 584 |
+
<p class="font-medium">Top 15%</p>
|
| 585 |
+
</div>
|
| 586 |
+
<div class="flex justify-between">
|
| 587 |
+
<p>Posição estadual (SP):</p>
|
| 588 |
+
<p class="font-medium">Top 10%</p>
|
| 589 |
+
</div>
|
| 590 |
+
<div class="flex justify-between">
|
| 591 |
+
<p>Tempo médio por questão:</p>
|
| 592 |
+
<p class="font-medium">1m 24s</p>
|
| 593 |
+
</div>
|
| 594 |
+
</div>
|
| 595 |
+
|
| 596 |
+
<div class="mt-6">
|
| 597 |
+
<button class="w-full bg-primary hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition">
|
| 598 |
+
Ver Desempenho Detalhado
|
| 599 |
+
</button>
|
| 600 |
+
</div>
|
| 601 |
+
</div>
|
| 602 |
+
|
| 603 |
+
<div>
|
| 604 |
+
<div class="chart-container">
|
| 605 |
+
<canvas id="monthlyChart"></canvas>
|
| 606 |
+
</div>
|
| 607 |
+
</div>
|
| 608 |
+
</div>
|
| 609 |
+
|
| 610 |
+
<h3 class="font-medium mb-3">Histórico de Simulados</h3>
|
| 611 |
+
<div class="overflow-x-auto">
|
| 612 |
+
<table class="min-w-full divide-y divide-gray-200">
|
| 613 |
+
<thead class="bg-gray-50">
|
| 614 |
+
<tr>
|
| 615 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Data</th>
|
| 616 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Questões</th>
|
| 617 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Acertos</th>
|
| 618 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nacional</th>
|
| 619 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Estadual</th>
|
| 620 |
+
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"></th>
|
| 621 |
+
</tr>
|
| 622 |
+
</thead>
|
| 623 |
+
<tbody class="bg-white divide-y divide-gray-200">
|
| 624 |
+
<tr>
|
| 625 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium">15/06/2024</td>
|
| 626 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">10</td>
|
| 627 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">8 (80%)</td>
|
| 628 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 15%</td>
|
| 629 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 10%</td>
|
| 630 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm text-right">
|
| 631 |
+
<a href="#" class="text-primary hover:text-blue-700">Detalhes</a>
|
| 632 |
+
</td>
|
| 633 |
+
</tr>
|
| 634 |
+
<tr>
|
| 635 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium">15/05/2024</td>
|
| 636 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">10</td>
|
| 637 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">7 (70%)</td>
|
| 638 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 22%</td>
|
| 639 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 18%</td>
|
| 640 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm text-right">
|
| 641 |
+
<a href="#" class="text-primary hover:text-blue-700">Detalhes</a>
|
| 642 |
+
</td>
|
| 643 |
+
</tr>
|
| 644 |
+
<tr>
|
| 645 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium">15/04/2024</td>
|
| 646 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">10</td>
|
| 647 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">6 (60%)</td>
|
| 648 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 35%</td>
|
| 649 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 28%</td>
|
| 650 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm text-right">
|
| 651 |
+
<a href="#" class="text-primary hover:text-blue-700">Detalhes</a>
|
| 652 |
+
</td>
|
| 653 |
+
</tr>
|
| 654 |
+
<tr>
|
| 655 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium">15/03/2024</td>
|
| 656 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">10</td>
|
| 657 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">5 (50%)</td>
|
| 658 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 45%</td>
|
| 659 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm">Top 38%</td>
|
| 660 |
+
<td class="px-6 py-4 whitespace-nowrap text-sm text-right">
|
| 661 |
+
<a href="#" class="text-primary hover:text-blue-700">Detalhes</a>
|
| 662 |
+
</td>
|
| 663 |
+
</tr>
|
| 664 |
+
</tbody>
|
| 665 |
+
</table>
|
| 666 |
+
</div>
|
| 667 |
+
</div>
|
| 668 |
+
</div>
|
| 669 |
+
</div>
|
| 670 |
+
|
| 671 |
+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
| 672 |
+
<script>
|
| 673 |
+
// Tab switching
|
| 674 |
+
const tabButtons = document.querySelectorAll('.tab-btn');
|
| 675 |
+
const tabContents = document.querySelectorAll('.tab-content');
|
| 676 |
+
|
| 677 |
+
tabButtons.forEach(button => {
|
| 678 |
+
button.addEventListener('click', () => {
|
| 679 |
+
const tabId = button.getAttribute('data-tab');
|
| 680 |
+
|
| 681 |
+
// Update active tab button
|
| 682 |
+
tabButtons.forEach(btn => {
|
| 683 |
+
btn.classList.remove('text-primary', 'border-primary');
|
| 684 |
+
btn.classList.add('text-gray-500');
|
| 685 |
+
});
|
| 686 |
+
button.classList.add('text-primary', 'border-primary');
|
| 687 |
+
button.classList.remove('text-gray-500');
|
| 688 |
+
|
| 689 |
+
// Show active tab content
|
| 690 |
+
tabContents.forEach(content => {
|
| 691 |
+
content.classList.remove('active');
|
| 692 |
+
});
|
| 693 |
+
document.getElementById(tabId).classList.add('active');
|
| 694 |
+
|
| 695 |
+
// Initialize charts when their tab becomes active
|
| 696 |
+
if (tabId === 'dashboard') {
|
| 697 |
+
initPerformanceChart();
|
| 698 |
+
} else if (tabId === 'monthly') {
|
| 699 |
+
initMonthlyChart();
|
| 700 |
+
}
|
| 701 |
+
});
|
| 702 |
+
});
|
| 703 |
+
|
| 704 |
+
// Filter selection
|
| 705 |
+
const filterOptions = document.querySelectorAll('.filter-option');
|
| 706 |
+
filterOptions.forEach(option => {
|
| 707 |
+
option.addEventListener('click', () => {
|
| 708 |
+
const isSelected = option.classList.contains('selected');
|
| 709 |
+
|
| 710 |
+
// For bank and year filters, only one can be selected at a time
|
| 711 |
+
const filterType = option.getAttribute('data-filter');
|
| 712 |
+
if (filterType === 'bank' || filterType === 'year') {
|
| 713 |
+
document.querySelectorAll(`[data-filter="${filterType}"]`).forEach(opt => {
|
| 714 |
+
opt.classList.remove('selected');
|
| 715 |
+
});
|
| 716 |
+
}
|
| 717 |
+
|
| 718 |
+
option.classList.toggle('selected');
|
| 719 |
+
updateQuestionCount();
|
| 720 |
+
});
|
| 721 |
+
});
|
| 722 |
+
|
| 723 |
+
function updateQuestionCount() {
|
| 724 |
+
// Simulate filtering - in a real app this would come from an API
|
| 725 |
+
const selectedBanks = document.querySelectorAll('[data-filter="bank"].selected');
|
| 726 |
+
const selectedTopics = document.querySelectorAll('[data-filter="topic"].selected');
|
| 727 |
+
const selectedYears = document.querySelectorAll('[data-filter="year"].selected');
|
| 728 |
+
|
| 729 |
+
// Simple logic to simulate count changes
|
| 730 |
+
let baseCount = 150;
|
| 731 |
+
if (selectedBanks.length > 0) baseCount += 50;
|
| 732 |
+
if (selectedTopics.length > 0) baseCount -= 20;
|
| 733 |
+
if (selectedYears.length > 0) baseCount -= 30;
|
| 734 |
+
|
| 735 |
+
document.getElementById('questions-count').textContent = Math.max(10, baseCount);
|
| 736 |
+
}
|
| 737 |
+
|
| 738 |
+
// Initialize performance chart
|
| 739 |
+
function initPerformanceChart() {
|
| 740 |
+
const ctx = document.getElementById('performanceChart').getContext('2d');
|
| 741 |
+
|
| 742 |
+
if (window.performanceChart) {
|
| 743 |
+
window.performanceChart.destroy();
|
| 744 |
+
}
|
| 745 |
+
|
| 746 |
+
window.performanceChart = new Chart(ctx, {
|
| 747 |
+
type: 'bar',
|
| 748 |
+
data: {
|
| 749 |
+
labels: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun'],
|
| 750 |
+
datasets: [
|
| 751 |
+
{
|
| 752 |
+
label: 'Taxa de Acerto',
|
| 753 |
+
data: [55, 60, 65, 68, 72, 78],
|
| 754 |
+
backgroundColor: '#3b82f6',
|
| 755 |
+
borderRadius: 4
|
| 756 |
+
},
|
| 757 |
+
{
|
| 758 |
+
label: 'Média Nacional',
|
| 759 |
+
data: [50, 52, 55, 58, 60, 62],
|
| 760 |
+
backgroundColor: '#94a3b8',
|
| 761 |
+
borderRadius: 4
|
| 762 |
+
}
|
| 763 |
+
]
|
| 764 |
+
},
|
| 765 |
+
options: {
|
| 766 |
+
responsive: true,
|
| 767 |
+
plugins: {
|
| 768 |
+
legend: {
|
| 769 |
+
position: 'top',
|
| 770 |
+
},
|
| 771 |
+
tooltip: {
|
| 772 |
+
callbacks: {
|
| 773 |
+
label: function(context) {
|
| 774 |
+
return context.dataset.label + ': ' + context.raw + '%';
|
| 775 |
+
}
|
| 776 |
+
}
|
| 777 |
+
}
|
| 778 |
+
},
|
| 779 |
+
scales: {
|
| 780 |
+
y: {
|
| 781 |
+
beginAtZero: true,
|
| 782 |
+
max: 100,
|
| 783 |
+
ticks: {
|
| 784 |
+
callback: function(value) {
|
| 785 |
+
return value + '%';
|
| 786 |
+
}
|
| 787 |
+
}
|
| 788 |
+
}
|
| 789 |
+
}
|
| 790 |
+
}
|
| 791 |
+
});
|
| 792 |
+
}
|
| 793 |
+
|
| 794 |
+
// Initialize monthly chart
|
| 795 |
+
function initMonthlyChart() {
|
| 796 |
+
const ctx = document.getElementById('monthlyChart').getContext('2d');
|
| 797 |
+
|
| 798 |
+
if (window.monthlyChart) {
|
| 799 |
+
window.monthlyChart.destroy();
|
| 800 |
+
}
|
| 801 |
+
|
| 802 |
+
window.monthlyChart = new Chart(ctx, {
|
| 803 |
+
type: 'line',
|
| 804 |
+
data: {
|
| 805 |
+
labels: ['Mar', 'Abr', 'Mai', 'Jun'],
|
| 806 |
+
datasets: [
|
| 807 |
+
{
|
| 808 |
+
label: 'Taxa de Acerto',
|
| 809 |
+
data: [50, 60, 70, 80],
|
| 810 |
+
borderColor: '#3b82f6',
|
| 811 |
+
backgroundColor: 'rgba(59, 130, 246, 0.1)',
|
| 812 |
+
fill: true,
|
| 813 |
+
tension: 0.3
|
| 814 |
+
},
|
| 815 |
+
{
|
| 816 |
+
label: 'Posição Nacional',
|
| 817 |
+
data: [45, 35, 22, 15],
|
| 818 |
+
borderColor: '#10b981',
|
| 819 |
+
backgroundColor: 'rgba(16, 185, 129, 0.1)',
|
| 820 |
+
fill: true,
|
| 821 |
+
tension: 0.3,
|
| 822 |
+
yAxisID: 'y1'
|
| 823 |
+
}
|
| 824 |
+
]
|
| 825 |
+
},
|
| 826 |
+
options: {
|
| 827 |
+
responsive: true,
|
| 828 |
+
plugins: {
|
| 829 |
+
legend: {
|
| 830 |
+
position: 'top',
|
| 831 |
+
},
|
| 832 |
+
tooltip: {
|
| 833 |
+
callbacks: {
|
| 834 |
+
label: function(context) {
|
| 835 |
+
if (context.datasetIndex === 0) {
|
| 836 |
+
return context.dataset.label + ': ' + context.raw + '%';
|
| 837 |
+
} else {
|
| 838 |
+
return context.dataset.label + ': Top ' + context.raw + '%';
|
| 839 |
+
}
|
| 840 |
+
}
|
| 841 |
+
}
|
| 842 |
+
}
|
| 843 |
+
},
|
| 844 |
+
scales: {
|
| 845 |
+
y: {
|
| 846 |
+
type: 'linear',
|
| 847 |
+
display: true,
|
| 848 |
+
position: 'left',
|
| 849 |
+
beginAtZero: true,
|
| 850 |
+
max: 100,
|
| 851 |
+
ticks: {
|
| 852 |
+
callback: function(value) {
|
| 853 |
+
return value + '%';
|
| 854 |
+
}
|
| 855 |
+
}
|
| 856 |
+
},
|
| 857 |
+
y1: {
|
| 858 |
+
type: 'linear',
|
| 859 |
+
display: true,
|
| 860 |
+
position: 'right',
|
| 861 |
+
beginAtZero: true,
|
| 862 |
+
max: 100,
|
| 863 |
+
ticks: {
|
| 864 |
+
callback: function(value) {
|
| 865 |
+
return 'Top ' + value + '%';
|
| 866 |
+
}
|
| 867 |
+
},
|
| 868 |
+
grid: {
|
| 869 |
+
drawOnChartArea: false
|
| 870 |
+
}
|
| 871 |
+
}
|
| 872 |
+
}
|
| 873 |
+
}
|
| 874 |
+
});
|
| 875 |
+
}
|
| 876 |
+
|
| 877 |
+
// Initialize charts on page load
|
| 878 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 879 |
+
initPerformanceChart();
|
| 880 |
+
});
|
| 881 |
+
</script>
|
| 882 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Cyrofranklin/intelectus" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 883 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
O Intelectus é um aplicativo móvel desenvolvido para médicos anestesiologistas que estão se preparando para as provas de Título de Especialista em Anestesiologia (TEA) e Título Superior em Anestesiologia (TSA). O aplicativo oferece um banco de questões abrangente, simulados com tempo controlado, estatísticas de desempenho e recursos avançados para otimizar o estudo. Conta ainda com simulados mensais online (com ranking estadual e nacional), além de uma aba referente a análise do desempenho individual. No cadastramento do app o candidato deve preencher sua categoria e dizer qual país e o estado em que habita. (sou R1, sou R2, sou R3, TEA/TSA). Inicialmente ofereceremos uma versão gratuita do app. Nesta versão haverão questões do banco de dados de questões da SBA, somente. Sem os comentários. Somente o gabarito! O candidato poderá responder a questão do dia, porém não terá acesso ao comentário da questão. Somente o gabarito! O candidato poderá ainda escolher um simulado rápido (com 10 questões aleatórias). Gozará ainda dos dados estatísticos individuais. Haverão as seguintes categorias de assinantes TEA/TSA; R1; R2 e R3. A PÁGINA INICIAL mostrará dados individuais do candidato. (Nome [Dr Fulano], apelido [para ser colocado no ranking], Estado e categoria [TEA/TSA, R1, R2 ou R3]. Quantas questões ja foram respondidas (quantitativo e %) Botões rápidos: 1- Questão do Dia (somente referente a sua categoria) (notificação!) 2- Simulado rápido: 10 questões completamente aleatórias (15 minutos). O tema será referente a sua categoria 3- Simulado trimestral: Somente para residentes. Aqui o simulado será de 10 questões referentes ao tema a ser abordado na prova trimestral vigente. 4- Meu progresso. Mais discriminativo possível. Gráfico de barra com taxa de acerto global separado por tema e embaixo em função do tempo (coluna ou linha). Taxa de acerto por tema também em função do tempo. Botão indicando a data do simulado mensal e a comparação do seu desempenho com outros médicos de todo país. Análise (gráfico de pizza) dos últimos 30 dias e quanto aumentou do mês anterior para este. Discriminação dos 3 temas com maior e menor taxa de acertos no geral. Tempo de estudo (em horas) gasto esta semana, este mês, média diária (O tempo considerado será aquele gasto executando simulados ou respondendo questões do banco de questões). E em que posição está entre todos os candidatos. Posição no Ranking (ex: vc está no top 15% no simulado mensal) Melhoria do desempenho: sua taxa de acerto em determinado tema aumentou 12%. A SEGUNDA PÁGINA será o acesso ao banco de questões podendo-se aplicar os filtros: a) Banco TSA TEA Prova Anual Intellectus b) Tema: Os vários temas referentes aos temas cobrados nas provas. (Vou discriminá-los aqui!) C) Ano: 2016-2025 Obs.: o candidato pode marcar mais de um item em cada categoria. Obs2.: o resultado da aplicação dos filtros mostra o quantitativo de questões obtidos. E o candidato decide quantas questões quer fazer nesta sessão e, uma vez decidido isso, pode ir respondendo uma a uma ,observando a resposta e os respectivos comentários. Idealmente colocar um cronometro. A TERCEIRA PÁGINA será referente ao simulado personalizado. 1. Número total de questões. Os temas na primeira coluna e o número de questões de cada tema. 2. Tempo total do simulado 3. Comentários e gabarito: a cada questão; ao final. QUARTA PÁGINA será referente ao simulado mensal. (Notificação!) Todos os simulados mensais com data, taxas de acerto, ranking, além de discriminação dos temas e das taxas de acerto em cada um deles.
|