Refina copy em /sobre e /frameworks e ajusta overlay do modal de conexões
- Ajusta espaçamento entre elementos inline em /frameworks (uso de ) e padroniza texto.
- Atualiza textos em /sobre: tom pessoal ("um entusiasta"), títulos e pequenas reformulações para clareza.
- Modifica overlay do modal em ConnectionsDiagram: aumenta opacidade e reduz efeito de blur.
This commit is contained in:
Lucas Rayan committed
1 parent
83b2bd4c73
commit
60df88043c
3 files changed
+31
-14
No files matched your search
+10
-4
@@ -125,8 +125,11 @@ export default function Frameworks() {
|
||||
🎓 Iniciante no ESP32?
|
||||
</h3>
|
||||
<p className="text-gray-600 mb-4">
|
||||
Se você está começando, recomendamos iniciar com <strong>Arduino</strong> ou <strong>MicroPython</strong>
|
||||
para prototipagem rápida, ou <strong>ESP-IDF</strong> para projetos profissionais com controle total.
|
||||
Se você está começando, recomendo iniciar com
|
||||
<strong>Arduino</strong> ou
|
||||
<strong>MicroPython</strong>
|
||||
para prototipagem rápida, ou
|
||||
<strong>ESP-IDF</strong> para projetos profissionais com controle total.
|
||||
</p>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Link href="/frameworks/Arduino" className="px-4 py-2 bg-blue-100 text-blue-700 rounded-lg text-sm font-semibold hover:bg-blue-200 transition-colors">
|
||||
@@ -146,8 +149,11 @@ export default function Frameworks() {
|
||||
🚀 Aplicações Especializadas?
|
||||
</h3>
|
||||
<p className="text-gray-600 mb-4">
|
||||
Para projetos específicos, explore frameworks especializados como <strong>ESP-ADF</strong> (áudio),
|
||||
<strong>ESP-WHO</strong> (visão), <strong>ESP-NN</strong> (IA) ou <strong>ESP-Matter</strong> (smart home).
|
||||
Para projetos específicos, explore frameworks especializados como
|
||||
<strong>ESP-ADF</strong> (áudio),
|
||||
<strong>ESP-WHO</strong> (visão),
|
||||
<strong>ESP-NN</strong> (IA) ou
|
||||
<strong>ESP-Matter</strong> (smart home).
|
||||
</p>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Link href="/frameworks/ESP-ADF" className="px-4 py-2 bg-blue-100 text-blue-700 rounded-lg text-sm font-semibold hover:bg-blue-200 transition-colors">
|
||||
|
||||
+20
-9
@@ -32,7 +32,8 @@ export default function Sobre() {
|
||||
</h1>
|
||||
|
||||
<p className="text-lg md:text-xl opacity-90 max-w-3xl mb-6">
|
||||
Uma documentação não oficial, em português, feita por e para a comunidade — com foco em clareza, exemplos práticos e colaboração aberta.
|
||||
Uma documentação não oficial, em português, feita por um entusiasta e para
|
||||
a comunidade — com foco em clareza, exemplos práticos e colaboração aberta.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-3 sm:gap-4 items-start sm:items-center">
|
||||
@@ -56,17 +57,21 @@ export default function Sobre() {
|
||||
<div className="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<section className="md:col-span-2 space-y-6">
|
||||
<article className="bg-white/70 backdrop-blur-sm rounded-2xl p-6 shadow-sm border border-gray-100">
|
||||
<h2 className="text-2xl font-bold mb-2">Nossa missão</h2>
|
||||
<h2 className="text-2xl font-bold mb-2">Missão</h2>
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
Facilitar o aprendizado e acelerar projetos com ESP32 por meio de documentação clara, exemplos testados e comparativos práticos.
|
||||
Priorizamos traduções fiéis, explicações passo a passo e dicas baseadas em experiência real de desenvolvimento.
|
||||
Facilitar o aprendizado e acelerar projetos com ESP32 por meio de
|
||||
documentação clara, exemplos testados e comparativos práticos.
|
||||
Priorizei traduções fiéis, explicações passo a passo e dicas
|
||||
baseadas em experiência real de desenvolvimento.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
|
||||
<h2 className="text-2xl font-bold mb-2">Por que o ESPDocs?</h2>
|
||||
<p className="text-gray-700 leading-relaxed mb-4">
|
||||
Informações técnicas frequentemente estão dispersas entre datasheets, fóruns e repositórios. O ESPDocs centraliza esse conteúdo em português, com foco em aplicabilidade.
|
||||
Informações técnicas frequentemente estão dispersas entre datasheets,
|
||||
fóruns e repositórios. O ESPDocs centraliza esse conteúdo em português,
|
||||
com foco em aplicabilidade.
|
||||
</p>
|
||||
|
||||
<ul role="list" className="grid sm:grid-cols-2 gap-4">
|
||||
@@ -85,7 +90,9 @@ export default function Sobre() {
|
||||
<article className="bg-white/70 backdrop-blur-sm rounded-2xl p-6 shadow-sm border border-gray-100">
|
||||
<h2 className="text-2xl font-bold mb-2">Como contribuir</h2>
|
||||
<p className="text-gray-700 leading-relaxed mb-3">
|
||||
Correções, traduções e novos exemplos são bem-vindos. Abra uma issue ou um pull request no repositório. Buscamos clareza nas descrições e exemplos testáveis.
|
||||
Correções, traduções e novos exemplos são bem-vindos. Abra uma
|
||||
issue ou um pull request no repositório. Busco por clareza nas
|
||||
descrições e exemplos testáveis.
|
||||
</p>
|
||||
<ol className="list-decimal list-inside text-gray-700 space-y-1">
|
||||
<li>Fork do repositório e crie uma branch clara.</li>
|
||||
@@ -97,7 +104,8 @@ export default function Sobre() {
|
||||
<article className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
|
||||
<h2 className="text-2xl font-bold mb-2">Acessibilidade</h2>
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
O site prioriza leitura, contraste legível e navegação por teclado. Se encontrar barreiras, por favor relate-nos para que possamos melhorar.
|
||||
O site prioriza leitura, contraste legível e navegação por teclado.
|
||||
Se encontrar barreiras, por favor relate para que eu possa melhorar.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
@@ -109,7 +117,9 @@ export default function Sobre() {
|
||||
<span className="text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full">Open Source</span>
|
||||
</div>
|
||||
|
||||
<p className="text-gray-700 mb-4">Ajude a melhorar o ESPDocs com exemplos, correções e traduções.</p>
|
||||
<p className="text-gray-700 mb-4">
|
||||
Ajude a melhorar o ESPDocs com exemplos, correções e traduções.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col gap-3">
|
||||
<a
|
||||
@@ -128,7 +138,8 @@ export default function Sobre() {
|
||||
</div>
|
||||
|
||||
<div className="mt-4 text-sm text-gray-500">
|
||||
<strong>Nota:</strong> Conteúdo não oficial. Consulte sempre datasheets e documentos oficiais para decisões críticas.
|
||||
<strong>Nota:</strong> Conteúdo não oficial. Consulte sempre datasheets
|
||||
e documentos oficiais para decisões críticas.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -248,7 +248,7 @@ export default function ConnectionsDiagram({ connections, color }) {
|
||||
|
||||
{selectedConnection && (
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center p-4 z-50 animate-fadeIn"
|
||||
className="fixed inset-0 bg-opacity-80 backdrop-blur-xs flex items-center justify-center p-4 z-50 animate-fadeIn"
|
||||
onClick={() => setSelectedConnection(null)}
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
|
||||
Reference in new issue
Block a user