- HTML 53.6%
- PHP 17.8%
- CSS 17.8%
- Python 6.2%
- JavaScript 3.1%
- Other 1.5%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
Posicoes novas: sidebar-left (menu do site), main-top e main-bottom (grade de 12 colunas; a largura de cada janela vem do Tamanho Bootstrap do modulo). Prototipo, wireframe, README e seed do Joomla de teste acompanham. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> |
||
| .claude | ||
| .forgejo | ||
| design-systems/vps-terminal-portal | ||
| docs/prints | ||
| ferramentas | ||
| joomla | ||
| .gitattributes | ||
| .gitignore | ||
| .htmlvalidate.json | ||
| README.md | ||
simioni.dev.br: portal do VPS
Template Joomla 6 com cara de portal dos anos 2000 (Tibia, Habbo, Orkut) e tema de terminal: logo em ASCII, janelas estilo Windows XP, chuva matrix lenta no fundo e uma cor para cada dia da semana. Mostra os Bizus, a lista dos sistemas hospedados e o login do site.
| Bizu aberto | No celular |
|---|---|
![]() |
![]() |
Instalar
- Baixe o
tpl_simioni_terminal-<versão>.zipdo último Release. - No Joomla 6, vá em Sistema > Instalar > Extensões e envie o zip.
- Em Sistema > Estilos de template do site, deixe o simioni_terminal como padrão.
Se alguma página continuar com o tema antigo, abra o item de menu dela e deixe Estilo do template em Usar padrão.
Entre um Release e outro, o pacote de cada commit também fica como artefato do CI em Actions; o zip baixado já é instalável.
Montar o site
| O quê | Como |
|---|---|
| Abas do menu (topo) | Módulo Menu na posição menu, nível 1, sem título |
| Menu lateral do site | Módulo Menu na posição sidebar-left; a página alarga sozinha quando ela tem módulo |
| Linhas e colunas no meio | Módulos em main-top (acima do conteúdo) ou main-bottom (abaixo); veja abaixo |
| Ícone de cada aba | No item de menu, aba Tipo de link, campo Classe do link: ico-home, ico-book ou ico-server |
| Lista de Bizus | Item de menu Lista de categoria, Blog de categoria ou Artigos em destaque: os três usam os mesmos cards |
| Sistemas | Um menu "Sistemas" com itens do tipo URL e um módulo Menu dele na posição sidebar-right |
| Login | Módulo Login em sidebar-right, com Exibir rótulos: Texto |
| Ícone na barra das janelas | No módulo, aba Avançado, campo Classe do módulo: ico-server, ico-key, ico-book… |
Para a data e o autor aparecerem nos cards, ative Data e Autor nas opções do item de menu.
Linhas e colunas
main-top e main-bottom são uma grade de 12 colunas. A largura de cada janela vem do campo
Tamanho Bootstrap do módulo (aba Avançado): 6 é meia linha, 4 um terço, 3 um quarto;
0 ou 12 ocupa a linha inteira. Os módulos entram na ordem da posição e a linha quebra sozinha
quando a soma passa de 12, então 7 + 5, 4 + 4 + 4 e 12 na mesma posição viram três linhas.
No celular cada janela ocupa a linha toda.
Para a página inicial ficar diferente das outras, use a aba Atribuição de menu do módulo e
marque só o item ~/inicio.
Personalizar
Tudo em Sistema > Estilos de template do site > simioni_terminal:
- Cores e fundo: cor por dia da semana (padrão), uma paleta fixa ou qualquer cor no seletor (as versões escura e clara são calculadas a partir dela); liga e desliga a chuva matrix.
- Cabeçalho: logo em arte ASCII (gere em patorjk.com/software/taag, fonte ANSI Shadow) ou em texto; slogan; prompt da barra do topo; uptime e relógio.
- Rodapé: texto, nome e ano inicial do copyright.
O nome do site vem da Configuração Global.
Desenvolver
design-systems/vps-terminal-portal/ protótipo estático: fonte única do visual (styles.css, app.js)
joomla/simioni_terminal/ template Joomla (PHP, overrides, idiomas)
joomla/empacota.py junta os dois e gera dist/tpl_simioni_terminal-<versão>.zip
ferramentas/icones.py desenhos dos ícones pixel-art, embutidos no styles.css
joomla/teste/ Joomla 6.1 local em Docker com os Bizus de exemplo
Abra design-systems/vps-terminal-portal/index.html (ou bizu.html) no navegador para ver o
protótipo. Na URL, ?dia=0 a ?dia=6 força a cor de um dia.
Testar num Joomla de verdade (precisa do Docker; copie joomla/teste/.env.exemplo para .env):
python joomla/empacota.py
docker compose -f joomla/teste/compose.yml up -d
docker compose -f joomla/teste/compose.yml exec joomla sh /teste/prepara.sh
O site fica em http://localhost:8090. O CI confere as regras do protótipo, os ícones, o HTML, a sintaxe do PHP e o manifesto, e guarda o pacote instalável.
Publicar uma versão
Suba a versão em joomla/simioni_terminal/templateDetails.xml (e no joomla.asset.json), faça
o commit e envie uma tag assinada com o mesmo número:
git tag -s v1.1.0 -m "Simioni Terminal 1.1.0"
git push cosmos v1.1.0
O workflow Publicar confere se a tag bate com o manifesto e cria o Release com o zip.
Tags com sufixo (v1.1.0-beta) viram pre-release.



