Antoine

aka Chocapic (he/him cool with they)
Video games Prod. Director | GameDev | WebDev enthousiast
#searchable #dev #gamedev #webdev #php #html #css #javascipt #c++ #tech #technology #fedi22 #NoTagsPub :html5: :rss: :pixelfed: :javascript: proven.lol/98313b

🏳️‍🌈🏳️‍⚧️▲
Born at 331 PPM

🌐︎ Website: https://villepreux.net
📷︎︎ PixelFed: https://pixelfed.social/villepreux
🌲︎ LinkTree: https://www.villepreux.net/linktree
💻︎ Codepen: https://codepen.io/villepreux

Public Key

npub1p6nmlykg8tn9kvzsnm5ddg085yf2nk8pm3mxlg86pdqm5ekkyjwq7nxcze

NIP-05 Address

villapirorum_at_indieweb.social@momostr.pink

Profile Code

nprofile1qqsqafaljtyr4ejmxpgfa6xk58n6zy4fmrsacan05raqksd6vmtzf8qpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dssxew6w

Publishing to

relay.nostr.bg

relay.damus.io

nos.lol

Author Public Key

npub1p6nmlykg8tn9kvzsnm5ddg085yf2nk8pm3mxlg86pdqm5ekkyjwq7nxcze

Show more details

Published at

2026-09-15T19:17:17Z

Kind type

0 Metadata

Event JSON

{ "id": "bdb6feafc3935b9a19344269eb730a4aa921f9f22547ee0dc141319652391381", "pubkey": "0ea7bf92c83ae65b30509ee8d6a1e7a112a9d8e1dc766fa0fa0b41ba66d6249c", "created_at": 1789499837, "kind": 0, "tags": [ [ "emoji", "html5", "https://cdn.masto.host/indiewebsocial/custom_emojis/images/000/000/065/original/1fc68cd93adddc45.png" ], [ "emoji", "rss", "https://cdn.masto.host/indiewebsocial/custom_emojis/images/000/000/063/original/9cad8a55bbf08f0d.png" ], [ "emoji", "pixelfed", "https://cdn.masto.host/indiewebsocial/custom_emojis/images/000/000/071/original/40ef23ccfe110082.png" ], [ "emoji", "javascript", "https://cdn.masto.host/indiewebsocial/custom_emojis/images/000/000/074/original/afc23a35f5c36b73.png" ], [ "t", "webdev" ], [ "t", "gamedev" ], [ "t", "dev" ], [ "t", "css" ], [ "t", "c" ], [ "t", "technology" ], [ "t", "tech" ], [ "t", "html" ], [ "t", "php" ], [ "t", "searchable" ], [ "t", "javascipt" ], [ "t", "fedi22" ], [ "t", "notagspub" ], [ "proxy", "https://indieweb.social/users/villapirorum", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://indieweb.social/users/villapirorum", "pink.momostr" ], [ "-" ] ], "content": "{\"name\":\"Antoine\",\"about\":\"aka Chocapic (he/him cool with they)\\nVideo games Prod. Director | GameDev | WebDev enthousiast\\n#searchable #dev #gamedev #webdev #php #html #css #javascipt #c++ #tech #technology #fedi22 #NoTagsPub :html5: :rss: :pixelfed: :javascript: proven.lol/98313b\\n\\n🏳️‍🌈🏳️‍⚧️▲ \\nBorn at 331 PPM\\n\\n🌐︎ Website: https://villepreux.net\\n📷︎︎ PixelFed: https://pixelfed.social/villepreux\\n🌲︎ LinkTree: https://www.villepreux.net/linktree\\n💻︎ Codepen: https://codepen.io/villepreux\\n\",\"website\":\"https://indieweb.social/@villapirorum\",\"picture\":\"https://cdn.masto.host/indiewebsocial/accounts/avatars/113/384/237/985/390/849/original/c366ca199ea01708.gif\",\"banner\":\"https://cdn.masto.host/indiewebsocial/accounts/headers/113/384/237/985/390/849/original/98dac459d914339c.gif\",\"nip05\":\"villapirorum_at_indieweb.social@momostr.pink\"}", "sig": "44c1bdd45b40285ca1f29f66e2693303786bce8039f1ff408d2724644186f4d6c58eeba78cd529bd8649d3d296b33ac9ac476ca0238c1823e0142d465f429101" }

Last Notes

2026-08-18 22:13:52 UTC

- reply

I know... But I'm not ready to give up on purple gradients yet... 🥺

2026-08-18 18:06:46 UTC

- reply

I like purple gradients...
For a while bootstrap was my base css...
Dam'

2026-07-24 09:14:49 UTC

- reply

https://villepreux.net/je-suis-d-accord

2026-06-19 13:13:53 UTC

- reply

Perfect for a new CSS Badge !
https://codepen.io/villepreux/pen/MYbBqGa?editors=0100

2026-06-05 08:07:36 UTC

Adding a new Inclusive.Front{} CSS badge !
https://codepen.io/villepreux/pen/dPOMwMY
Don't hesitate to use it as a base for your own badges. I'd love to see them.
CSS Badges have many advantages : light / dark native support, adaptability to context, great readability, fully themable...
#pridemonth #inclusivefront

2026-06-05 07:59:37 UTC

- reply

Well it's live !
https://css-tricks.com/another-stab-at-the-perfect-css-pie-chart-sans-javascript
PS. First comment is fair. Pay attention to accesibility when trying to display data a/o charts on your website.
#css #csstricks #webdev #a11y #article

2026-06-02 20:14:52 UTC

Imposter syndrome at its worst ! 😅
It seems an article signed by me is about to be published on CSS-Tricks !
Just some silly CSS stuff, but still !
Please be kind if you stumble across it !
#css #webdev #indie

2026-04-09 08:49:42 UTC

- reply

Oh yeah! when I said "empty feed. No friend" I didn't mean it was a bad thing. Just a fact. That could have been intimidating but that was quickly circumvented by the warm welcome of the people here (and the fact I wasnt in a hurry).
Also I would not say discovery is hard nor tricky here. Following tags or people is easy.
It's just that it can be felt a bit more slow that on traditionnal networks (and i say "felt"). And slow is not bad.

2026-04-08 21:41:20 UTC

- reply

I knew no one when arriving here. Empty feed. No friend. You Sara were among the very first one to talk to me and kindly answer messages from an stranger. Thanks for that.
Je ne connaissais personne en débarquant ici. Timeline vide. Aucun ami. Et Sara tu as été parmi les toute premières à me parler et à répondre avec bienveillance aux messages d'un inconnu. Merci !

2026-03-09 09:46:02 UTC

- reply

I'm on Android Chrome and my site is a PWA.
I've tried many things to do what you want to achieve (even changing urls to android intent://), but without luck.
I wished manifest "scope" parameter would suffice.
For now I have to use the link contextual menu for that.
Let us know if you find something!

2026-03-01 22:04:29 UTC

- reply

It's just that serving an alternate version of pages (here .md) dedicated only to LLMs reminded me of "nonsense" alternate version of pages as described in https://heydonworks.com/article/poisoning-well/.
Meant to be served to LLMs only, neither humans nor search engine.

2026-03-01 20:20:20 UTC

- reply

or maybe this "markdown version of pages" thing could be a another smart way to poison AIs ? 🤔

2026-02-17 23:28:20 UTC

- reply

Fun!
I got mine!
https://villepreux.net/indieweb.txt, referencing a citation.css file (https://villepreux.net/css/citation.css) for the class .villepreux-net

2026-02-12 17:28:33 UTC

- reply

Hmmm not interacting with it does not mean it's not crucial. Seems to me that moderation / censorship could theoricaly be applied at the relay level, does'nt it ?
But yes More AppViews is also important.

2026-02-12 12:44:37 UTC

- reply

Cool to see bluesky data being hosted on more servers.
But, as I understand it (i'm not sure I do), those communities remain under bluesky centralization as long as they are using the main bluesky relay.
What are the existing alternative relays ?
The one from Blacksky ? Others ?
#fediverse #decentralization #bluesky #atproto

2025-12-14 14:33:03 UTC

- reply

I'm afraid I folowed option #5 and enjoyed the prequels 😬
Am I a lost cause ?

2025-11-25 15:35:12 UTC

CSS Animations without @ keyframes nor animation properties ? (CSS Only). Make one css --time variable and go with it.
https://codepen.io/villepreux/pen/raeJajp
(use of sin(), clamp(), round(), abs(), mod() inside!)
#webdev #css #animations #justforfunnoreally

2025-08-02 07:16:14 UTC

- reply

Haha thanks ! Yes quick and dirty code ! JS + CSS.
I just added the UI to tweak it last night.
Love the way we can quickly build those UI today with radio inputs and ccs :has

2025-08-01 15:05:12 UTC

- reply

Very nice!
Made me want to play with neons too 🤪
https://codepen.io/villepreux/full/ByoWyeW
#js #css #html #screensavers

2025-08-01 09:31:54 UTC

- reply

Got a slashpage on my website for it
https://villepreux.net/cv
It follows my website visual theme.
And I ensured print styles were OK.
Not really outdated but clearly would benefit from a huge rework / modern take at it.
Will follow this thread and what you'll be doing for inspiration !

2025-02-13 18:02:11 UTC

Converted my website to css layers !
Still wip, a mess & huge pass of cleanup to do.
But it works and I can change top layer applied to my site live ! Just as one can change color-pref. Very cool and so usefull for debugging !
You can try it out here : https://villapirorum.netlify.app (user-settings in the footer)
Special thx to @npub1szd…5a79 from which I stole the idea to have that setting publicly exposed on the page ! (check it on her site : https://www.miriamsuzanne.com)
#css #csslayers #webdev #devintheopen

2024-12-02 09:36:56 UTC

- reply

Hello
When goiing to the starter kit page, https://fedidevs.com/s/Ng/, and scrolling, it displays lots of unrelated accounts not belongin to the kit (lots from infosec.exchange)
Is it a bug ?
This is a showstopper for people I shared the link to. 😥

2024-12-02 09:05:37 UTC

- reply

As as starter-kit : https://fedidevs.com/s/Ng/
Hopefuly we'll soon have a better native way to share and apply community curated starter kits, for an easier fediverse onboarding
[Edit] Oups 🤦‍♂️ la même en français
Sous forme d'un "starter-kit" donc.
Permettant de suivre la liste en un clic.
En espérant que bientôt on aura une solution plus simple et intégrée d'appliquer ce genre de listes modérées et partagées par la communautés, les serveurs ou nos contacts de confiance.

2024-12-01 23:12:33 UTC

- reply

Quick feedback
Connecting again (on my mobile phone this time, cannot tell right now if it would be the same on my desktop) and wasn't able to edit my starter pack. Just got the "report" option.
Wanted to edit description to remove the wip notice

2024-12-01 18:44:48 UTC

- reply

Great thank you!
In this time of bluesky takeoff and mastodon realizing its onboarding really needs one-button starter-kits too, your site (or a non-devs-only fork) would be a really good start for it !
Don't restrict it to some servers, and add opt-in requirement to be included in a list, and you have something the community will definitely adopt !

2024-12-01 10:57:35 UTC

- reply

Hello !
Oh, thanks for the proposal !
The list is here : https://raw.githubusercontent.com/villepreux/fedi-start/refs/heads/main/starterkits/mediapart.json
No I did not mean to import all my following list
Just (for now) that particular list.
I had troubles doing it with the UI. Doing it manually one by one was going to be a bit tedious but I was determined to do it anyway. However I wasn't able to find many of the accounts in the search results.
That's when I realized your site was probably only meant for lists of devs so that was maybe the reason ?