Drawing Right Side
By Alex Rintt (Last update November 26, 2022)

November 26, 2022Edit this file (Private, ask me for access if you wanna contribute)

Acho que esse é um dos maiores crimes que já cometi

Criei um blog estático em NodeJS com puro HTML e CSS misturado com React e JavaScript + Babel, API, database, regra de negócio tudo em 1 único arquivo com 700 linhas.

Quando rodei o comando de criação de pasta desse projeto a regra era clara: quanto pior melhor.

Esse absurdo foi construído em umas 24h, no decorrer de 3~5 dias.

Ainda pretendo fazer umas melhoras ali no processo de build, mas aqui é assim, come o que tem.

Configuração

Edite o blog.config.json sem isso não tem show de mágica. O repositório que você mencionar nesse arquivo deve seguir uma estrutura específica de pastas.

# Dentro do seu repositório crie um arquivo nessa pasta:
~/posts/plsdelme/slug-do-post-aqui/pt-BR.md

E dentro desse arquivo markdown coloque:

---
title: "É isso, não esperava ver isso funcionar"
description: "Em breve vou apagar a existência desse repositório, e fingir que foi um sonho lúcido."
tags: delete, enquanto, ha, tempo
status: published
---

# H1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

## H2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

### H3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

#### H4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Bom, de config é isso (tirando a parte dos comentários que depois vamo ter que mexer).

Mas vamos lá:

# Comece a orar
git clone https://github.com/alexrintt/alexrintt.github.io junk
cd junk

# Gostaria de falar deixar "melhor", mas isso aqui não é nem 1% da maioria dos frameworks js
yarn install
npm install

# Só garanto que funciona no Node v18
yarn dev

# Não me pergunte o que acontece quando você roda isso
yarn build

Quer editar o CSS? Pois vá para /static/css/styles.css. Poderia migrar tudo pro index.jsx pra deixar ainda melhor.

Não me orgulho de dizer isso, mas é no src/index.tsx a libertinagem rola solta.

Mas por enquanto essa merda tá funcionando, só quero ver pra dar manutenção nesse lixo no futuro.

image

See also

Files in the same folder:

Anonymous message

The form above is anonymous, although the following data is collected:

  • Current page URL.
  • Your message.
  • Your username if provided.
  • Don't forget to include contact info if you are asking something, otherwise I'll never be able to reach you back!

If you prefer, you can reach me directly on GitHub or E-mail.

This form is powered by Discord Webhook API, so it is totally hackable, enjoy.