Hugging Face's logo

Spaces:
DHEIVER
/
IA-Toolbox-Hub
Sleeping

App Files Community
DHEIVER commited on
Commit
198d92d
·
verified ·
1 Parent(s): 7ef567c

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +104 -44
index.html CHANGED
@@ -5,70 +5,130 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>IA Toolbox Hub - Dheiver Santos</title>
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.js"></script>
 
 
8
  </head>
9
- <body class="bg-gray-100">
10
- <div class="container mx-auto px-4 py-8">
11
- <header class="text-center mb-12">
12
- <h1 class="text-4xl font-bold text-gray-800 mb-4">IA Toolbox Hub</h1>
13
- <p class="text-xl text-gray-600">Uma plataforma inteligente para processamento de linguagem natural</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
14
  </header>
15
 
16
- <div class="bg-white rounded-lg shadow-lg p-8 mb-12">
17
- <div class="flex flex-col md:flex-row items-center">
18
- <div class="md:w-1/3 mb-6 md:mb-0">
19
- <img src="https://media.licdn.com/dms/image/v2/D4D03AQE-v0C-qPJakQ/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1731926431207?e=1737590400&v=beta&t=c_j1M38VWbyvvfD384OY7_ckPlLeM6PGeq-Rbq2Ta5k"
20
- alt="Dheiver Santos"
21
- class="rounded-full mx-auto w-12 h-12 object-cover"/> <!-- Changed from w-64 h-64 to w-24 h-24 -->
 
 
 
 
 
 
22
  </div>
23
  <div class="md:w-2/3 md:pl-8">
24
  <h2 class="text-3xl font-bold mb-4">Dheiver Santos, PhD</h2>
25
- <div class="space-y-2">
26
- <p class="text-lg">🎓 Doutor em IA/AM</p>
27
- <p class="text-lg">🌟 Especialista em IA de Voz/IA Generativa</p>
28
- <p class="text-lg">🔬 +200 Artigos (Web of Knowledge)</p>
29
- <p class="text-lg">📚 +50 mil Leitores (ResearchGate)</p>
30
- <p class="text-lg">📈 +300 Citações</p>
31
- <p class="text-lg">📖 30 eBooks</p>
32
- <p class="text-lg">💡 +200 Produtos de IA</p>
33
- <p class="text-lg">🏆 Titular de Patente INPI</p>
 
 
 
 
 
 
 
 
34
  </div>
35
  </div>
36
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
  </div>
38
 
39
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
40
- <div class="bg-white rounded-lg shadow p-6">
 
 
 
 
41
  <h3 class="text-xl font-bold mb-4">Transcrição de Áudio</h3>
42
- <p>Converta áudio em texto com alta precisão usando modelos state-of-the-art.</p>
 
 
 
43
  </div>
44
- <div class="bg-white rounded-lg shadow p-6">
 
 
 
 
 
45
  <h3 class="text-xl font-bold mb-4">Tradução</h3>
46
- <p>Traduza textos entre português e inglês com qualidade profissional.</p>
 
 
 
47
  </div>
48
- <div class="bg-white rounded-lg shadow p-6">
 
 
 
 
 
49
  <h3 class="text-xl font-bold mb-4">Resumo</h3>
50
- <p>Gere resumos concisos mantendo as informações essenciais do texto.</p>
51
- </div>
52
- <div class="bg-white rounded-lg shadow p-6">
53
- <h3 class="text-xl font-bold mb-4">Análise de Sentimento</h3>
54
- <p>Identifique o tom emocional em textos com precisão.</p>
55
- </div>
56
- <div class="bg-white rounded-lg shadow p-6">
57
- <h3 class="text-xl font-bold mb-4">Perguntas e Respostas</h3>
58
- <p>Obtenha respostas precisas baseadas em contexto fornecido.</p>
59
- </div>
60
- <div class="bg-white rounded-lg shadow p-6">
61
- <h3 class="text-xl font-bold mb-4">Chat Interativo</h3>
62
- <p>Interaja com um assistente virtual inteligente e versátil.</p>
63
  </div>
64
  </div>
65
 
66
- <div class="bg-white rounded-lg shadow-lg p-8">
67
  <h3 class="text-2xl font-bold mb-4">Como Citar</h3>
68
- <p class="text-lg font-mono bg-gray-100 p-4 rounded">
69
- Santos, D. (2024). IA Toolbox Hub [Software]. Hugging Face Spaces.
70
- </p>
71
- </div>
 
 
 
 
 
72
  </div>
73
  </body>
74
  </html>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>IA Toolbox Hub - Dheiver Santos</title>
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.js"></script>
8
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.8.2/alpine.js"></script>
9
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
10
  </head>
11
+ <body class="bg-gradient-to-br from-gray-100 to-blue-50 min-h-screen">
12
+ <nav class="bg-white shadow-lg">
13
+ <div class="container mx-auto px-6 py-3">
14
+ <div class="flex items-center justify-between">
15
+ <div class="text-xl font-bold text-gray-800">IA Toolbox Hub</div>
16
+ <div class="hidden md:flex space-x-8">
17
+ <a href="#features" class="text-gray-600 hover:text-blue-500 transition">Recursos</a>
18
+ <a href="#about" class="text-gray-600 hover:text-blue-500 transition">Sobre</a>
19
+ <a href="#contact" class="text-gray-600 hover:text-blue-500 transition">Contato</a>
20
+ </div>
21
+ </div>
22
+ </div>
23
+ </nav>
24
+
25
+ <div class="container mx-auto px-4 py-12">
26
+ <header class="text-center mb-16">
27
+ <h1 class="text-5xl font-bold text-gray-800 mb-4">IA Toolbox Hub</h1>
28
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">Uma plataforma inteligente que revoluciona o processamento de linguagem natural através de tecnologias de ponta</p>
29
  </header>
30
 
31
+ <div x-data="{ activeTab: 'profile' }" class="bg-white rounded-lg shadow-xl p-8 mb-16">
32
+ <div class="flex space-x-4 mb-8">
33
+ <button @click="activeTab = 'profile'" :class="{ 'bg-blue-500 text-white': activeTab === 'profile' }" class="px-4 py-2 rounded-lg transition">Perfil</button>
34
+ <button @click="activeTab = 'stats'" :class="{ 'bg-blue-500 text-white': activeTab === 'stats' }" class="px-4 py-2 rounded-lg transition">Estatísticas</button>
35
+ </div>
36
+
37
+ <div x-show="activeTab === 'profile'" class="flex flex-col md:flex-row items-center">
38
+ <div class="md:w-1/3 mb-6 md:mb-0 relative">
39
+ <img src="/api/placeholder/96/96" alt="Dheiver Santos" class="rounded-full mx-auto w-24 h-24 object-cover ring-4 ring-blue-500"/>
40
+ <div class="absolute -bottom-2 -right-2 bg-blue-500 text-white p-2 rounded-full">
41
+ <i class="fas fa-check"></i>
42
+ </div>
43
  </div>
44
  <div class="md:w-2/3 md:pl-8">
45
  <h2 class="text-3xl font-bold mb-4">Dheiver Santos, PhD</h2>
46
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
47
+ <div class="flex items-center space-x-2">
48
+ <i class="fas fa-graduation-cap text-blue-500"></i>
49
+ <span>Doutor em IA/AM</span>
50
+ </div>
51
+ <div class="flex items-center space-x-2">
52
+ <i class="fas fa-star text-blue-500"></i>
53
+ <span>Especialista em IA de Voz/IA Generativa</span>
54
+ </div>
55
+ <div class="flex items-center space-x-2">
56
+ <i class="fas fa-book text-blue-500"></i>
57
+ <span>30 eBooks Publicados</span>
58
+ </div>
59
+ <div class="flex items-center space-x-2">
60
+ <i class="fas fa-trophy text-blue-500"></i>
61
+ <span>Titular de Patente INPI</span>
62
+ </div>
63
  </div>
64
  </div>
65
  </div>
66
+
67
+ <div x-show="activeTab === 'stats'" class="grid grid-cols-1 md:grid-cols-3 gap-6">
68
+ <div class="bg-blue-50 p-6 rounded-lg text-center">
69
+ <div class="text-4xl font-bold text-blue-500 mb-2">200+</div>
70
+ <div class="text-gray-600">Artigos Publicados</div>
71
+ </div>
72
+ <div class="bg-blue-50 p-6 rounded-lg text-center">
73
+ <div class="text-4xl font-bold text-blue-500 mb-2">50k+</div>
74
+ <div class="text-gray-600">Leitores</div>
75
+ </div>
76
+ <div class="bg-blue-50 p-6 rounded-lg text-center">
77
+ <div class="text-4xl font-bold text-blue-500 mb-2">300+</div>
78
+ <div class="text-gray-600">Citações</div>
79
+ </div>
80
+ </div>
81
  </div>
82
 
83
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
84
+ <div x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
85
+ class="bg-white rounded-lg shadow-lg p-6 transform transition-all duration-300 hover:scale-105">
86
+ <div class="text-blue-500 text-3xl mb-4">
87
+ <i class="fas fa-microphone"></i>
88
+ </div>
89
  <h3 class="text-xl font-bold mb-4">Transcrição de Áudio</h3>
90
+ <p class="text-gray-600 mb-4">Converta áudio em texto com alta precisão usando modelos state-of-the-art.</p>
91
+ <button class="bg-blue-500 text-white px-4 py-2 rounded-lg w-full transition hover:bg-blue-600">
92
+ Experimentar
93
+ </button>
94
  </div>
95
+
96
+ <div x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
97
+ class="bg-white rounded-lg shadow-lg p-6 transform transition-all duration-300 hover:scale-105">
98
+ <div class="text-blue-500 text-3xl mb-4">
99
+ <i class="fas fa-language"></i>
100
+ </div>
101
  <h3 class="text-xl font-bold mb-4">Tradução</h3>
102
+ <p class="text-gray-600 mb-4">Traduza textos entre português e inglês com qualidade profissional.</p>
103
+ <button class="bg-blue-500 text-white px-4 py-2 rounded-lg w-full transition hover:bg-blue-600">
104
+ Experimentar
105
+ </button>
106
  </div>
107
+
108
+ <div x-data="{ hover: false }" @mouseenter="hover = true" @mouseleave="hover = false"
109
+ class="bg-white rounded-lg shadow-lg p-6 transform transition-all duration-300 hover:scale-105">
110
+ <div class="text-blue-500 text-3xl mb-4">
111
+ <i class="fas fa-file-alt"></i>
112
+ </div>
113
  <h3 class="text-xl font-bold mb-4">Resumo</h3>
114
+ <p class="text-gray-600 mb-4">Gere resumos concisos mantendo as informações essenciais do texto.</p>
115
+ <button class="bg-blue-500 text-white px-4 py-2 rounded-lg w-full transition hover:bg-blue-600">
116
+ Experimentar
117
+ </button>
 
 
 
 
 
 
 
 
 
118
  </div>
119
  </div>
120
 
121
+ <footer class="bg-white rounded-lg shadow-lg p-8 text-center">
122
  <h3 class="text-2xl font-bold mb-4">Como Citar</h3>
123
+ <div class="bg-gray-50 p-4 rounded-lg inline-block">
124
+ <code class="text-sm">
125
+ Santos, D. (2024). IA Toolbox Hub [Software]. Hugging Face Spaces.
126
+ </code>
127
+ <button class="ml-2 text-blue-500 hover:text-blue-600" onclick="navigator.clipboard.writeText('Santos, D. (2024). IA Toolbox Hub [Software]. Hugging Face Spaces.')">
128
+ <i class="far fa-copy"></i>
129
+ </button>
130
+ </div>
131
+ </footer>
132
  </div>
133
  </body>
134
  </html>