Repositório de páginas estáticas para iniciativas e eventos da missão Shalom Brasília. O código é HTML/CSS/JS puro, pensado para hospedagem simples (GitHub Pages) com domínio customizado.
- Site estático: sem build ou dependências locais obrigatórias.
- Cabeçalho dinâmico via
js/header.js:- Carrega Bootstrap CSS (CDN), Google Fonts (Montserrat), favicons e folha
scss/styles.cssautomaticamente, ajustando caminhos entre raiz e subpastas. - Injeta Google Analytics (G-YXNT4YQP1H).
- Carrega Bootstrap CSS (CDN), Google Fonts (Montserrat), favicons e folha
- Carregador de scripts via
js/centralScript.js:- Injeta jQuery, Popper e Bootstrap Bundle (CDNs). É possível desabilitar por página definindo variáveis globais (
var jquery = false; var popper = false; // var bootstrap = false;).
- Injeta jQuery, Popper e Bootstrap Bundle (CDNs). É possível desabilitar por página definindo variáveis globais (
- SCSS incluído: folhas
.scsse versões compiladas.cssjá presentes (não há pipeline de build). Paleta emscss/colors.scsse utilitários emscss/styles.scss. - CNAME configurado para domínio customizado.
- Raiz
index.html: página “Em breve”.js/: scripts compartilhadosheader.js: CSS/Fonts/Favicon/Analytics dinâmicos.centralScript.js: injeção de jQuery/Popper/Bootstrap.
scss/: estilos globais (SCSS e compiladosstyles.css).images/,favicon/: imagens e ícones.CNAME: domínio customizado da publicação.
- Subprojetos
semanasanta/: site do evento Semana Santa 2024- Usa Bootstrap 5, jQuery, folhas
sass/styles.cssesass/style-pages.csspróprias. - Menu e rodapé carregados via jQuery (
#menue#footer). - Mapa Google Maps incorporado via
<iframe>.
- Usa Bootstrap 5, jQuery, folhas
futsh/: página de inscrições “Fut SH”- CTA para formulários (Mensalista/Avulso).
- Botões de copiar PIX para área de transferência com toast do Bootstrap.
- Dados de ranking em
assets/ranking.js(JSON embutido).
kyrios/: Orações Eucarísticas (novo missal)- Abas com Bootstrap Pills, barra “sticky” simulada por JS.
- Estilos dedicados em
kyrios/scss/style-page.css.
asasul/: página da Asa Sul- Embeda
https://bento.me/shalomasasulem<iframe>.
- Embeda
taguatinga/: site do CEV Taguatinga- Seções: horários, serviços, doações (PIX com copiar), contatos, localização e calendários.
- Links úteis: Calendário de vigílias e calendário da missão (Google Calendar embed).
Não há dependências. Basta abrir os arquivos HTML no navegador.
Sugestão (opcional) para live reload:
- Use a extensão “Live Server” (VS Code) ou um servidor estático simples.
- Abra a raiz do projeto e navegue até as páginas:
- Raiz:
/index.html - Semana Santa:
/semanasanta/index.html - Fut SH:
/futsh/index.html - Kyrios:
/kyrios/oracoes-eucaristicas.htmle/kyrios/novomissal.html - Asa Sul:
/asasul/index.html
- Raiz:
Observações importantes:
js/header.jsdetecta automaticamente se a página está na raiz ou em subpastas para resolver caminhos defavicon/escss/.- Se desativar alguma biblioteca no
centralScript.js, defina as variáveis antes de importar o script (veja exemplos emfutsh/index.htmlekyrios/novomissal.html).
- Crie um arquivo HTML na pasta apropriada.
- No
<head>, importe o cabeçalho dinâmico conforme a profundidade:- Na raiz:
<script src="js/header.js"></script> - Em subpastas:
<script src="../js/header.js"></script>
- Na raiz:
- Se precisar de JS do Bootstrap/jQuery, importe
../js/centralScript.js(oujs/centralScript.jsna raiz) e, opcionalmente, desative libs indesejadas definindovar jquery = false; var popper = false;antes do import. - Use classes utilitárias definidas em
scss/styles.csse a paleta de cores descss/colors.cssconforme necessário.
Este repositório está pronto para GitHub Pages:
- A publicação pode apontar para a branch
maine a pasta raiz. - O arquivo
CNAMEdefine o domínio customizado. Para trocar o domínio:- Atualize o conteúdo de
CNAMEpara o novo domínio. - Ajuste o DNS do domínio (registro CNAME para o host do GitHub Pages do repositório).
- Atualize o conteúdo de
- Páginas incluem metatags Open Graph (título, descrição, imagem) específicas por seção (ex.: Fut SH e Semana Santa).
- Favicons são injetados via
js/header.js, com caminhos relativos corretos para raiz e subpastas.
js/header.jsinjeta Google Analytics (G‑YXNT4YQP1H). A pastasemanasanta/também possui uma tag própria (G‑J2S6TM4YRH).
Não há arquivo de licença explícito no repositório. Caso precise definir uma licença, adicione um LICENSE na raiz.