Hackers' Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

Ana Tudor 🐯 @anatudor@mastodon.social

12/22/2025, 1:39:02 PM

Public

Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM

`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.

No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.

#CSS #filter #frontend

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/anatudor/statuses/115763494451619884 on your instance and quote it. (Note that quoting is not supported in Mastodon.)