Aurélio Heckert's Avatar

Aurélio Heckert

@aurium.bsky.social

Programmer, GNU/Linux User, Vegan, Organic lifeform.

55 Followers  |  43 Following  |  64 Posts  |  Joined: 12.07.2023  |  1.8609

Latest posts by aurium.bsky.social on Bluesky

js13kGames 2025 competition starts in 24 hours

js13kGames 2025 competition starts in 24 hours

Only 24 HOURS left before the theme reveal and the start of the #js13k 2025 competition! Are you ready?

js13kgames.com

#gamedev #gamedevjs #compo #competition #countdown #start #JavaScript #HTML5 #indiedev #indiegames

12.08.2025 11:03 — 👍 18    🔁 6    💬 0    📌 0

É sério que os brothers dos criadores da operação "Punhal Verde e Amarelo" disseram que os beneficiários da tal operação estão no "Tribunal de Nuremberg"?

Pera aí... É fã ou hater?

26.03.2025 23:44 — 👍 2    🔁 0    💬 0    📌 0

Quero, em óleo sobre tela.

26.03.2025 23:28 — 👍 7    🔁 0    💬 0    📌 0

Manda a referência, PLZ!
Nunca te pedi nada...
(literalmente, né)

29.11.2024 16:31 — 👍 1    🔁 0    💬 1    📌 0
The HTML code to the Tic-Tac-Toe experiment (step 2). It is a list with an input for X and for O on each of the 9 boxes.

The HTML code to the Tic-Tac-Toe experiment (step 2). It is a list with an input for X and for O on each of the 9 boxes.

The CSS code to the Tic-Tac-Toe experiment (step 2).

The CSS code to the Tic-Tac-Toe experiment (step 2).

This code implements the group context, as we see on the previews experiment, to answer "Is it my time to play?", and a local context showing who checked the box.

26.11.2024 16:17 — 👍 1    🔁 0    💬 0    📌 0
Video thumbnail

Writing a Tic-Tac-Toe in pure #CSS (step 2)

From my previews experiment, now we have a game board that knows who is playing and who checked a box.

The radio inputs are visible on non checked boxes to help to understand what is happening.

More details: t.me/css_eh_perfe...
#BolhaTech #frontend

26.11.2024 16:17 — 👍 2    🔁 2    💬 1    📌 1

Melhor analise política e cult do ano! 🏆

18.11.2024 14:17 — 👍 0    🔁 0    💬 0    📌 0
The code to discover is a checked group is odd or even.

<style>
body {
    margin: 80px;
    background: #222;
    color: #FFF;
}

label {
    &::before { content: "☝️" }

    &#placeholder {
        display: block;
        margin-bottom: 20px;
        &::before { content: "" }
        &::after { content: "even" }
    }

    &:first-child:nth-last-child(2n-1 of :has(:checked)) {
        ~ label::before { content: "✌️" }
        &#placeholder::after { content: "odd" }
    }
}
</style>

<div id="game">
    <label id="placeholder"><input type="checkbox" checked disabled></label>
    <label><input type="checkbox"></label>
    <label><input type="checkbox"></label>
    <label><input type="checkbox"></label>
    <label><input type="checkbox"></label>
    <label><input type="checkbox"></label>
    <label><input type="checkbox"></label>
</div>

The code to discover is a checked group is odd or even. <style> body { margin: 80px; background: #222; color: #FFF; } label { &::before { content: "☝️" } &#placeholder { display: block; margin-bottom: 20px; &::before { content: "" } &::after { content: "even" } } &:first-child:nth-last-child(2n-1 of :has(:checked)) { ~ label::before { content: "✌️" } &#placeholder::after { content: "odd" } } } </style> <div id="game"> <label id="placeholder"><input type="checkbox" checked disabled></label> <label><input type="checkbox"></label> <label><input type="checkbox"></label> <label><input type="checkbox"></label> <label><input type="checkbox"></label> <label><input type="checkbox"></label> <label><input type="checkbox"></label> </div>

But why is there a placeholder?

The target state is nested and we can't nest :has(). It means that we could not use label:has(&)::before together with label::before (line 21), which means that the elements that precede the first selected one would not be affected by the state of the set. #CSS

18.11.2024 12:56 — 👍 0    🔁 0    💬 0    📌 0
Video thumbnail

Writing a Tic-Tac-Toe in pure #CSS

Is it my time to play?

We can know if it's ❌ or ⭕️ time to play, based on the number of checked spaces. If even, it's the P1 time, if odd, it's the P2 time. :nth-last-child(...) can help us to discover.

Details with code: t.me/css_eh_perfe...
#BolhaTech #frontend

18.11.2024 12:42 — 👍 3    🔁 2    💬 1    📌 0

Que desgraça²!

14.11.2024 19:15 — 👍 0    🔁 0    💬 0    📌 0
Video thumbnail

Proposta de decoração para as futuras instalações da #NV1C.
@lauramarise.bsky.social @anabonassa.bsky.social

13.11.2024 12:43 — 👍 1    🔁 0    💬 0    📌 0

I was thinking about implement tic-tac-toe in pure #CSS... I'll publish here when (or while) I do that.

10.11.2024 14:10 — 👍 0    🔁 0    💬 0    📌 0
A fotografia de um menino sonolento no ônibus, segurando um saco de latinhas amassadas, acompanhada da frase: "Só tolos acreditam que na vida só basta se esforçar. Para alguns, a vida começa tão difícil que o esforço é só pela sobrevivência."

A fotografia de um menino sonolento no ônibus, segurando um saco de latinhas amassadas, acompanhada da frase: "Só tolos acreditam que na vida só basta se esforçar. Para alguns, a vida começa tão difícil que o esforço é só pela sobrevivência."

10.11.2024 13:17 — 👍 0    🔁 0    💬 0    📌 0

A pessoa se anima com a manchete e... era divulgação científica...

(Brincadeirinha! Foi um tesão esse conteúdo.)

29.10.2024 23:16 — 👍 1    🔁 0    💬 0    📌 0
PARABAINS 10 HORAS
YouTube video by bruN0 PARABAINS 10 HORAS

www.youtube.com/watch?v=1Mcd...

25.10.2024 18:46 — 👍 3    🔁 0    💬 0    📌 0

Desembargadora Monica Nobre.

Se a casa dela estiver sem luz, o Judiciário dará dezenas de milhares de reais em indenização, enquanto ela aluga um apart-hotel por uma semana...

14.10.2024 12:22 — 👍 553    🔁 109    💬 4    📌 4
Preview
Tarcísio veta projeto que previa educação climática nas escolas de São Paulo A proposta era de autoria do deputado Guilherme Cortez (PSOL)

Negacionismo BOLSONARISTA é isso aqui:

O governador que a imprensa tenta passar a imagem de ~moderado~, VETOU o projeto que previa EDUCAÇÃO CLIMÁTICA nas escolas de São Paulo!

NEGACIONISTA BIZARRO!
www.cartacapital.com.br/cartaexpress...

09.10.2024 16:36 — 👍 2838    🔁 792    💬 87    📌 68
Post image

a luta sobre o fim da escala 6x1 merece ganhar muita e muita força

07.10.2024 19:12 — 👍 18170    🔁 7170    💬 73    📌 222

É disso que eu tenho medo!

04.10.2024 21:32 — 👍 0    🔁 0    💬 0    📌 0

Ou a direita não combate a criminalidade tanto quanto finge fazer, deixando esse embate para a esquerda (Tainá, Freixo, Marielle, ..., Chico Mendes, ...)

Ou esses crimes tem motivação política e direita não é composta por "gente de bem".

O "OU" em álgebra booleana não é necessariamente excludente.

04.10.2024 13:54 — 👍 2    🔁 0    💬 0    📌 0

Posso almoçar pizza hoje?

04.10.2024 13:08 — 👍 0    🔁 0    💬 0    📌 0
Post image

Só pra lembrar:

02.10.2024 14:34 — 👍 1    🔁 0    💬 0    📌 0
Um vaso sendo retirado de uma caixa cheia de flocos de espuma

Um vaso sendo retirado de uma caixa cheia de flocos de espuma

Uma xícara de porcelana

Uma xícara de porcelana

Giz para quadro negro, quebrado.

Giz para quadro negro, quebrado.

Uma notícia com o título "Estudo diz que homens se sentem menos másculos dirigindo carros elétricos"

Uma notícia com o título "Estudo diz que homens se sentem menos másculos dirigindo carros elétricos"

Coisas frágeis

02.10.2024 13:18 — 👍 1    🔁 0    💬 0    📌 0
Post image 02.10.2024 12:37 — 👍 0    🔁 0    💬 0    📌 0
Video thumbnail

Polícia Federal cumpriu ontem um mandado de busca e apreensão contra um dos criminosos que colocou fogo na Área de Proteção Ambiental do Planalto Central em 25 de setembro.

O homem, de 36 anos, foi visto com um segundo suspeito – ainda não identificado – e seria o condutor e proprietário do veículo

01.10.2024 12:08 — 👍 2823    🔁 653    💬 95    📌 55

@mcfunkypants.bsky.social, your comment to my #JS13k entry led me emotional. Thank you very much!

30.09.2024 15:50 — 👍 1    🔁 0    💬 0    📌 0
Video thumbnail

Enlightened by capitalism edge.

25.09.2024 14:14 — 👍 0    🔁 0    💬 0    📌 0
Quadrinho com uma cena comum de RPG, onde os heróis entram na caverna de um dragão deitado sobre um tesouro. E segue o diálogo:
mago: Pera! Não podemos matar o dragão e pegar o seu ouro.
guerreiro: Por que não?
mago: Ele conquistou isso.
guerreiro: Roubando e matando cidadãos.
mago: Bem... Dragões hum... Criam empregos?
mago: Ok, mas... E se um dia eu me tornar um dragão?
guerreiro: Você NUNCA SERÁ UM DRAGÃO!

Quadrinho com uma cena comum de RPG, onde os heróis entram na caverna de um dragão deitado sobre um tesouro. E segue o diálogo: mago: Pera! Não podemos matar o dragão e pegar o seu ouro. guerreiro: Por que não? mago: Ele conquistou isso. guerreiro: Roubando e matando cidadãos. mago: Bem... Dragões hum... Criam empregos? mago: Ok, mas... E se um dia eu me tornar um dragão? guerreiro: Você NUNCA SERÁ UM DRAGÃO!

#RPG

23.09.2024 18:58 — 👍 2    🔁 0    💬 0    📌 0
Woman with painted big eyebrows and the comment below: when you accidentally type "em" intead of "px".

Woman with painted big eyebrows and the comment below: when you accidentally type "em" intead of "px".

22.09.2024 01:08 — 👍 1    🔁 0    💬 0    📌 0
Preview
Agronegócio banca palestras que espalham mito de que aquecimento global pelo homem é fraude - BBC News Brasil Na contramão da ciência, associações do produtores rurais estão bancando palestras dos chamados "negacionistas climáticos", pessoas que não acreditam que existam mudanças climáticas causadas pelo home...

RECORDANDO QUEM FINANCIA O NEGACIONISMO CLIMÁTICO: www.bbc.com/portuguese/b...

21.09.2024 04:27 — 👍 368    🔁 126    💬 12    📌 16

@aurium is following 20 prominent accounts