📘 Manual de Instalação

Antes de tudo, você precisa ter os arquivos do blog salvos no seu computador para depois enviá-los à Hostgator.

1. No Genspark, abra o projeto VIRAMENTE.COM
2. Clique na aba "Code" (ou "Arquivos") no topo
3. Procure o botão "Download" ou o ícone e clique nele
4. Um arquivo .zip será baixado para a pasta "Downloads" do seu computador
5. Abra a pasta Downloads, clique com o botão direito no arquivo .zip
6. Escolha "Extrair aqui" (Windows) ou "Abrir com → Utilitário de Arquivo" (Mac)
7. Uma pasta chamada viramente (ou similar) será criada

Dentro da pasta, você deve ver estes arquivos:

# Estrutura dos arquivos do blog
viramente/
├── index.html          ← Página inicial
├── post.html           ← Leitura de posts
├── admin.html          ← Painel de admin
├── login.html          ← Página de login
├── autores.html        ← Lista de colaboradores
├── autor.html          ← Perfil de colaborador
├── minha-area.html     ← Área do colaborador
├── solicitar.html      ← Cadastro de colaborador
├── videos.html         ← Área de vídeos
├── css/
│   └── style.css       ← Visual do site
└── js/
    ├── api.js          ← Comunicação com banco de dados
    ├── auth.js         ← Sistema de login
    └── upload.js       ← Upload de imagens

2.1 — Escolha o plano

Acesse hostgator.com.br e clique em "Hospedagem de Sites".

2.2 — Registre o domínio

Na mesma tela de contratação, você pode registrar seu domínio (ex: viramente.com).

• Se ainda não tem domínio: Digite o nome desejado → clique em "Verificar disponibilidade" → se disponível, adicione ao pedido
• Se já tem domínio em outro lugar: Selecione "Já tenho um domínio" e veja o Passo 3

2.3 — Finalize a compra

1. Preencha seus dados pessoais e de pagamento
2. Escolha o período — anual é mais barato que mensal
3. Conclua o pagamento
4. Aguarde o e-mail de confirmação da Hostgator

2.4 — Anote os dados do e-mail de boas-vindas

Quando o e-mail chegar, procure e anote estas informações — vai precisar delas no Passo 5:

Se o domínio está no Registro.br

1. Acesse registro.br e faça login com seu CPF
2. Na lista de domínios, clique no seu domínio (ex: viramente.com.br)
3. Clique em "Alterar Servidores DNS"
4. Apague os servidores DNS atuais e coloque estes da Hostgator:

Servidor DNS 1: ns1.hostgator.com.br
Servidor DNS 2: ns2.hostgator.com.br

5. Clique em "Salvar"

Se o domínio está no GoDaddy, Locaweb ou outro

O processo é similar: acesse o painel do seu provedor de domínio, procure por "DNS", "Nameservers" ou "Servidores de Nome" e substitua pelos da Hostgator acima.

O FileZilla é como um "gerenciador de arquivos" que conecta seu computador ao servidor. Pense nele como o File Explorer (Windows) ou Finder (Mac), mas que mostra também os arquivos do servidor.

1. Acesse filezilla-project.org
2. Clique no botão "Download FileZilla Client" (versão gratuita)
3. Clique no botão de download para o seu sistema (Windows, Mac ou Linux)
4. Abra o arquivo que baixou e clique em "Aceito" → "Avançar" → "Instalar"
5. Após instalar, abra o FileZilla

Você verá uma janela com 4 áreas principais:

5.1 — Abra o FileZilla

No topo da tela, você verá 4 campos: Servidor, Nome de usuário, Senha e Porta.

5.2 — Preencha os campos com os dados do e-mail da Hostgator

5.3 — Clique em "Conexão Rápida"

1. Após preencher, clique no botão "Conexão Rápida" (ou "Quickconnect")
2. Pode aparecer uma janela perguntando se você confia no servidor → clique "OK"
3. Se a conexão funcionar, o painel direito mostrará as pastas do servidor

5.4 — Encontrar os dados de FTP no cPanel

Se não encontrou os dados de FTP no e-mail:

1. Acesse o link do cPanel que está no e-mail da Hostgator
2. Faça login com usuário e senha do cPanel
3. Procure a seção "Arquivos"
4. Clique em "Contas FTP"
5. O usuário principal aparecerá ali — a senha é a mesma do cPanel

6.1 — Navegue até a pasta certa no servidor (painel direito)

No painel direito do FileZilla (servidor), você precisa entrar na pasta public_html:

1. No painel direito, procure a pasta public_html
2. Clique duas vezes nela para abrir

6.2 — Navegue até os arquivos do blog (painel esquerdo)

1. No painel esquerdo do FileZilla, navegue até a pasta "blog-viramente" que você criou no Passo 1
2. Você deve ver os arquivos: index.html, post.html, as pastas css/ e js/, etc.

6.3 — Selecionar e enviar TUDO

1. No painel esquerdo, clique em qualquer arquivo uma vez
2. Pressione Ctrl + A (Windows) ou Cmd + A (Mac) para selecionar todos os arquivos
3. Clique com o botão direito nos arquivos selecionados
4. Escolha "Fazer upload" (ou "Upload")
5. Uma barra de progresso aparecerá na parte inferior do FileZilla
6. Aguarde até que todos os arquivos sejam transferidos

6.4 — Verificar o envio

Após o upload, confirme que estas pastas e arquivos estão no painel direito:

• index.html na raiz de public_html
• post.html, admin.html, login.html e demais .html
• Pasta css/ com o arquivo style.css dentro
• Pasta js/ com os arquivos api.js, auth.js e upload.js

7.1 — Ativar o SSL no cPanel

1. Acesse o cPanel da Hostgator (link no e-mail)
2. Role a página e procure a seção "Segurança"
3. Clique em "SSL/TLS" ou "Let's Encrypt SSL"
4. Selecione seu domínio na lista
5. Clique em "Instalar" ou "Emitir certificado"
6. Aguarde 1–2 minutos para o certificado ser ativado

7.2 — Forçar o uso do HTTPS

Após ativar o SSL, crie um arquivo que redireciona automaticamente quem acessar http:// para https://:

1. No FileZilla, certifique-se de estar dentro da pasta public_html (painel direito)
2. Clique com o botão direito em um espaço vazio no painel direito
3. Escolha "Criar novo arquivo"
4. Digite o nome: .htaccess (com ponto na frente, sem espaço)
5. Clique OK
6. Clique duas vezes no arquivo .htaccess recém-criado para editá-lo
7. Cole exatamente este conteúdo:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

8. Salve e feche o arquivo

1. Abra seu navegador (Chrome, Firefox, Edge…)
2. Digite o endereço: https://seudominio.com
3. A página inicial do VIRAMENTE deve aparecer

Faça este checklist de verificação:

• Página inicial carrega com o visual correto (verde + escuro)
• O menu superior funciona (clique nos links)
• Clique em "Entrar" → abre a página de login
• Faça login: halyssonbritto@gmail.com / #H1g2b3n4britto
• Após login, o painel admin abre
• O cadeado 🔒 aparece na barra do navegador (HTTPS ativo)

9.1 — Acesse o Painel Admin

1. Acesse: https://seudominio.com/admin.html
2. Login: halyssonbritto@gmail.com
3. Senha: #H1g2b3n4britto

9.2 — Configure as redes sociais

1. No painel, clique em "Configurações" na sidebar esquerda
2. Preencha o campo Instagram com o seu @
3. Preencha o campo YouTube com o seu handle
4. Clique em Salvar em cada campo

9.3 — Mude sua senha de admin

1. Clique no seu avatar no canto superior direito
2. No menu que abrir, vá em "Alterar senha"
3. Preencha a senha atual: #H1g2b3n4britto
4. Crie e confirme uma nova senha forte
5. Clique em Salvar

9.4 — Complete seu perfil de autor

1. Clique no avatar → "Minha área"
2. Clique em "Editar perfil"
3. Faça upload da sua foto
4. Preencha sua bio
5. Clique em Salvar

9.5 — Crie as primeiras categorias

1. No Painel Admin, clique em "Categorias"
2. Crie as categorias do seu blog (ex: Saúde Mental, Autoconhecimento, Lifestyle…)

9.6 — Publique o primeiro post

1. No Painel Admin, clique em "Novo Post"
2. Escreva o título e conteúdo
3. Escolha o status "Publicado"
4. Clique em Salvar
5. Acesse a página inicial — o post deve aparecer! ✅

🗄️ Passo A — Criar o banco de dados no cPanel

1. Acesse o cPanel da sua conta Hostgator (link no e-mail de boas-vindas)
2. Na seção "Bancos de Dados", clique em "MySQL® Databases" (ou "Bancos de dados MySQL")
3. No campo "Criar novo banco de dados", digite: viramente
   → O nome final ficará: seu_usuario_viramente (a Hostgator adiciona seu usuário na frente automaticamente)
4. Clique em "Criar banco de dados"

👤 Passo B — Criar um usuário MySQL

1. Na mesma página, desça até "Usuários MySQL"
2. Em "Adicionar novo usuário", preencha:
   • Nome de usuário: viramente (ficará seu_usuario_viramente)
   • Senha: crie uma senha forte e anote-a
   • Confirmar senha: repita a senha
3. Clique em "Criar usuário"

🔗 Passo C — Vincular usuário ao banco

1. Desça até "Adicionar usuário ao banco de dados"
2. Selecione:
   • Usuário: o usuário que você acabou de criar
   • Banco de dados: o banco que você acabou de criar
3. Clique em "Adicionar"
4. Na próxima tela, marque "TODOS OS PRIVILÉGIOS" e clique em "Fazer alterações"

⚙️ Passo D — Editar o config.php

Agora você precisa colocar os dados do banco no arquivo config.php que veio junto com os arquivos do blog.

Abra o arquivo config.php com o Bloco de Notas e edite estas 3 linhas:

📤 Passo E — Enviar arquivos via FTP (incluindo os novos)

Além dos arquivos já mencionados nos passos anteriores, certifique-se de enviar também estes novos arquivos:

🚀 Passo F — Rodar a instalação

1. Com todos os arquivos no servidor, abra o navegador
2. Acesse: https://seudominio.com/install.php
3. Você verá uma tela verde de instalação — clique em "Instalar agora"
4. Se aparecer "✅ Instalação concluída" — tudo certo!
5. Se aparecer um erro vermelho — volte ao Passo D e confira o config.php

✅ Passo G — Testar o blog

1. Acesse https://seudominio.com — o blog deve aparecer
2. Acesse https://seudominio.com/login.html
3. Faça login com: halyssonbritto@gmail.com / #H1g2b3n4britto
4. Se entrar no painel admin — sucesso total! 🎉