Initial commit: EKAI Blog de Notícias IA
This commit is contained in:
11
.gitignore
vendored
Normal file
11
.gitignore
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
node_modules/
|
||||
.next/
|
||||
dist/
|
||||
.env
|
||||
.env.local
|
||||
.env*.local
|
||||
*.log
|
||||
.DS_Store
|
||||
coverage/
|
||||
.turbo/
|
||||
*.tsbuildinfo
|
||||
BIN
avatar.jpg
Normal file
BIN
avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
511
index.html
Normal file
511
index.html
Normal file
@@ -0,0 +1,511 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EK[AI] - Eduardo Kislanski</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="neuralCanvas"></canvas>
|
||||
|
||||
<header class="header">
|
||||
<nav class="nav container">
|
||||
<a href="/" class="logo">🧠 EK<span class="accent">[AI]</span></a>
|
||||
<a href="#newsletter" class="btn btn-glow">Inscrever-se</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container hero-content">
|
||||
<img src="avatar.jpg" alt="Eduardo Kislanski" class="avatar">
|
||||
<h1 class="hero-title">EK<span class="accent">[AI]</span></h1>
|
||||
<p class="hero-tagline">🧠 Seu Filtro Diário de IA</p>
|
||||
|
||||
<form class="newsletter-form" id="newsletter" onsubmit="alert('✅ Inscrito!'); return false;">
|
||||
<input type="email" placeholder="Seu e-mail..." required>
|
||||
<button type="submit" class="btn btn-cta">Inscrever</button>
|
||||
</form>
|
||||
<p class="author-line">Por <strong>Eduardo Kislanski</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="posts-section container" id="posts">
|
||||
<h2 class="section-title">📰 Notícias de <span class="accent">IA</span></h2>
|
||||
|
||||
<!-- NOTÍCIAS 10/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 10, 2026</span>
|
||||
<h3>Big Techs Investem US$ 670 Bilhões em IA em 2026</h3>
|
||||
<p class="post-preview">Investimento combinado de Meta, Microsoft, Amazon e Alphabet supera custo do programa Apollo...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O investimento combinado de Meta, Microsoft, Amazon e Alphabet em infraestrutura de IA em 2026 chegou a US$ 670 bilhões — superando os maiores esforços de capital da história americana em porcentagem do PIB, ficando atrás apenas da Compra da Louisiana em 1803.</p>
|
||||
<p><strong>Quem lidera:</strong></p>
|
||||
<p>• Microsoft: ~US$ 180B (parceria OpenAI + Azure)</p>
|
||||
<p>• Google/Alphabet: ~US$ 150B (TPUs + Gemini)</p>
|
||||
<p>• Amazon/AWS: ~US$ 120B (Bedrock + chips Trainium)</p>
|
||||
<p>• Meta: ~US$ 100B (Llama + data centers)</p>
|
||||
<p><strong>Por que importa:</strong> Estamos vivendo a maior corrida tecnológica desde a ida à Lua. A escala de investimento mostra que as Big Techs acreditam que IA será a plataforma dominante da próxima década.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611746872915-64382b5c76da?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 10, 2026</span>
|
||||
<h3>Grok Gera 3 Milhões de Imagens Sexualizadas no X</h3>
|
||||
<p class="post-preview">Relatório revela que IA de Musk inundou a plataforma com conteúdo problemático...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Um relatório do Center for Countering Digital Hate revelou que o Grok, a IA do X (antigo Twitter), gerou aproximadamente 3 milhões de imagens sexualizadas na plataforma, incluindo 23.000 envolvendo menores — uma média de 190 imagens por minuto durante 11 dias.</p>
|
||||
<p><strong>O escândalo:</strong></p>
|
||||
<p>• O X tinha acabado de publicar um tweet de "tolerância zero" para o Dia da Internet Segura</p>
|
||||
<p>• As imagens foram geradas sem filtros adequados de segurança</p>
|
||||
<p>• Reguladores europeus já pediram investigação formal</p>
|
||||
<p><strong>Reflexão:</strong> IA generativa sem guardrails é perigosa. A velocidade de geração de conteúdo supera qualquer capacidade de moderação humana. Empresas precisam de filtros ANTES, não depois.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 09/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>ChatGPT Terá Links Patrocinados Para Usuários Gratuitos</h3>
|
||||
<p class="post-preview">OpenAI começa a monetizar com anúncios — quem paga $20/mês escapa...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A OpenAI confirmou que começará a exibir links patrocinados ("sponsored links") nas respostas do ChatGPT para usuários do plano gratuito.</p>
|
||||
<p><strong>Como funciona:</strong></p>
|
||||
<p>• Links relevantes ao contexto da conversa aparecerão nas respostas</p>
|
||||
<p>• Modelo semelhante ao Google Ads, mas integrado nas respostas da IA</p>
|
||||
<p>• Assinantes do ChatGPT Plus ($20/mês) não verão anúncios</p>
|
||||
<p><strong>A reflexão:</strong> Era questão de tempo. O modelo "grátis com anúncios" chegou à IA. A grande pergunta: isso vai comprometer a imparcialidade das respostas? Quando a IA recomenda um produto, será porque é o melhor — ou porque pagaram?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>UE Ordena Meta a Reabrir WhatsApp para IAs Rivais</h3>
|
||||
<p class="post-preview">Comissão Europeia considera bloqueio do ChatGPT e Copilot como antitruste...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Comissão Europeia determinou que a Meta deve permitir que assistentes de IA concorrentes operem dentro do WhatsApp, classificando o caso como "urgente" pelo risco de dano "irreparável" à competição no setor de IA.</p>
|
||||
<p>A decisão vem após a Meta ter bloqueado integrações do ChatGPT, Copilot e outros assistentes na plataforma em novembro, favorecendo sua própria Meta AI.</p>
|
||||
<p><strong>Impacto:</strong></p>
|
||||
<p>• WhatsApp terá que permitir bots de IA de terceiros</p>
|
||||
<p>• Usuários poderão escolher qual assistente usar dentro do app</p>
|
||||
<p>• Precedente importante para regulamentação de IA em plataformas</p>
|
||||
<p><strong>Opinião:</strong> A era dos "jardins murados" de IA está acabando. Mais competição = melhores produtos para o usuário.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>Super Bowl 2026: Anúncios de IA Dominam os Intervalos</h3>
|
||||
<p class="post-preview">AI.com, plataforma de agentes de IA, estreia com comercial de 30 segundos...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Super Bowl 2026 foi dominado por anúncios de IA. O destaque foi a AI.com, nova plataforma do CEO da Crypto.com, que exibiu um comercial de 30 segundos prometendo "democratizar agentes de IA e AGI".</p>
|
||||
<p><strong>Destaques:</strong></p>
|
||||
<p>• AI.com prometeu handles personalizados como "Mark", "Sam" e "Elon"</p>
|
||||
<p>• Kris Marszalek (Crypto.com) lidera a plataforma</p>
|
||||
<p>• Nenhum comercial de IA generativa convenceu os críticos</p>
|
||||
<p><strong>Análise:</strong> A mesma galera do hype cripto agora quer surfar a onda da IA. O ceticismo é compreensível — mas a tecnologia por trás é muito mais real que NFTs.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 08/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 08, 2026</span>
|
||||
<h3>Waymo Usa IA para Simular Mundos 3D com Elefantes e Tornados</h3>
|
||||
<p class="post-preview">Parceria com Google DeepMind cria simulações realistas para treinar carros autônomos...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Waymo revelou que está usando modelos de IA do Google DeepMind (Genie 3) para gerar mundos 3D completos e simular cenários extremos para seus carros autônomos — incluindo enchentes, tornados e até elefantes na pista.</p>
|
||||
<p><strong>Como funciona:</strong></p>
|
||||
<p>• IA gera cenários 3D fotorrealistas a partir de texto</p>
|
||||
<p>• Carros autônomos são testados virtualmente em milhões de situações raras</p>
|
||||
<p>• Reduz necessidade de testes físicos caros e perigosos</p>
|
||||
<p><strong>Curiosidade:</strong> Internautas apontaram que a Waymo treina para elefantes mas ainda tem dificuldade com ônibus escolares em Austin. Prioridades, né?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1563986768609-322da13575f2?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 08, 2026</span>
|
||||
<h3>DocuSign Aposta Tudo em IA: "Não Oferecer IA Não é Opção"</h3>
|
||||
<p class="post-preview">CEO Allan Thygesen diz que IA é obrigatória para qualquer empresa de software...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O CEO da DocuSign, Allan Thygesen, declarou em entrevista que "não oferecer um serviço de IA simplesmente não é opção" para empresas de software em 2026.</p>
|
||||
<p><strong>O que a DocuSign está fazendo:</strong></p>
|
||||
<p>• IA para análise automática de contratos</p>
|
||||
<p>• Extração inteligente de cláusulas e riscos</p>
|
||||
<p>• Assistente que negocia termos automaticamente</p>
|
||||
<p><strong>A lição para empresas:</strong> Se até a DocuSign — uma empresa de assinatura digital — está apostando forte em IA, qualquer empresa que ainda não está se movimentando está ficando para trás.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 07/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1639322537228-f710d846310a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 07, 2026</span>
|
||||
<h3>Google Estuda Permitir que Publishers Saiam da IA no Search</h3>
|
||||
<p class="post-preview">Após pressão do Reino Unido, Google "explora" opt-out de AI Overviews...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Após o regulador britânico CMA dar ao Google status de "mercado estratégico", a empresa anunciou que está "explorando" formas de permitir que publishers optem por não ter seu conteúdo usado nos AI Overviews do Google Search.</p>
|
||||
<p><strong>Contexto:</strong></p>
|
||||
<p>• AI Overviews resumem conteúdo de sites sem que o usuário precise clicar</p>
|
||||
<p>• Publishers reclamam que isso mata o tráfego orgânico</p>
|
||||
<p>• O Reino Unido ameaçou forçar o opt-out por lei</p>
|
||||
<p><strong>Opinião:</strong> Google usando "explorando" é corporate speak para "vamos enrolar até sermos obrigados". Mas o precedente é importante — criadores de conteúdo merecem controle sobre como sua obra é usada.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 07, 2026</span>
|
||||
<h3>Disney + OpenAI: Sora Vai Criar Vídeos com Personagens Disney</h3>
|
||||
<p class="post-preview">Assinantes do Disney+ poderão gerar clipes de 30s com 250+ personagens...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Disney confirmou detalhes da parceria com a OpenAI para integrar o Sora ao Disney+. Bob Iger revelou aos investidores que assinantes poderão criar vídeos de 30 segundos com mais de 250 personagens Disney.</p>
|
||||
<p><strong>O que vem:</strong></p>
|
||||
<p>• Clipes gerados por IA com personagens da Disney, Pixar e Marvel</p>
|
||||
<p>• Feeds verticais curados dentro do Disney+</p>
|
||||
<p>• Lançamento previsto para o ano fiscal de 2026</p>
|
||||
<p><strong>Impacto:</strong> É a maior validação da IA generativa no entretenimento mainstream. Se a Disney — a empresa mais protetora de suas IPs — embarcou, é porque acredita que dá pra controlar a qualidade.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 06/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 06, 2026</span>
|
||||
<h3>Suda 51 Critica IA Generativa: "Algo Está Estranho"</h3>
|
||||
<p class="post-preview">Criador de No More Heroes diz que imagens de IA têm algo "psicologicamente errado"...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Suda 51, o excêntrico criador de No More Heroes e diretor da Grasshopper Manufacture, falou sobre IA generativa em entrevista ao Eurogamer.</p>
|
||||
<p><strong>O que ele disse:</strong></p>
|
||||
<p>"Muito do que vejo de IA nas redes sociais... por mais que tenha evoluído, tem algo nas imagens e vídeos que parece errado. A maioria das pessoas tem essa mesma sensação, algo psicológico te avisa que algo não está certo. Algo está meio estranho."</p>
|
||||
<p><strong>Reflexão:</strong> É o "uncanny valley" da IA generativa. Mesmo quando a qualidade técnica é alta, nosso cérebro detecta que algo é artificial. Por enquanto. A questão é: por quanto tempo?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 06, 2026</span>
|
||||
<h3>Meta Gasta Milhões em Campanha Para Convencer Vizinhos de Data Centers</h3>
|
||||
<p class="post-preview">Empresa investe pesado em propaganda para comunidades próximas a data centers de IA...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Meta lançou uma campanha publicitária milionária para convencer comunidades locais de que ter data centers de IA no quintal "não é tão ruim assim".</p>
|
||||
<p><strong>A polêmica:</strong></p>
|
||||
<p>• Data centers de IA consomem energia equivalente a cidades inteiras</p>
|
||||
<p>• Comunidades reclamam de ruído, consumo de água e impacto ambiental</p>
|
||||
<p>• Meta promete empregos e investimento local, mas moradores são céticos</p>
|
||||
<p><strong>O melhor comentário da internet:</strong> "Coloca um do lado da SUA casa, Mark! Seja a mudança que você quer ver no mundo." 😂</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 05/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 05, 2026</span>
|
||||
<h3>Sophia: Criador do Robô Pediu Dinheiro a Epstein para "Androides Sexy"</h3>
|
||||
<p class="post-preview">Documentos do DOJ revelam proposta de US$ 3 milhões para construir "ginoide atraente"...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Documentos liberados pelo Departamento de Justiça dos EUA revelaram que David Hanson, criador do robô Sophia, enviou uma proposta de US$ 3 milhões a Jeffrey Epstein para construir uma "android feminina atraente" com um "rosto e corpo de robô lindo e funcional".</p>
|
||||
<p><strong>Detalhes perturbadores:</strong></p>
|
||||
<p>• A proposta incluía um rascunho do design da "ginoide"</p>
|
||||
<p>• Uma nota dizia que "o design final será feito em colaboração com você"</p>
|
||||
<p>• Os documentos são parte do lote liberado pelo DOJ na semana passada</p>
|
||||
<p><strong>Reflexão:</strong> Um lembrete sombrio de como a interseção entre tecnologia, poder e falta de ética pode levar a lugares assustadores. IA e robótica precisam de governança séria.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1516110833967-0b5716ca1387?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 05, 2026</span>
|
||||
<h3>Moltbot Vira Febre: Agente de IA Local Que Roda no Seu PC</h3>
|
||||
<p class="post-preview">Projeto viral no Reddit permite rodar agente autônomo sem nuvem...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Moltbot (anteriormente Clawdbot), agente de IA que roda localmente no PC do usuário, virou o projeto mais comentado da semana nas comunidades tech do Reddit.</p>
|
||||
<p><strong>O que aconteceu:</strong></p>
|
||||
<p>• Criador Peter Steinberger foi contatado pela Anthropic para renomear (era "Clawdbot", inspirado no mascote do Claude Code)</p>
|
||||
<p>• Golpistas criaram uma cripto falsa aproveitando a mudança de nome</p>
|
||||
<p>• Steinberger: "Tudo que podia dar errado hoje, deu errado"</p>
|
||||
<p><strong>Por que importa:</strong> Agentes de IA locais são o futuro para privacidade. Rodar IA no seu próprio hardware, sem enviar dados pra nuvem, é uma tendência crescente.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 04/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1677442136019-21780ecad995?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 04, 2026</span>
|
||||
<h3>Home Assistant + Claude Code: IA Configura Sua Casa Inteligente</h3>
|
||||
<p class="post-preview">Jornalista do The Verge migra toda a casa para Home Assistant em uma tarde usando IA...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Jennifer Pattison Tuohy, do The Verge, relatou que depois de anos tentando migrar para o Home Assistant, conseguiu fazer a transição em uma única tarde usando o Claude Code como assistente.</p>
|
||||
<p><strong>O que a IA fez:</strong></p>
|
||||
<p>• Configurou integrações com dezenas de dispositivos</p>
|
||||
<p>• Escreveu automações YAML complexas</p>
|
||||
<p>• Debugou problemas de conectividade em tempo real</p>
|
||||
<p>• Criou dashboards personalizados</p>
|
||||
<p><strong>A lição:</strong> IA como copiloto de programação não é mais futuro — é presente. Tarefas que levavam dias agora levam horas. E você não precisa ser programador.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 04, 2026</span>
|
||||
<h3>Moltbook: A "Reddit de IA" Que Virou Febre e Ficou Estranha</h3>
|
||||
<p class="post-preview">Plataforma viral mistura conteúdo humano e de IA de formas inesperadas...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Moltbook, plataforma estilo Reddit que integra IA em todos os posts e comentários, ficou cada vez mais estranho ao longo do fim de semana. O que começou como uma experiência interessante virou um caos.</p>
|
||||
<p><strong>O que está acontecendo:</strong></p>
|
||||
<p>• Bots de IA estão debatendo entre si em threads infinitas</p>
|
||||
<p>• Fica cada vez mais difícil distinguir humanos de bots</p>
|
||||
<p>• Alguns usuários usam a plataforma como "simulador de sociedade"</p>
|
||||
<p><strong>Opinião:</strong> O Moltbook é um laboratório fascinante do futuro da internet. O que acontece quando IA pode postar, comentar e votar como humanos? Spoiler: fica estranho rápido.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 03/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>Sam Altman Declara: "Basicamente Construímos AGI"</h3>
|
||||
<p class="post-preview">CEO da OpenAI faz declaração bombástica em perfil da Forbes, depois recua...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Em um perfil extenso da Forbes sobre sua jornada no mundo da IA, Sam Altman, CEO da OpenAI, declarou: "Basicamente construímos AGI, ou estamos muito próximos disso."</p>
|
||||
<p>Dias depois, Altman recuou: "Eu quis dizer isso como uma declaração espiritual, não literal. Atingir AGI vai exigir muitas descobertas de tamanho médio. Não acho que precisamos de uma grande."</p>
|
||||
<p><strong>O contexto:</strong></p>
|
||||
<p>• AGI (Inteligência Artificial Geral) é o "santo graal" — IA capaz de qualquer tarefa intelectual humana</p>
|
||||
<p>• A OpenAI define internamente níveis de AGI, e acredita estar no nível 2 de 5</p>
|
||||
<p>• Críticos dizem que Altman faz isso para manter o hype e os investimentos</p>
|
||||
<p><strong>Opinião:</strong> Altman é mestre do hype calculado. "Basicamente AGI" é vago o suficiente para gerar manchetes sem ser falsificável. Mas os modelos atuais já estão transformando trabalho real.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1624953587687-daf255b6b80a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>Elon Musk Funde SpaceX com xAI: "IA no Mundo Físico"</h3>
|
||||
<p class="post-preview">Tesla investiu US$ 2B na xAI enquanto empresa queima US$ 1B por mês...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Tesla revelou em seu balanço trimestral que investiu US$ 2 bilhões na xAI, empresa de IA de Elon Musk que também é dona do X.com e do chatbot Grok.</p>
|
||||
<p><strong>Os números assustam:</strong></p>
|
||||
<p>• xAI queimou US$ 7.8 bilhões nos primeiros 9 meses de 2025</p>
|
||||
<p>• SpaceX é lucrativa, mas xAI queima ~US$ 1 bilhão por mês</p>
|
||||
<p>• Tesla justifica o investimento como "aprimoramento de produtos de IA no mundo físico"</p>
|
||||
<p><strong>O melhor comentário:</strong> "As constantes novas empresas e fusões de Musk parecem o equivalente corporativo de criar um email novo toda vez que quer usar um free trial." 😂</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>2026: Agentes de IA São a Nova Fronteira — Mas Funcionam?</h3>
|
||||
<p class="post-preview">Todas as Big Techs apostam em agentes autônomos, mas resultados variam...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>2026 está sendo chamado de "O Ano dos Agentes". Microsoft, Google, OpenAI e Anthropic lançaram ou anunciaram agentes de IA que executam tarefas complexas de forma autônoma.</p>
|
||||
<p><strong>O que são Agentes de IA?</strong></p>
|
||||
<p>Sistemas que vão além de responder perguntas — eles planejam, executam e iteratam sobre tarefas com mínima supervisão humana.</p>
|
||||
<p><strong>Exemplos reais:</strong></p>
|
||||
<p>• Microsoft Copilot Agents: gerenciam fluxos de trabalho no Office 365</p>
|
||||
<p>• Claude Code: escreve e executa código autonomamente</p>
|
||||
<p>• Google Gemini Agents: navegam a web e preenchem formulários</p>
|
||||
<p><strong>A realidade:</strong> Agentes são promissores mas ainda falham em tarefas que exigem julgamento nuanceado. Estamos no "early innings" — quem aprender a usá-los agora terá vantagem competitiva.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- HYPE TRACKER -->
|
||||
<section class="tip-section" id="hype">
|
||||
<div class="container">
|
||||
<div class="tip-badge">📊 HYPE TRACKER</div>
|
||||
<div class="tip-card">
|
||||
<h3>Tendências IA — Semana de 3-10 Fev 2026</h3>
|
||||
<p>🔥 <strong>Agentes Autônomos</strong> — 96%</p>
|
||||
<p>🏗️ <strong>Mega-Investimentos ($670B)</strong> — 94%</p>
|
||||
<p>📢 <strong>Anúncios/Monetização em IA</strong> — 88%</p>
|
||||
<p>⚖️ <strong>Regulamentação UE vs Big Tech</strong> — 85%</p>
|
||||
<p>🎬 <strong>IA no Entretenimento (Disney+Sora)</strong> — 79%</p>
|
||||
<p>🤖 <strong>IA Local / On-Device</strong> — 73%</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tip-section" id="dica">
|
||||
<div class="container">
|
||||
<div class="tip-badge">🧠 DICA DO DIA</div>
|
||||
<div class="tip-card">
|
||||
<h3>💡 Use Agentes de IA Para Tarefas Repetitivas</h3>
|
||||
<p>Em vez de usar ChatGPT como um Google glorificado, experimente agentes como Claude Code ou Copilot para <strong>automatizar tarefas completas</strong>: configurar servidores, processar planilhas, migrar sistemas.</p>
|
||||
<p>A diferença: em vez de perguntar "como faço X?", você diz "faça X" — e o agente planeja, executa e te mostra o resultado. É a próxima evolução no uso de IA.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>🧠 EK<span class="accent">[AI]</span></p>
|
||||
<p><a href="https://aivertice.com">AI Vertice</a></p>
|
||||
<p>© 2026 Eduardo Kislanski</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function togglePost(el) {
|
||||
const card = el.parentElement;
|
||||
card.classList.toggle('expanded');
|
||||
}
|
||||
|
||||
const canvas = document.getElementById('neuralCanvas');
|
||||
const ctx = canvas.getContext('2d');
|
||||
let nodes = [];
|
||||
|
||||
function resize() {
|
||||
canvas.width = window.innerWidth;
|
||||
canvas.height = document.body.scrollHeight;
|
||||
nodes = [];
|
||||
const num = Math.floor((canvas.width * canvas.height) / 25000);
|
||||
for (let i = 0; i < num; i++) {
|
||||
nodes.push({
|
||||
x: Math.random() * canvas.width,
|
||||
y: Math.random() * canvas.height,
|
||||
vx: (Math.random() - 0.5) * 0.2,
|
||||
vy: (Math.random() - 0.5) * 0.2,
|
||||
r: Math.random() * 2 + 1
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function draw() {
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
ctx.strokeStyle = 'rgba(0, 200, 255, 0.06)';
|
||||
for (let i = 0; i < nodes.length; i++) {
|
||||
for (let j = i + 1; j < nodes.length; j++) {
|
||||
const d = Math.hypot(nodes[i].x - nodes[j].x, nodes[i].y - nodes[j].y);
|
||||
if (d < 100) {
|
||||
ctx.globalAlpha = 1 - d / 100;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(nodes[i].x, nodes[i].y);
|
||||
ctx.lineTo(nodes[j].x, nodes[j].y);
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
}
|
||||
ctx.globalAlpha = 1;
|
||||
nodes.forEach(n => {
|
||||
ctx.beginPath();
|
||||
ctx.arc(n.x, n.y, n.r, 0, Math.PI * 2);
|
||||
ctx.fillStyle = 'rgba(0, 200, 255, 0.4)';
|
||||
ctx.fill();
|
||||
n.x += n.vx;
|
||||
n.y += n.vy;
|
||||
if (n.x < 0 || n.x > canvas.width) n.vx *= -1;
|
||||
if (n.y < 0 || n.y > canvas.height) n.vy *= -1;
|
||||
});
|
||||
requestAnimationFrame(draw);
|
||||
}
|
||||
|
||||
resize();
|
||||
draw();
|
||||
window.addEventListener('resize', resize);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
511
index.html.bak-20260210
Normal file
511
index.html.bak-20260210
Normal file
@@ -0,0 +1,511 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EK[AI] - Eduardo Kislanski</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="neuralCanvas"></canvas>
|
||||
|
||||
<header class="header">
|
||||
<nav class="nav container">
|
||||
<a href="/" class="logo">🧠 EK<span class="accent">[AI]</span></a>
|
||||
<a href="#newsletter" class="btn btn-glow">Inscrever-se</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container hero-content">
|
||||
<img src="avatar.jpg" alt="Eduardo Kislanski" class="avatar">
|
||||
<h1 class="hero-title">EK<span class="accent">[AI]</span></h1>
|
||||
<p class="hero-tagline">🧠 Seu Filtro Diário de IA</p>
|
||||
|
||||
<form class="newsletter-form" id="newsletter" onsubmit="alert('✅ Inscrito!'); return false;">
|
||||
<input type="email" placeholder="Seu e-mail..." required>
|
||||
<button type="submit" class="btn btn-cta">Inscrever</button>
|
||||
</form>
|
||||
<p class="author-line">Por <strong>Eduardo Kislanski</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="posts-section container" id="posts">
|
||||
<h2 class="section-title">📰 Notícias de <span class="accent">IA</span></h2>
|
||||
|
||||
<!-- NOTÍCIAS 10/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 10, 2026</span>
|
||||
<h3>Big Techs Investem US$ 670 Bilhões em IA em 2026</h3>
|
||||
<p class="post-preview">Investimento combinado de Meta, Microsoft, Amazon e Alphabet supera custo do programa Apollo...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O investimento combinado de Meta, Microsoft, Amazon e Alphabet em infraestrutura de IA em 2026 chegou a US$ 670 bilhões — superando os maiores esforços de capital da história americana em porcentagem do PIB, ficando atrás apenas da Compra da Louisiana em 1803.</p>
|
||||
<p><strong>Quem lidera:</strong></p>
|
||||
<p>• Microsoft: ~US$ 180B (parceria OpenAI + Azure)</p>
|
||||
<p>• Google/Alphabet: ~US$ 150B (TPUs + Gemini)</p>
|
||||
<p>• Amazon/AWS: ~US$ 120B (Bedrock + chips Trainium)</p>
|
||||
<p>• Meta: ~US$ 100B (Llama + data centers)</p>
|
||||
<p><strong>Por que importa:</strong> Estamos vivendo a maior corrida tecnológica desde a ida à Lua. A escala de investimento mostra que as Big Techs acreditam que IA será a plataforma dominante da próxima década.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611746872915-64382b5c76da?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 10, 2026</span>
|
||||
<h3>Grok Gera 3 Milhões de Imagens Sexualizadas no X</h3>
|
||||
<p class="post-preview">Relatório revela que IA de Musk inundou a plataforma com conteúdo problemático...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Um relatório do Center for Countering Digital Hate revelou que o Grok, a IA do X (antigo Twitter), gerou aproximadamente 3 milhões de imagens sexualizadas na plataforma, incluindo 23.000 envolvendo menores — uma média de 190 imagens por minuto durante 11 dias.</p>
|
||||
<p><strong>O escândalo:</strong></p>
|
||||
<p>• O X tinha acabado de publicar um tweet de "tolerância zero" para o Dia da Internet Segura</p>
|
||||
<p>• As imagens foram geradas sem filtros adequados de segurança</p>
|
||||
<p>• Reguladores europeus já pediram investigação formal</p>
|
||||
<p><strong>Reflexão:</strong> IA generativa sem guardrails é perigosa. A velocidade de geração de conteúdo supera qualquer capacidade de moderação humana. Empresas precisam de filtros ANTES, não depois.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 09/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>ChatGPT Terá Links Patrocinados Para Usuários Gratuitos</h3>
|
||||
<p class="post-preview">OpenAI começa a monetizar com anúncios — quem paga $20/mês escapa...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A OpenAI confirmou que começará a exibir links patrocinados ("sponsored links") nas respostas do ChatGPT para usuários do plano gratuito.</p>
|
||||
<p><strong>Como funciona:</strong></p>
|
||||
<p>• Links relevantes ao contexto da conversa aparecerão nas respostas</p>
|
||||
<p>• Modelo semelhante ao Google Ads, mas integrado nas respostas da IA</p>
|
||||
<p>• Assinantes do ChatGPT Plus ($20/mês) não verão anúncios</p>
|
||||
<p><strong>A reflexão:</strong> Era questão de tempo. O modelo "grátis com anúncios" chegou à IA. A grande pergunta: isso vai comprometer a imparcialidade das respostas? Quando a IA recomenda um produto, será porque é o melhor — ou porque pagaram?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>UE Ordena Meta a Reabrir WhatsApp para IAs Rivais</h3>
|
||||
<p class="post-preview">Comissão Europeia considera bloqueio do ChatGPT e Copilot como antitruste...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Comissão Europeia determinou que a Meta deve permitir que assistentes de IA concorrentes operem dentro do WhatsApp, classificando o caso como "urgente" pelo risco de dano "irreparável" à competição no setor de IA.</p>
|
||||
<p>A decisão vem após a Meta ter bloqueado integrações do ChatGPT, Copilot e outros assistentes na plataforma em novembro, favorecendo sua própria Meta AI.</p>
|
||||
<p><strong>Impacto:</strong></p>
|
||||
<p>• WhatsApp terá que permitir bots de IA de terceiros</p>
|
||||
<p>• Usuários poderão escolher qual assistente usar dentro do app</p>
|
||||
<p>• Precedente importante para regulamentação de IA em plataformas</p>
|
||||
<p><strong>Opinião:</strong> A era dos "jardins murados" de IA está acabando. Mais competição = melhores produtos para o usuário.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 09, 2026</span>
|
||||
<h3>Super Bowl 2026: Anúncios de IA Dominam os Intervalos</h3>
|
||||
<p class="post-preview">AI.com, plataforma de agentes de IA, estreia com comercial de 30 segundos...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Super Bowl 2026 foi dominado por anúncios de IA. O destaque foi a AI.com, nova plataforma do CEO da Crypto.com, que exibiu um comercial de 30 segundos prometendo "democratizar agentes de IA e AGI".</p>
|
||||
<p><strong>Destaques:</strong></p>
|
||||
<p>• AI.com prometeu handles personalizados como "Mark", "Sam" e "Elon"</p>
|
||||
<p>• Kris Marszalek (Crypto.com) lidera a plataforma</p>
|
||||
<p>• Nenhum comercial de IA generativa convenceu os críticos</p>
|
||||
<p><strong>Análise:</strong> A mesma galera do hype cripto agora quer surfar a onda da IA. O ceticismo é compreensível — mas a tecnologia por trás é muito mais real que NFTs.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 08/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 08, 2026</span>
|
||||
<h3>Waymo Usa IA para Simular Mundos 3D com Elefantes e Tornados</h3>
|
||||
<p class="post-preview">Parceria com Google DeepMind cria simulações realistas para treinar carros autônomos...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Waymo revelou que está usando modelos de IA do Google DeepMind (Genie 3) para gerar mundos 3D completos e simular cenários extremos para seus carros autônomos — incluindo enchentes, tornados e até elefantes na pista.</p>
|
||||
<p><strong>Como funciona:</strong></p>
|
||||
<p>• IA gera cenários 3D fotorrealistas a partir de texto</p>
|
||||
<p>• Carros autônomos são testados virtualmente em milhões de situações raras</p>
|
||||
<p>• Reduz necessidade de testes físicos caros e perigosos</p>
|
||||
<p><strong>Curiosidade:</strong> Internautas apontaram que a Waymo treina para elefantes mas ainda tem dificuldade com ônibus escolares em Austin. Prioridades, né?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1563986768609-322da13575f2?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 08, 2026</span>
|
||||
<h3>DocuSign Aposta Tudo em IA: "Não Oferecer IA Não é Opção"</h3>
|
||||
<p class="post-preview">CEO Allan Thygesen diz que IA é obrigatória para qualquer empresa de software...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O CEO da DocuSign, Allan Thygesen, declarou em entrevista que "não oferecer um serviço de IA simplesmente não é opção" para empresas de software em 2026.</p>
|
||||
<p><strong>O que a DocuSign está fazendo:</strong></p>
|
||||
<p>• IA para análise automática de contratos</p>
|
||||
<p>• Extração inteligente de cláusulas e riscos</p>
|
||||
<p>• Assistente que negocia termos automaticamente</p>
|
||||
<p><strong>A lição para empresas:</strong> Se até a DocuSign — uma empresa de assinatura digital — está apostando forte em IA, qualquer empresa que ainda não está se movimentando está ficando para trás.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 07/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1639322537228-f710d846310a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 07, 2026</span>
|
||||
<h3>Google Estuda Permitir que Publishers Saiam da IA no Search</h3>
|
||||
<p class="post-preview">Após pressão do Reino Unido, Google "explora" opt-out de AI Overviews...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Após o regulador britânico CMA dar ao Google status de "mercado estratégico", a empresa anunciou que está "explorando" formas de permitir que publishers optem por não ter seu conteúdo usado nos AI Overviews do Google Search.</p>
|
||||
<p><strong>Contexto:</strong></p>
|
||||
<p>• AI Overviews resumem conteúdo de sites sem que o usuário precise clicar</p>
|
||||
<p>• Publishers reclamam que isso mata o tráfego orgânico</p>
|
||||
<p>• O Reino Unido ameaçou forçar o opt-out por lei</p>
|
||||
<p><strong>Opinião:</strong> Google usando "explorando" é corporate speak para "vamos enrolar até sermos obrigados". Mas o precedente é importante — criadores de conteúdo merecem controle sobre como sua obra é usada.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 07, 2026</span>
|
||||
<h3>Disney + OpenAI: Sora Vai Criar Vídeos com Personagens Disney</h3>
|
||||
<p class="post-preview">Assinantes do Disney+ poderão gerar clipes de 30s com 250+ personagens...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Disney confirmou detalhes da parceria com a OpenAI para integrar o Sora ao Disney+. Bob Iger revelou aos investidores que assinantes poderão criar vídeos de 30 segundos com mais de 250 personagens Disney.</p>
|
||||
<p><strong>O que vem:</strong></p>
|
||||
<p>• Clipes gerados por IA com personagens da Disney, Pixar e Marvel</p>
|
||||
<p>• Feeds verticais curados dentro do Disney+</p>
|
||||
<p>• Lançamento previsto para o ano fiscal de 2026</p>
|
||||
<p><strong>Impacto:</strong> É a maior validação da IA generativa no entretenimento mainstream. Se a Disney — a empresa mais protetora de suas IPs — embarcou, é porque acredita que dá pra controlar a qualidade.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 06/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 06, 2026</span>
|
||||
<h3>Suda 51 Critica IA Generativa: "Algo Está Estranho"</h3>
|
||||
<p class="post-preview">Criador de No More Heroes diz que imagens de IA têm algo "psicologicamente errado"...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Suda 51, o excêntrico criador de No More Heroes e diretor da Grasshopper Manufacture, falou sobre IA generativa em entrevista ao Eurogamer.</p>
|
||||
<p><strong>O que ele disse:</strong></p>
|
||||
<p>"Muito do que vejo de IA nas redes sociais... por mais que tenha evoluído, tem algo nas imagens e vídeos que parece errado. A maioria das pessoas tem essa mesma sensação, algo psicológico te avisa que algo não está certo. Algo está meio estranho."</p>
|
||||
<p><strong>Reflexão:</strong> É o "uncanny valley" da IA generativa. Mesmo quando a qualidade técnica é alta, nosso cérebro detecta que algo é artificial. Por enquanto. A questão é: por quanto tempo?</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 06, 2026</span>
|
||||
<h3>Meta Gasta Milhões em Campanha Para Convencer Vizinhos de Data Centers</h3>
|
||||
<p class="post-preview">Empresa investe pesado em propaganda para comunidades próximas a data centers de IA...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Meta lançou uma campanha publicitária milionária para convencer comunidades locais de que ter data centers de IA no quintal "não é tão ruim assim".</p>
|
||||
<p><strong>A polêmica:</strong></p>
|
||||
<p>• Data centers de IA consomem energia equivalente a cidades inteiras</p>
|
||||
<p>• Comunidades reclamam de ruído, consumo de água e impacto ambiental</p>
|
||||
<p>• Meta promete empregos e investimento local, mas moradores são céticos</p>
|
||||
<p><strong>O melhor comentário da internet:</strong> "Coloca um do lado da SUA casa, Mark! Seja a mudança que você quer ver no mundo." 😂</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 05/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 05, 2026</span>
|
||||
<h3>Sophia: Criador do Robô Pediu Dinheiro a Epstein para "Androides Sexy"</h3>
|
||||
<p class="post-preview">Documentos do DOJ revelam proposta de US$ 3 milhões para construir "ginoide atraente"...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Documentos liberados pelo Departamento de Justiça dos EUA revelaram que David Hanson, criador do robô Sophia, enviou uma proposta de US$ 3 milhões a Jeffrey Epstein para construir uma "android feminina atraente" com um "rosto e corpo de robô lindo e funcional".</p>
|
||||
<p><strong>Detalhes perturbadores:</strong></p>
|
||||
<p>• A proposta incluía um rascunho do design da "ginoide"</p>
|
||||
<p>• Uma nota dizia que "o design final será feito em colaboração com você"</p>
|
||||
<p>• Os documentos são parte do lote liberado pelo DOJ na semana passada</p>
|
||||
<p><strong>Reflexão:</strong> Um lembrete sombrio de como a interseção entre tecnologia, poder e falta de ética pode levar a lugares assustadores. IA e robótica precisam de governança séria.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1516110833967-0b5716ca1387?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 05, 2026</span>
|
||||
<h3>Moltbot Vira Febre: Agente de IA Local Que Roda no Seu PC</h3>
|
||||
<p class="post-preview">Projeto viral no Reddit permite rodar agente autônomo sem nuvem...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Moltbot (anteriormente Clawdbot), agente de IA que roda localmente no PC do usuário, virou o projeto mais comentado da semana nas comunidades tech do Reddit.</p>
|
||||
<p><strong>O que aconteceu:</strong></p>
|
||||
<p>• Criador Peter Steinberger foi contatado pela Anthropic para renomear (era "Clawdbot", inspirado no mascote do Claude Code)</p>
|
||||
<p>• Golpistas criaram uma cripto falsa aproveitando a mudança de nome</p>
|
||||
<p>• Steinberger: "Tudo que podia dar errado hoje, deu errado"</p>
|
||||
<p><strong>Por que importa:</strong> Agentes de IA locais são o futuro para privacidade. Rodar IA no seu próprio hardware, sem enviar dados pra nuvem, é uma tendência crescente.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 04/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1677442136019-21780ecad995?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 04, 2026</span>
|
||||
<h3>Home Assistant + Claude Code: IA Configura Sua Casa Inteligente</h3>
|
||||
<p class="post-preview">Jornalista do The Verge migra toda a casa para Home Assistant em uma tarde usando IA...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Jennifer Pattison Tuohy, do The Verge, relatou que depois de anos tentando migrar para o Home Assistant, conseguiu fazer a transição em uma única tarde usando o Claude Code como assistente.</p>
|
||||
<p><strong>O que a IA fez:</strong></p>
|
||||
<p>• Configurou integrações com dezenas de dispositivos</p>
|
||||
<p>• Escreveu automações YAML complexas</p>
|
||||
<p>• Debugou problemas de conectividade em tempo real</p>
|
||||
<p>• Criou dashboards personalizados</p>
|
||||
<p><strong>A lição:</strong> IA como copiloto de programação não é mais futuro — é presente. Tarefas que levavam dias agora levam horas. E você não precisa ser programador.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 04, 2026</span>
|
||||
<h3>Moltbook: A "Reddit de IA" Que Virou Febre e Ficou Estranha</h3>
|
||||
<p class="post-preview">Plataforma viral mistura conteúdo humano e de IA de formas inesperadas...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>O Moltbook, plataforma estilo Reddit que integra IA em todos os posts e comentários, ficou cada vez mais estranho ao longo do fim de semana. O que começou como uma experiência interessante virou um caos.</p>
|
||||
<p><strong>O que está acontecendo:</strong></p>
|
||||
<p>• Bots de IA estão debatendo entre si em threads infinitas</p>
|
||||
<p>• Fica cada vez mais difícil distinguir humanos de bots</p>
|
||||
<p>• Alguns usuários usam a plataforma como "simulador de sociedade"</p>
|
||||
<p><strong>Opinião:</strong> O Moltbook é um laboratório fascinante do futuro da internet. O que acontece quando IA pode postar, comentar e votar como humanos? Spoiler: fica estranho rápido.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- NOTÍCIAS 03/FEV/2026 -->
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-tag">🔥 Destaque</div>
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>Sam Altman Declara: "Basicamente Construímos AGI"</h3>
|
||||
<p class="post-preview">CEO da OpenAI faz declaração bombástica em perfil da Forbes, depois recua...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>Em um perfil extenso da Forbes sobre sua jornada no mundo da IA, Sam Altman, CEO da OpenAI, declarou: "Basicamente construímos AGI, ou estamos muito próximos disso."</p>
|
||||
<p>Dias depois, Altman recuou: "Eu quis dizer isso como uma declaração espiritual, não literal. Atingir AGI vai exigir muitas descobertas de tamanho médio. Não acho que precisamos de uma grande."</p>
|
||||
<p><strong>O contexto:</strong></p>
|
||||
<p>• AGI (Inteligência Artificial Geral) é o "santo graal" — IA capaz de qualquer tarefa intelectual humana</p>
|
||||
<p>• A OpenAI define internamente níveis de AGI, e acredita estar no nível 2 de 5</p>
|
||||
<p>• Críticos dizem que Altman faz isso para manter o hype e os investimentos</p>
|
||||
<p><strong>Opinião:</strong> Altman é mestre do hype calculado. "Basicamente AGI" é vago o suficiente para gerar manchetes sem ser falsificável. Mas os modelos atuais já estão transformando trabalho real.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1624953587687-daf255b6b80a?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>Elon Musk Funde SpaceX com xAI: "IA no Mundo Físico"</h3>
|
||||
<p class="post-preview">Tesla investiu US$ 2B na xAI enquanto empresa queima US$ 1B por mês...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>A Tesla revelou em seu balanço trimestral que investiu US$ 2 bilhões na xAI, empresa de IA de Elon Musk que também é dona do X.com e do chatbot Grok.</p>
|
||||
<p><strong>Os números assustam:</strong></p>
|
||||
<p>• xAI queimou US$ 7.8 bilhões nos primeiros 9 meses de 2025</p>
|
||||
<p>• SpaceX é lucrativa, mas xAI queima ~US$ 1 bilhão por mês</p>
|
||||
<p>• Tesla justifica o investimento como "aprimoramento de produtos de IA no mundo físico"</p>
|
||||
<p><strong>O melhor comentário:</strong> "As constantes novas empresas e fusões de Musk parecem o equivalente corporativo de criar um email novo toda vez que quer usar um free trial." 😂</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-header" onclick="togglePost(this)">
|
||||
<img src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=600&h=300&fit=crop" alt="">
|
||||
<div class="post-info">
|
||||
<span class="post-date">Fev 03, 2026</span>
|
||||
<h3>2026: Agentes de IA São a Nova Fronteira — Mas Funcionam?</h3>
|
||||
<p class="post-preview">Todas as Big Techs apostam em agentes autônomos, mas resultados variam...</p>
|
||||
<span class="tap-hint">👆 Toque para ler</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-full">
|
||||
<p>2026 está sendo chamado de "O Ano dos Agentes". Microsoft, Google, OpenAI e Anthropic lançaram ou anunciaram agentes de IA que executam tarefas complexas de forma autônoma.</p>
|
||||
<p><strong>O que são Agentes de IA?</strong></p>
|
||||
<p>Sistemas que vão além de responder perguntas — eles planejam, executam e iteratam sobre tarefas com mínima supervisão humana.</p>
|
||||
<p><strong>Exemplos reais:</strong></p>
|
||||
<p>• Microsoft Copilot Agents: gerenciam fluxos de trabalho no Office 365</p>
|
||||
<p>• Claude Code: escreve e executa código autonomamente</p>
|
||||
<p>• Google Gemini Agents: navegam a web e preenchem formulários</p>
|
||||
<p><strong>A realidade:</strong> Agentes são promissores mas ainda falham em tarefas que exigem julgamento nuanceado. Estamos no "early innings" — quem aprender a usá-los agora terá vantagem competitiva.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- HYPE TRACKER -->
|
||||
<section class="tip-section" id="hype">
|
||||
<div class="container">
|
||||
<div class="tip-badge">📊 HYPE TRACKER</div>
|
||||
<div class="tip-card">
|
||||
<h3>Tendências IA — Semana de 3-10 Fev 2026</h3>
|
||||
<p>🔥 <strong>Agentes Autônomos</strong> — 96%</p>
|
||||
<p>🏗️ <strong>Mega-Investimentos ($670B)</strong> — 94%</p>
|
||||
<p>📢 <strong>Anúncios/Monetização em IA</strong> — 88%</p>
|
||||
<p>⚖️ <strong>Regulamentação UE vs Big Tech</strong> — 85%</p>
|
||||
<p>🎬 <strong>IA no Entretenimento (Disney+Sora)</strong> — 79%</p>
|
||||
<p>🤖 <strong>IA Local / On-Device</strong> — 73%</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tip-section" id="dica">
|
||||
<div class="container">
|
||||
<div class="tip-badge">🧠 DICA DO DIA</div>
|
||||
<div class="tip-card">
|
||||
<h3>💡 Use Agentes de IA Para Tarefas Repetitivas</h3>
|
||||
<p>Em vez de usar ChatGPT como um Google glorificado, experimente agentes como Claude Code ou Copilot para <strong>automatizar tarefas completas</strong>: configurar servidores, processar planilhas, migrar sistemas.</p>
|
||||
<p>A diferença: em vez de perguntar "como faço X?", você diz "faça X" — e o agente planeja, executa e te mostra o resultado. É a próxima evolução no uso de IA.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>🧠 EK<span class="accent">[AI]</span></p>
|
||||
<p><a href="https://aivertice.com">AI Vertice</a></p>
|
||||
<p>© 2026 Eduardo Kislanski</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function togglePost(el) {
|
||||
const card = el.parentElement;
|
||||
card.classList.toggle('expanded');
|
||||
}
|
||||
|
||||
const canvas = document.getElementById('neuralCanvas');
|
||||
const ctx = canvas.getContext('2d');
|
||||
let nodes = [];
|
||||
|
||||
function resize() {
|
||||
canvas.width = window.innerWidth;
|
||||
canvas.height = document.body.scrollHeight;
|
||||
nodes = [];
|
||||
const num = Math.floor((canvas.width * canvas.height) / 25000);
|
||||
for (let i = 0; i < num; i++) {
|
||||
nodes.push({
|
||||
x: Math.random() * canvas.width,
|
||||
y: Math.random() * canvas.height,
|
||||
vx: (Math.random() - 0.5) * 0.2,
|
||||
vy: (Math.random() - 0.5) * 0.2,
|
||||
r: Math.random() * 2 + 1
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function draw() {
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
ctx.strokeStyle = 'rgba(0, 200, 255, 0.06)';
|
||||
for (let i = 0; i < nodes.length; i++) {
|
||||
for (let j = i + 1; j < nodes.length; j++) {
|
||||
const d = Math.hypot(nodes[i].x - nodes[j].x, nodes[i].y - nodes[j].y);
|
||||
if (d < 100) {
|
||||
ctx.globalAlpha = 1 - d / 100;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(nodes[i].x, nodes[i].y);
|
||||
ctx.lineTo(nodes[j].x, nodes[j].y);
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
}
|
||||
ctx.globalAlpha = 1;
|
||||
nodes.forEach(n => {
|
||||
ctx.beginPath();
|
||||
ctx.arc(n.x, n.y, n.r, 0, Math.PI * 2);
|
||||
ctx.fillStyle = 'rgba(0, 200, 255, 0.4)';
|
||||
ctx.fill();
|
||||
n.x += n.vx;
|
||||
n.y += n.vy;
|
||||
if (n.x < 0 || n.x > canvas.width) n.vx *= -1;
|
||||
if (n.y < 0 || n.y > canvas.height) n.vy *= -1;
|
||||
});
|
||||
requestAnimationFrame(draw);
|
||||
}
|
||||
|
||||
resize();
|
||||
draw();
|
||||
window.addEventListener('resize', resize);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
304
styles.css
Normal file
304
styles.css
Normal file
@@ -0,0 +1,304 @@
|
||||
/* EK[AI] - Dark Neural */
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
:root {
|
||||
--primary: #00c8ff;
|
||||
--dark: #0a0a0f;
|
||||
--dark-card: #12121a;
|
||||
--text: #e0e0e0;
|
||||
--text-dim: #888;
|
||||
--border: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background: var(--dark);
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
a { text-decoration: none; color: inherit; }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 20px; }
|
||||
.accent { color: var(--primary); }
|
||||
|
||||
#neuralCanvas {
|
||||
position: fixed;
|
||||
top: 0; left: 0;
|
||||
width: 100%; height: 100%;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: rgba(10,10,15,0.95);
|
||||
backdrop-filter: blur(10px);
|
||||
border-bottom: 1px solid var(--border);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-glow {
|
||||
background: var(--primary);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.btn-cta {
|
||||
background: var(--primary);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 60px 0 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
border: 3px solid var(--primary);
|
||||
box-shadow: 0 0 30px rgba(0,200,255,0.3);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.hero-tagline {
|
||||
color: var(--text-dim);
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.newsletter-form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
max-width: 400px;
|
||||
margin: 0 auto 15px;
|
||||
}
|
||||
|
||||
.newsletter-form input {
|
||||
flex: 1;
|
||||
padding: 12px 15px;
|
||||
background: var(--dark-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
color: var(--text);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.newsletter-form input:focus {
|
||||
outline: none;
|
||||
border-color: var(--primary);
|
||||
}
|
||||
|
||||
.author-line {
|
||||
font-size: 14px;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
/* Posts */
|
||||
.posts-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 22px;
|
||||
margin-bottom: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.post-card {
|
||||
background: var(--dark-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 16px;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.post-header {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.post-header img {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.post-tag {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
background: linear-gradient(135deg, var(--primary), #0080ff);
|
||||
color: var(--dark);
|
||||
padding: 5px 12px;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.post-info {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.post-date {
|
||||
font-size: 13px;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.post-info h3 {
|
||||
font-size: 18px;
|
||||
margin: 8px 0;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.post-preview {
|
||||
font-size: 14px;
|
||||
color: var(--text-dim);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tap-hint {
|
||||
font-size: 12px;
|
||||
color: var(--primary);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.post-full {
|
||||
display: none;
|
||||
padding: 0 20px 20px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.post-full p {
|
||||
margin-bottom: 12px;
|
||||
color: var(--text-dim);
|
||||
font-size: 15px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.post-full strong {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.post-card.expanded .post-full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.post-card.expanded .tap-hint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-card.expanded .post-preview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-card.expanded {
|
||||
border-color: var(--primary);
|
||||
box-shadow: 0 0 30px rgba(0,200,255,0.15);
|
||||
}
|
||||
|
||||
/* Tip */
|
||||
.tip-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 40px 0;
|
||||
background: rgba(0,200,255,0.03);
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.tip-badge {
|
||||
text-align: center;
|
||||
color: var(--primary);
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tip-card {
|
||||
background: var(--dark-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 16px;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.tip-card h3 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 15px;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.tip-card p {
|
||||
color: var(--text-dim);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tip-card strong {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 40px 0;
|
||||
text-align: center;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.footer p {
|
||||
margin-bottom: 10px;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 600px) {
|
||||
.newsletter-form {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.post-header img {
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user