Este site foi criado com a framework Hugo. Esta framework permite, por exemplo, reutilizar partes do código HTML entre páginas.
| Objetivo | Status |
|---|---|
| Novo site para 2024 | ✅ Concluído |
| Templating da página inicial | ⏳ Em andamento |
| Páginas de projetos | ⏳ Em andamento |
| Páginas de workshops | ⏳ Em andamento |
| Popup de membros | ⏳ Em andamento |
- Execute o comando:
hugo --minify
- O site ficará pronto na pasta
./public.
🔧 Nota: O desenvolvimento deve ser realizado na branch
develop. A branchmainé utilizada apenas para o código de produção.
Para iniciar um servidor local e modificar o site em tempo real, execute:
git checkout develop
hugo server -D- Editar o ficheiro:
data/faq.yml
- Editar o ficheiro:
data/membros.yml
- Editar ficheiros na pasta:
content/projetos
Todas as páginas derivam de themes/dot/layouts/_default/baseof.html, onde o conteúdo de cada página aparecerá na linha:
{{- block "main" . }}{{- end }}- O conteúdo da página principal está em
layouts/index.html.
- Criar um ficheiro
content/nomeDaPagina.mdcom o seguinte conteúdo:--- title: "TITULO" date: 2019-05-02T11:07:53+01:00 type: "page" layout: "nomeDaPagina" ---
- Criar um ficheiro HTML correspondente em
layouts/page/nomeDaPagina.html(siga o exemplo das outras páginas presentes).
- Coloque as imagens novas na pasta
static/images/carousel. - Adicione o nome da imagem à lista presente no
config.toml.
| Diretório/Ficheiro | Função |
|---|---|
data/faq.yml |
Contém o conteúdo do FAQ |
data/membros.yml |
Lista dos membros |
content/projetos |
Ficheiros de projetos |
themes/dot/layouts |
Layout principal e templates de páginas |
layouts/index.html |
Página principal |
static/images/carousel |
Imagens do carrossel |
config.toml |
Configurações do site |