Blocos de Notas

Por Tiago Celestino

Acompanhe as atualizações realizadas no Bloco de Notas, sejam de layout e ou novas funcionalidades implementadas.

Corrigido

  • Removida propriedade white-space: nowrap do elemento h3 em src/assets/css/last-posts.css

Adicionado

  • Novo filtro de data numérica shortDate
    • Criado lib/filters/shortDate.js que formata datas no padrão brasileiro (DD/MM/YYYY)
    • Registrado filtro em eleventy.config.js
    • Formato mais compacto com dois dígitos para dia e mês substitui o anterior de data por extenso

Modificado

  • Listagem de posts na página inicial
    • Aumentado limite de 6 para 10 posts mais recentes através da constante LATEST_POSTS_LIMIT em lib/collections/posts.js
    • Título da seção alterado de "Últimas postagens" para "Últimas publicações"
    • Layout reorganizado para exibição em linha horizontal com data e título
    • Implementado espaçamento consistente usando variáveis CSS do projeto
  • Estilização da listagem
    • Adicionado CSS específico para itens de lista com display: flex
    • Ajustado tamanho de fonte do título para var(--font-size-small)
    • Classe .summary com display: none para ocultar descrição dos posts
    • Hífen separador movido do template para CSS usando pseudo-elemento ::after
    • Propriedade white-space: nowrap adicionada ao elemento h3 para evitar quebra de linha
  • Usando o filtro shortDate para formatação da data no template last-posts.njk

Adicionado

  • Collection dedicada para o feed RSS
    • Criado lib/collections/postsFeed.js com todos os posts sem limite
    • Registrada nova collection postsFeed em eleventy.config.js
    • Feed RSS agora exibe todos os posts publicados, não apenas os 6 mais recentes

Modificado

  • Configuração do feed RSS
    • src/feed.njk agora usa a collection postsFeed ao invés de posts
    • feedPath em src/_data/site.json agora usa URL absoluta completa
    • Meta tag do feed em src/_layouts/default.njk simplificada usando site.feedPath e site.title
  • Renomeação de campo de descrição em posts
    • Campo description no front-matter dos posts renomeado para summary
    • Referências em src/index.njk atualizadas para usar post.data.summary
    • Resumo removido da listagem de todos os posts em src/last-posts.njk
    • Posts existentes migrados para usar o novo campo

Corrigido

  • Carregamento de CSS e assets no GitHub Pages
    • Removido filtro url do Eleventy de todas as referências de CSS em src/_layouts/default.njk, src/index.njk e src/last-posts.njk
    • Todos os links internos agora usam caminhos absolutos sem filtro
    • Corrigido uso de URLs absolutas simples (ex: /assets/css/main.css) ao invés de URLs com filtro
    • Eliminada duplicação de --pathprefix que causava erro 404 no carregamento de assets e urls
  • Caminho do feed RSS na meta tag
    • Removido prefixo /bloco-de-notas/ da meta tag do feed RSS em src/_layouts/default.njk
    • Link do feed agora usa /feed.xml ao invés de /bloco-de-notas/feed.xml
  • Base URL do feed RSS
    • Removido sufixo /bloco-de-notas/ da propriedade base em src/feed.njk
    • URL base agora é https://tcelestino.github.io/ ao invés de https://tcelestino.github.io/bloco-de-notas/

Adicionado

  • Arquivo de configurações gerais do blog
    • Criado src/_data/site.json com configurações centralizadas
    • Propriedades: title, description, url, author e feedPath
    • Configurações serão usadas para meta tags de SEO

Modificado

  • Configuração do plugin RSS simplificada em eleventy.config.js
    • Renomeado import de pluginRss para feedPlugin
    • Removida configuração detalhada (type, outputPath, collection)
    • Plugin agora usa configuração padrão
  • Layout padrão agora usa configurações centralizadas
    • Title dinâmico usando Bloco de Notas por Tiago Celestino em src/_layouts/default.njk
    • Feed path dinâmico usando https://tcelestino.github.io/bloco-de-notas/feed.xml em src/_layouts/default.njk

Adicionado

  • Plugin RSS oficial do Eleventy (@11ty/eleventy-plugin-rss) como dependência
  • Template para feed RSS em src/feed.njk:
    • Metadados do blog (título, descrição, idioma, autor)
    • Formato RSS 2.0 com suporte a Atom
    • Limitado aos 5 posts mais recentes
  • Link para o feed RSS na navegação social (lib/collections/nav-links.js)
  • Atributo title nos links da navegação social para melhor acessibilidade
  • Estilos CSS para o link RSS (src/assets/css/header.css):
    • Separador visual (borda direita)
    • Cor personalizada laranja (#f8981c)
  • Nova variável CSS para cor do RSS (--color-social-rss: #f8981c) em src/assets/css/var.css
  • Filtro dateToRfc822 do plugin RSS para formatação de datas no feed
  • Documentação completa do projeto em README.md:
    • Descrição do projeto e tecnologias utilizadas
    • Estrutura de diretórios
    • Comandos de desenvolvimento
    • Características principais

Modificado

  • Configuração do Prettier para habilitar ponto-e-vírgula (semi: true)
  • Formatação do código em lib/collections/nav-links.js seguindo as novas regras do Prettier
  • Link RSS movido para primeira posição na lista de links sociais
  • Removido link RSS desabilitado da navegação

Adicionado

  • Arquivo de configuração .editorconfig com regras de formatação:
    • Charset UTF-8
    • Final newline
    • LF como end of line
    • Indentação com espaços (2 espaços)
    • Limite de 80 caracteres por linha
  • Configuração do Prettier (.prettierrc):
    • Trailing comma em ES5
    • Sem ponto-e-vírgula
    • Aspas simples
  • Novo link social para o Unsplash na navegação (lib/collections/nav-links.js)
  • Estilo CSS para o link do Unsplash (src/assets/css/header.css)
  • Nova variável CSS para cor do Unsplash (--color-social-unsplash: #111) em src/assets/css/var.css

Modificado

  • Formatação do código em lib/collections/nav-links.js seguindo as novas regras do Prettier
  • Ajuste na importação do CSS em src/assets/css/header.css (aspas duplas para aspas simples)

Adicionado

  • Criação da página "Últimos Posts" (src/last-posts.njk) que lista todos os artigos do blog sem paginação.
  • Nova coleção lastPosts.js para agregar todos os posts publicados.
  • Novo arquivo CSS (last-posts.css) para estilização da página de últimos posts.
  • Link para a página de últimos posts adicionado na página inicial.

Modificado

  • Ajuste no texto da página 404 (not-found) para melhor clareza e formatação.
  • Reorganização e limpeza do CSS:
    • Remoção de código CSS não utilizado no arquivo home.css.
    • Ajustes nas referências de CSS em main.css.
    • Otimização de variáveis CSS em var.css.
  • Correções de typo no código.

Adicionado

  • Criação do css (home.css) para formatação da capa do blog.
  • Limitação da coleção de posts para exibir apenas os 6 posts mais recentes na página inicial.
  • Usando o método toReversed() para reverter os posts

Modificado

  • Centralizando do header, conteúdo e rodapé.
  • Restruturação das marcações HTML na capa.
  • Remoção de formatações e variáveis não utilizadas não utilizadas no css
  • Atualização do CLAUDE.md com informações sobre a estrutura de updates/changelog e correções na documentação de comandos.

Adicionado

  • Nova página updates para registrar as atualizações realizadas no Bloco de Notas.

Adicionado

  • Novo header adicionando links para as redes sociais
  • Criação do arquivo CLAUDE.md para instruções do Claude Code.

Modificado

  • Organização dos CSS em arquivos separados para facilitar a manutenção.