Funcional o Suficiente

Por que o 11ty?

Basicamente, future-proffing. Quando eu estava construindo a base do site, eu percebi que eu gostaria que todas as páginas tivessem o mesmo layout (meu mundo de mine no fundo, barra lateral com os links, etc.). No começo eu fazia isso apenas copiando e colando o html da página principal e depois editando o conteúdo, o problema é que logo eu percebi que se eu quisesse fazer uma mudança no layout do site, eu teria que editar TODAS as páginas, uma por uma.

Vamos dizer que eu quero remover a página Shrines da barra lateral. Sem utilizar o 11ty, eu teria que ir em cada uma das páginas que utiliza a barra lateral e apagar a referência a página Shrines. Se eu só tenho umas 5 páginas, como eu tenho agora, isso não é um grande problema, mas se daqui a 2 anos eu queira editar algo e o site tenha 100 páginas, aí eu tô bem lascado.

Pesquisando, descobri que uma das soluções possíveis é utilizar partials. Em termos não técnicos, partials são basicamente arquivos .html que você "anexa" dentro de outros arquivos .html. Basicamente, eu teria o partial navbar.html, que conteria a barra lateral, e sempre que eu quissesse colocar essa barra lateral em uma página eu só referenciaria esse partial no html da página. Então, se eu precisar editar algo na barra lateral, eu posso só editar o partial, atualizando tudo automaticamente.

O problema é que pra utilizar os partials (pelo menos do jeito que eu aprendi) é preciso adicionar muito javascript client-side, o que vai contra os meus principios.

Eu realmente não quero que o site seja inutilizável se o navegador que os visitantes estejam usando não suporte javascript, ou mesmo se os próprios visitantes desativarem o javascript manualmente. É claro que um pouco de javascript é inevitável se eu não quiser limitar o que eu posso fazer com esse site, mas eu quero limitar o javascript para funcionalidades secundárias do site, como por exemplo o botão de ocultar a janela principal que eu faço questão de ter (quero que vocês consigam ver a evolução do meu mundinho no mine). A barra lateral, ou a janela principal como um todo são os órgãos vitais do site, sem eles não tem nada. Então eu quero garantir que essas funções básicas funcionem sem javascript.

Como eu conheci o 11ty

Eu conheci o 11ty com a maravilhosa Veronica Explains! Nesse vídeo ela brevemente dá sua opinião sobre o estado atual da web (eu compartilho de boa parte dessa opinião), mas o foco do vídeo é mostrar como ela usou o eleventy para criar o site da banda que ela participa, The Stop Bits. Inclusive, ouça! Eles só tem um álbum ainda mas ele já é muito bom. Se você gosta de nerdice (E se você está lendo isso, é porque você é nerd), dá uma olhada.

O futuro do site

Estou escrevendo isso em 2025-05-30 e eu espero que essa lista esteja desatualizada, mas hoje o que eu gostaria de fazer no site é:

• Um guestbook
• Um changelog/roadmap, que será uma versão glorificada dessa lista + um registro de todas as mudanças que eu farei no site
• O resto das páginas que estão na barra lateral:
  • Sobre mim
  • Shrines
  • Inspirações
• Mais floreios e perfumarias no css do site
• TALVEZ mudar o azul do fundo para não agredir tanto o olho kkkkkk (Ou pelo menos adicionar outro botão que crie um "modo escuro")

Back to the blog list!