<div class="relative flex w-full flex-col laptopL:mx-auto -MBIZeYufBPExQ-

iC7wA7Q=="><div class="flex w-full flex-col laptopL:mx-auto" style="--num-

cards: 2; --feed-gap: 3rem;"><div class="relative mx-auto w-full
_4V1DjqJjbbVEWzzjQ76s0g== Xdf11O0okYU0CIRCTeinIA==" aria-live="off"
data-testid="posts-feed"><span class="flex flex-1 items-center flex-col-
reverse"><span class="mr-auto flex w-full flex-row gap-3 border-border-
subtlest-tertiary pr-3 laptop:w-auto"><div class="flex w-full items-center
gap-2"><button class="btn focus-outline inline-flex cursor-pointer select-none
flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-10 px-5
rounded-12 btn-tertiaryFloat"><svg width="1em" height="1em" viewBox="0 0
24 24" xmlns="[Link] class="w-7 h-7 pointer-events-
none text-base mr-1 -ml-2"><path d="M16.5 12a3 3 0 013 3v1.5a3 3 0 01-3
3H15a3 3 0 01-3-3H5.25a.75.75 0 110-1.5H12a3 3 0 013-3h1.5zm0 1.5H15a1.5
1.5 0 00-1.493 1.356L13.5 15v1.5a1.5 1.5 0 001.356 1.493L15 18h1.5a1.5 1.5 0
001.493-1.356L18 16.5V15a1.5 1.5 0 00-1.356-1.493L16.5 13.5zM9 4.5a3 3 0
013 3h6.75a.75.75 0 110 1.5H12a3 3 0 01-3 3H7.5a3 3 0 01-3-3V7.5a3 3 0
013-3H9zM7.5 6a1.5 1.5 0 00-1.493 1.356L6 7.5V9a1.5 1.5 0 001.356
1.493l.144.007H9a1.5 1.5 0 001.493-1.356L10.5 9V7.5a1.5 1.5 0
00-1.356-1.493L9 6H7.5z" fill="currentcolor" fill-rule="evenodd"></path></
svg>Feed settings</button><button class="btn focus-outline inline-flex cursor-
pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-10 px-5
rounded-12 btn-tertiaryFloat mr-auto"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-7 h-7
pointer-events-none text-base mr-1 -ml-2"><path d="M18.361 11.259a.75.75 0
01-.009 1.484l-.102.007h-5.5v5.5a.75.75 0
01-1.491.111l-.009-.11V12.75h-5.5l-.111-.009a.75.75 0
01.009-1.484l.102-.007h5.5v-5.5a.75.75 0
011.491-.111l.009.11v5.501h5.5l.111.009z" fill="currentcolor" fill-
rule="evenodd"></path></svg>Shortcuts</button><button data-
state="closed" aria-label="Get clear, more informative titles with Clickbait
Shield. You can try it 5 more times for free this month." class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-10 px-5
rounded-12 btn-tertiaryFloat"><svg width="1em" height="1em" viewBox="0 0
24 24" fill="currentColor" xmlns="[Link] class="w-7 h-7
pointer-events-none text-base mr-1 -ml-2"><path fill-rule="evenodd" clip-
rule="evenodd" d="M12.158 3.534l7.342 2.46v6.908a5.907 5.907 0 01-1.716
4.166c-.445.448-.96.82-1.523 1.104L12 20.314l-4.261-2.142a5.86 5.86 0
01-1.523-1.104A5.908 5.908 0 014.5 12.902V5.995l7.342-2.461a.497.497 0
01.316 0zm4.774 15.987L12 22l-4.932-2.48a7.36 7.36 0 01-1.912-1.385A7.42
7.42 0 013 12.902V5.456a.76.76 0 01.518-.722l7.85-2.63a1.99 1.99 0 011.264
0l7.85 2.63a.76.76 0 01.518.722v7.446a7.42 7.42 0 01-2.155 5.233 7.36 7.36 0
01-1.913 1.386zM11.667 8h.666A3.67 3.67 0 0016 11.667v.666A3.67 3.67 0
0012.333 16h-.666A3.67 3.67 0 008 12.333v-.666A3.67 3.67 0 0011.667
8z"></path></svg>5/5</button></div></span></span><div class="grid mt-8
gap-12 grid-cols-2"><div class="flex flex-1 p-2 laptop:p-0 p-4 pt-0"><div
class="relative flex flex-1 rounded-16 border border-white bg-
transparent"><div class="flex flex-1 flex-col gap-2 rounded-16 px-6 py-4 text-
black laptop:gap-4 backdrop-blur-3xl border-4 border-black"
style="background: linear-gradient(rgb(239, 213, 200) 0%, rgb(210, 233, 227)
25.96%, rgb(198, 222, 250) 53.37%, rgb(196, 199, 251) 79.33%, rgb(199, 182,
250) 100%);"><div class="flex flex-1 flex-row items-center gap-2 laptop:flex-
col laptop:items-start laptop:gap-4"><svg xmlns="[Link]
svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24"
class="w-12 h-12 pointer-events-none"><path d="M12 6.6a3.6 3.6 0 003.6
3.6l3.6.001V18l-.006.197a3 3 0 01-2.797 2.796L16.2 21H7.8l-.197-.007a3 3 0
01-2.796-2.796L4.8 18V6l.007-.197a3 3 0 012.796-2.796L7.8 3h4.198L12
6.6zm-.333 4.4A3.67 3.67 0 018 14.667v.666A3.67 3.67 0 0111.667
19h.666A3.67 3.67 0 0116 15.333v-.666A3.67 3.67 0 0112.333 11h-.666zM19.2
8.4h-3.6a1.8 1.8 0 01-1.8-1.8V3l5.4 5.4z"></path></svg><div class="flex flex-1
flex-col laptop:gap-4 "><p class="typo-callout laptop:typo-title2 font-
bold">Brief is ready!</p><p class="typo-callout">Jul 16, 2025</p></div></
div><div class="flex flex-1 flex-col gap-2 laptop:gap-4"><div class="flex flex-
row gap-1 laptop:flex-col"><p class="w-full typo-callout">Your AI agent spent
13s on this presidential briefing. It saved you 1d of trying to keep up. Proceed
responsibly (or don't, your call).</p></div></div><div class="mt-auto flex flex-
col gap-3"><div class="self-start font-bold typo-caption1 rounded-10 p-2
inline-flex items-center absolute right-4 top-4 rounded-20 border border-b-
overlay-secondary-pepper px-2.5 py-2 laptop:relative laptop:right-auto
laptop:top-auto"><div class="flex items-center gap-1"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-5 h-5 pointer-events-none"><path d="M11.963 3a8.99 8.99 0
014.627 1.287 9.052 9.052 0 014.365 7.721 8.995 8.995 0 01-1.286 4.628
9.055 9.055 0 01-7.722 4.365 8.988 8.988 0 01-4.627-[Link] 0
01-.257-[Link] 0 011.029-.257 7.495 7.495 0 003.855 1.072 7.447 7.447
0 006.436-3.638 7.495 7.495 0 001.072-3.855 7.448 7.448 0
00-3.638-6.436A7.494 7.494 0 0011.963 4.5l-.105.001a.742.742 0
01-.768-.732.75.75 0 01.732-.768L11.963 3zm-6.12 13.347a.76.76 0 01-.17
[Link] 0 01-.[Link] 0 01-.61-.32.753.753 0
01.18-1.05c.33-.24.8-.16 1.04.18zM12 6.247a.75.75 0
01.743.648l.007.102v6a.75.75 0 01-.143.44l-.077.09-2 2a.75.75 0
01-1.133-.976l.073-.084 1.78-1.782V6.997a.75.75 0 01.648-.743L12
6.247zm-7.306 7.64c.11.41-.13.82-.53.92-.07.019-.13.019-.2.019a.744.744 0
01-.72-.56c-.1-.4.14-.81.54-.91.4-.[Link].53zm-.86-3.53c.[Link].66.8
3-.04.38-.36.67-.74.67-.03 0-.05 0-.08-.01a.75.75 0
01-.67-.82c.05-.411.42-.71.83-.67zm1.11-2.781a.752.752 0 11-.68 [Link] 0
01-.33-[Link] 0 011.01-.33zm2.03-2.2a.746.746 0 11-1.11 1 .744.744 0
01.05-[Link] 0 011.06.05zm2.68-1.34a.75.75 0
01-.42.97c-.09.04-.18.05-.27.05-.3 0-.59-.18-.7-.47a.742.742 0
01.42-.97v-.01c.39-.[Link].43z" fill="currentcolor" fill-rule="evenodd"></
path></svg><p class="typo-footnote">3m read</p></div></div><div
class="flex items-center"><div class="m-2 pointer-events-none relative flex
flex-row"><div class="flex items-center"><div class="" style="z-index:
6;"><img class="mr-2 rounded-full object-cover size-4 -my-0.5 !mr-0 box-
content border-2 border-background-default" type="squad"
fetchpriority="auto" alt="Avatar of couchbase" src="[Link]
image/upload/t_logo,f_auto/v1/logos/
7bfc4b06cf4f46748cab77d81aa782b6"></div><div class="-ml-1.5" style="z-
index: 5;"><img class="mr-2 rounded-full object-cover size-4 -my-0.5 !mr-0
box-content border-2 border-background-default" type="squad"
fetchpriority="auto" alt="Avatar of gamefromscratch" src="https://
[Link]/image/upload/s--EcPfFcSs--/f_auto/v1724391677/logos/
gamefromscratch"></div><div class="-ml-1.5" style="z-index: 4;"><img
class="mr-2 rounded-full object-cover size-4 -my-0.5 !mr-0 box-content
border-2 border-background-default" type="squad" fetchpriority="auto"
alt="Avatar of gamesindustry" src="[Link]
t_logo,f_auto/v1/logos/be1a78592d5340248e5204f8007b82be"></div><div
class="-ml-1.5" style="z-index: 3;"><img class="mr-2 rounded-full object-
cover size-4 -my-0.5 !mr-0 box-content border-2 border-background-default"
type="squad" fetchpriority="auto" alt="Avatar of jetbrains" src="https://
[Link]/image/upload/t_logo,f_auto/v1/logos/
53ecf0c676f34b3896ee109609d91efa"></div><div class="-ml-1.5" style="z-
index: 2;"><img class="mr-2 rounded-full object-cover size-4 -my-0.5 !mr-0
box-content border-2 border-background-default" type="squad"
fetchpriority="auto" alt="Avatar of tc" src="[Link]
upload/t_logo,f_auto/v1/logos/tc"></div><div class="-ml-1.5" style="z-index:
1;"><img class="mr-2 rounded-full object-cover size-4 -my-0.5 !mr-0 box-
content border-2 border-background-default" type="squad"
fetchpriority="auto" alt="Avatar of techcentral" src="[Link]
image/upload/s--RsqLDZrL--/f_auto/v1717745297/logos/techcentral"></div></
div></div><p class="flex flex-row gap-2 typo-subhead">304 posts • 131
sources</p></div></div></div><a class="cursor-pointer
z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-full"
title="Jul 16, 2025" rel="noopener noreferrer" href="[Link]
jul-16-2025-kxldajkje"></a></div></div><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8
h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="webcraft's profile" src="[Link]
ZD_yYQn6--/f_auto/v1741985045/squads/ad378b4e-6140-40ea-
b7d8-4c54fc2525a5"></a><a data-state="closed" class="flex min-w-0 shrink
items-center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-10" loading="lazy" type="avatar"
fetchpriority="auto" alt="mouad_dadda's profile" src="[Link]
image/upload/s--qvecFxpC--/f_auto/v1746013117/avatars/
avatar_cmPs2DO0hyj5zVizDLJDZ"></a><span class="ml-auto flex flex-row
laptop:mouse:invisible laptop:mouse:group-hover:visible" data-
testid="cardHeaderActions"><a target="_blank" href="[Link]
q8Xy8zYXV" class="btn focus-outline inline-flex cursor-pointer select-none
flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r5:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-
words">TailwindCSS Components</h3></div><div class="relative flex flex-1
flex-col"><div class="flex-1"></div><div class="mx-2 flex items-center"><div
class="flex min-h-px flex-1 items-center gap-2"><div class="rounded-8 border
border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center typo-
footnote text-text-quaternary my-2">#webdev</div><div class="rounded-8
border border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center
typo-footnote text-text-quaternary my-2">#css</div><div class="rounded-8
border border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center
typo-footnote text-text-quaternary my-2">#frontend</div><div
class="rounded-8 border border-border-subtlest-tertiary px-2 h-6 flex items-
center justify-center typo-footnote text-text-quaternary my-2">+1</div></
div></div><div class="flex items-center text-text-tertiary typo-footnote
mx-2"><span class="max-w-full shrink truncate"><time title="Wed Jul 02
2025 19:09:45 GMT+0100 (heure normale d’Europe centrale)"
datetime="2025-07-02T18:09:45.467Z">Jul 02</time><span
class="mx-1">•</span><span data-testid="readTime">2m read time</span></
span></div></div><div class="relative flex flex-1 flex-col"><div class="pointer-
events-none relative flex flex-1"><img class="w-full my-2 rounded-12 h-40
object-cover" loading="lazy" type="post" fetchpriority="auto" alt="Post Cover
image" src="[Link]
cbbeb0942fb836383cd882114d5356a6?_a=AQAEuiZ"></div><div class="flex
flex-row items-center justify-between"><div class="flex flex-row items-center
rounded-12 bg-surface-float"><button id="post-5vSQqcVNY-upvote-btn"
data-state="closed" aria-label="Upvote" aria-pressed="false" class="btn
focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">24</span></button><button
id="post-5vSQqcVNY-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-5vSQqcVNY-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-5vSQqcVNY-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">1</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-5vSQqcVNY-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
 duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="[Link]" href="[Link]
egtb86dcf" rel="noopener noreferrer" class="z4bhMTzoax1KXERofoFd1Q==
focus-outline absolute inset-0 h-full w-full"></a><div class="relative m-2 flex
gap-2"><div class="relative flex w-full flex-row gap-2"><a data-
state="closed" class="z-0 flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8
h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="webcraft's profile" src="[Link]
ZD_yYQn6--/f_auto/v1741985045/squads/ad378b4e-6140-40ea-
b7d8-4c54fc2525a5"></a><a data-state="closed" class="flex min-w-0 shrink
items-center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-10" loading="lazy" type="avatar"
fetchpriority="auto" alt="mouad_dadda's profile" src="[Link]
image/upload/s--qvecFxpC--/f_auto/v1746013117/avatars/
avatar_cmPs2DO0hyj5zVizDLJDZ"></a><div class="flex flex-1"></div><button
aria-label="Options" type="button" id="radix-:rc:" aria-haspopup="menu"
aria-expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto laptop:mouse:invisible
laptop:mouse:group-hover:visible"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5 0
010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
div></div><div class="flex flex-col mx-2"><h3 class="line-clamp-3 mt-2
break-words multi-truncate font-bold typo-title3">[Link]</h3></
div><div class="flex-1"></div><div class="mx-2 mb-2 flex items-center"></
div><div class="flex items-center text-text-tertiary typo-footnote mx-2 line-
clamp-1 break-words mt-0"><span class="max-w-full shrink truncate"><time
title="Sat Jun 28 2025 11:15:38 GMT+0100 (heure normale d’Europe centrale)"
datetime="2025-06-28T10:15:38.426Z">Jun 28</time><span
class="mx-1">•</span><span data-testid="readTime">1m read time</span></
span></div><div class="relative flex flex-1 flex-col"><div class="flex-1"></
div><div class="pointer-events-none relative flex flex-1"><img class="my-2 w-
full rounded-12 h-40 object-cover" type="post" fetchpriority="auto" alt="Post
Cover image" src="[Link]
v1751105740/posts/EgTB86DCf?_a=BAMClqZW0"></div><div class="flex flex-
row items-center justify-between mt-auto"><div class="flex flex-row items-
center rounded-12 bg-surface-float"><button id="post-EgTB86DCf-upvote-
btn" data-state="closed" aria-label="Upvote" aria-pressed="false" class="btn
focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">79</span></button><button
id="post-EgTB86DCf-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-EgTB86DCf-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-EgTB86DCf-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">1</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-EgTB86DCf-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article data-testid="adItem"
class="BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge
h-full flex flex-col p-2 rounded-16 border border-border-subtlest-tertiary
hover:border-border-subtlest-secondary bg-background-subtle"><a
href="[Link]
id=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJPYmplY3QiOnsiaSI6IjM0N2M1Z
DQ3LWI2ZTAtNGUzNi05YmM5LWMxM2Y0MGIxNGRiYyIsInUiOiJodHRwczovL3
RyeS53ZWIuY2xpY2t1cC5jb20vN3FrcHQzZTZ2dWZuLW10b3J1IiwiYWkiOiIxNzI
yMWQxMS0zNzUxLTQ1MDItYmY4OC02MmExODc2ZGY4NmQiLCJjIjoiOWY4YW
Q2NjItODdkZi00ZjU0LWJkZmItODEzMDg1NDg1MTY2IiwiYSI6IjVhMmQxZDllLT
M3NzMtNDkyMi05MWJiLTc3MDQ0MWVhZjQwNiIsImNyIjoiNzlhODFlMTktOWE
[Link]
68D6IBwxmG0Iwi7Mm9ObYZDOhZwkv5mKO-ERc8" target="_blank"
rel="noopener" title="The Only Project Management Tool You Need – Try
ClickUp Today" class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute
inset-0 h-full w-full"></a><div class="flex-1 flex flex-col mx-2"><h3
class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-bold text-text-
primary typo-title3 line-clamp-3 line-clamp-4 typo-title3 mt-2 break-
words">The Only Project Management Tool You Need – Try ClickUp Today</
h3><div class="text-text-quaternary no-underline typo-footnote mt-auto font-
normal">Promoted</div></div><div class="pointer-events-none relative my-2
overflow-hidden rounded-12"><img class="z-1 w-full rounded-12 h-40 object-
cover" fetchpriority="auto" alt="Ad image" src="[Link]
upload/s--AaptoQaE--/f_auto/v1741174343/a/ads/clickup%209" style="object-
fit: cover;"></div><div class="flex flex-col mx-2"><div class="flex items-
center"><button aria-busy="false" class="btn focus-outline inline-flex cursor-
pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiaryFloat"><svg width="1em" height="1em"
viewBox="0 0 24 24" fill="none" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><g fill-rule="evenodd"
fill="currentcolor"><path d="M14.918 5.005L14.712
5h-5.49l-.198.005-.198.015A3.734 3.734 0 005.57 7.868a.75.75 0
001.102.827l.077-.051.073-.063.07-.078a.746.746 0 00.135-.284 2.243 2.243
0 011.845-1.692l.171-.02.172-.007h5.509l.158.006.164.018a2.253 2.253 0
011.894 1.894l.02.166.005.166v1.716l-1.258-1.26-.081-.072-.091-.06a.738.738
0 00-1.017.986l.[Link] 2.532 [Link].094.062a.739.739 0
00.625.045l.095-.047.085-.056.075-.066
2.533-2.533.072-.081.06-.09a.735.735 0 00-.123-.883.739.739 0
00-.862-.135l-.098.063-.082.072-1.27
1.27-.004-1.71-.004-.193-.015-.197a3.75 3.75 0
00-3.333-3.345l-.196-.016zM6.544 11.049a.736.736 0
00-.613.039l-.088.058-.082.071-2.533 2.534-.073.08-.06.092a.741.741 0
00.488 1.083l.[Link].102-.011.076-.018a.746.746 0
00.142-.057l.09-.058.082-.072 1.27-1.27.004 [Link].014.197a3.75 3.75 0
003.333 3.345l.197.015.199.006h5.496l.198-.005.198-.015a3.734 3.734 0
003.255-[Link] 0 00-.179-.688l-.077-.07-.061-.045-.074-.043a.754.754
0 00-.339-.08.748.748 0 00-.727.575 2.244 2.244 0 01-1.845
1.692l-.17.02-.173.007H9.276l-.159-.006-.164-.019a2.253 2.253 0
01-1.894-1.893l-.019-.166-.006-.166v-1.716l1.258 [Link].092.061a.74.74
0 00.2.077l.[Link].101-.011.108-.028a.738.738 0
00.418-1.04l-.064-.098-.072-.082-2.53-2.532-.089-.079-.085-.056-.098-.04
6z"></path></g></svg></button><a href="[Link]
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiaryFloat-bacon ml-auto">Remove</a></div></div><img
src="[Link]
id=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJPYmplY3QiOnsiaSI6IjM0N2M1Z
DQ3LWI2ZTAtNGUzNi05YmM5LWMxM2Y0MGIxNGRiYyIsImFpIjoiMTcyMjFkMTE
tMzc1MS00NTAyLWJmODgtNjJhMTg3NmRmODZkIiwiYyI6IjlmOGFkNjYyLTg3ZG
YtNGY1NC1iZGZiLTgxMzA4NTQ4NTE2NiIsImEiOiI1YTJkMWQ5ZS0zNzczLTQ5M
jItOTFiYi03NzA0NDFlYWY0MDYiLCJjciI6Ijc5YTgxZTE5LTlhNjAtNGMxNy1iNDg4
LWYzODUyYWZjMWI1NSIsImJtIjoib2xkbG9naWMiLCJiaWQiOiIwLjAwNSIsInUiOi
JUZ3Y2RWU3bFhIbUVIaEJVOVJsamsiLCJ0IjoxNzUyNjg5MDQzfX0.sK_4DTgqs-
_n__42h6cHcsXt0lwTH2RyvRe0tD29zts" data-testid="pixel" class="hidden
size-0" alt="Pixel"></article><article class="klCtCG7CDyvTwOvozL8Yhw==
group min-h-card max-h-card BbqEKAdKJWaRTB8Jg9K1OQ== snap-start
relative max-h-cardLarge h-full flex flex-col p-2 rounded-16 border border-
border-subtlest-tertiary hover:border-border-subtlest-secondary bg-
background-subtle" data-testid="postItem"><a href="[Link]
posts/arcwqo6hk" rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8
h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="linuxcom's profile" src="[Link]
ZWk95hsW--/f_auto/v1728854292/squads/58e49b25-81be-4862-ab17-
c188fc1ff411"></a><a data-state="closed" class="flex min-w-0 shrink items-
center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-10" loading="lazy" type="avatar"
fetchpriority="auto" alt="simon125q's profile" src="https://
[Link]/a/ACg8ocJaNX7cW-
kSh8ClPWRGnLdBPFKrwYObFWtlXpd8yPhxmX0zzRlieg=s64-c"></a><span
class="ml-auto flex flex-row laptop:mouse:invisible laptop:mouse:group-
hover:visible" data-testid="cardHeaderActions"><a target="_blank"
href="[Link] class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:rj:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">Omarchy is
out</h3></div><div class="relative flex flex-1 flex-col"><div class="flex-1"></
div><div class="mx-2 flex items-center"><div class="flex min-h-px flex-1
items-center gap-2"><div class="rounded-8 border border-border-subtlest-
tertiary px-2 h-6 flex items-center justify-center typo-footnote text-text-
quaternary my-2">#linux</div></div></div><div class="flex items-center text-
text-tertiary typo-footnote mx-2"><span class="max-w-full shrink
truncate"><time title="Sat Jun 28 2025 19:22:05 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-06-28T18:22:05.120Z">Jun 28</
time><span class="mx-1">•</span><span data-testid="readTime">2m read
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/f_auto,q_auto/v1/posts/a406225f8c41d4db96947c7dad9caef7?
_a=AQAEulh"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-ArcwqO6hK-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">46</span></button><button
id="post-ArcwqO6hK-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-ArcwqO6hK-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-ArcwqO6hK-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">2</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-ArcwqO6hK-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="React Is the last framework." href="[Link]
the-last-framework--vq5ymnn8z" rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-1 flex-col"><div class="flex flex-col mx-2"><div
class="flex JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2
-mx-1.5"><a data-state="closed" class="flex min-w-0 shrink items-center no-
underline" href="[Link] class="object-
cover w-8 h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="t3dotgg's profile" src="[Link]
UmX7IyU3--/f_auto/v1704628081/logos/[Link]"></a><span class="ml-
auto flex flex-row laptop:mouse:invisible laptop:mouse:group-hover:visible"
data-testid="cardHeaderActions"><a target="_blank" href="https://
[Link]/r/VQ5Ymnn8Z" class="btn focus-outline inline-flex cursor-pointer
select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Watch video<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:rq:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">React Is the
last framework.</h3></div><div class="relative flex flex-1 flex-col"><div
class="flex-1"></div><div class="flex items-center mx-2"><button data-
state="closed" aria-label="false" class="btn focus-outline inline-flex cursor-
pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-6 w-6 p-0 rounded-8 relative mr-2 text-accent-cheese-default"><svg
width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"
xmlns="[Link] class="w-5 h-5 pointer-events-none
text-accent-cheese-default"><path fill-rule="evenodd" clip-rule="evenodd"
d="M19.5 5.995l-7.342-2.461a.497.497 0 00-.316 0L4.5 5.994v6.908c0
1.563.617 3.061 1.716 [Link].96.82 1.523 1.104L12
20.314l4.261-2.142a5.859 5.859 0 001.523-1.104 5.907 5.907 0
001.716-4.166V5.995zM12 22l4.932-2.48a7.36 7.36 0 001.913-1.385A7.42 7.42
0 0021 12.902V5.456a.76.76 0 00-.518-.722l-7.85-2.63a1.99 1.99 0 00-1.264
0l-7.85 2.63A.76.76 0 003 5.456v7.446a7.42 7.42 0 002.156 5.233 7.36 7.36 0
001.912 1.386L12 22zM11 8a1 1 0 112 0v4a1 1 0 11-2 0V8zm1 6a1 1 0 100 2 1 1 0
000-2z"></path></svg></button><div class="flex min-h-px flex-1 items-center
gap-2"><div class="rounded-8 border border-border-subtlest-tertiary px-2
h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#ai</div><div class="rounded-8 border border-border-subtlest-tertiary
px-2 h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#webdev</div><div class="rounded-8 border border-border-subtlest-
tertiary px-2 h-6 flex items-center justify-center typo-footnote text-text-
quaternary my-2">#react</div></div></div><div class="flex items-center text-
text-tertiary typo-footnote mx-2"><span class="max-w-full shrink
truncate"><time title="Mon May 19 2025 13:53:54 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-05-19T12:53:54.930Z">May 19</
time><span class="mx-1">•</span><span data-testid="readTime">26m watch
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="my-2 pointer-events-none relative flex h-auto max-h-fit w-full items-
center justify-center overflow-hidden rounded-12"><span class="absolute h-
full w-full bg-overlay-tertiary-black"></span><svg width="1em" height="1em"
viewBox="0 0 56 56" fill="none" xmlns="[Link]
class="w-14 h-14 pointer-events-none absolute" data-
testid="playIconVideoPost"><g clip-
path="url(#filled_svg__clip0_2609_845)"><circle cx="28" cy="28" r="21"
fill="currentcolor"></circle><path d="M22.167 22.687v10.625c0 1.792 1.935
2.915 3.49 2.026l9.298-5.312c1.567-.896 1.567-3.156
0-4.052l-9.297-5.313c-1.556-.888-3.491.235-3.491 2.026z"
fill="#BF29F0"></path></g><defs><clipPath
id="filled_svg__clip0_2609_845"><path fill="currentcolor" d="M0
0h56v56H0z"></path></clipPath></defs></svg><img class="w-full
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
P1FLEnKZTAE/[Link]"></div><div class="flex flex-row items-center
justify-between"><div class="flex flex-row items-center rounded-12 bg-
surface-float"><button id="post-VQ5Ymnn8Z-upvote-btn" data-
state="closed" aria-label="Upvote" aria-pressed="false" class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">42</span></button><button
id="post-VQ5Ymnn8Z-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-VQ5Ymnn8Z-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-VQ5Ymnn8Z-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">21</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-VQ5Ymnn8Z-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-
cover w-8 h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="dailyopensourcetools's profile" src="[Link]
s--ljDCWNBZ--/f_auto/v1731669074/squads/efbb7001-f465-4dca-
a829-5e56b672f8b2"></a><a data-state="closed" class="flex min-w-0 shrink
items-center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-10" loading="lazy" type="avatar"
fetchpriority="auto" alt="devasfak's profile" src="[Link]
image/upload/s--WA6kaE9---/f_auto/v1730003186/avatars/
avatar_gyEdumiVces9tAe7kV1qj"></a><span class="ml-auto flex flex-row
laptop:mouse:invisible laptop:mouse:group-hover:visible" data-
testid="cardHeaderActions"><a target="_blank" href="[Link]
QK3qYGIjU" class="btn focus-outline inline-flex cursor-pointer select-none
flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r12:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">Open-
Source Free Templates &amp; Components Library</h3></div><div
class="relative flex flex-1 flex-col"><div class="flex-1"></div><div class="mx-2
flex items-center"><div class="flex min-h-px flex-1 items-center gap-2"></
div></div><div class="flex items-center text-text-tertiary typo-footnote
mx-2"><span class="max-w-full shrink truncate"><time title="Tue Jun 24
2025 10:08:17 GMT+0100 (heure normale d’Europe centrale)"
datetime="2025-06-24T09:08:17.972Z">Jun 24</time></span></div></
div><div class="relative flex flex-1 flex-col"><div class="pointer-events-none
relative flex flex-1"><img class="w-full my-2 rounded-12 h-40 object-cover"
loading="lazy" type="post" fetchpriority="auto" alt="Post Cover image"
src="[Link]
9e8ab41e42e1b9eaba15f4f947fcd3e1ae7bfac3cf6fc1f3f784b7f84c26da36/687
47470733a2f2f692e6962622e636f2e636f6d2f435774645231392f706f73742
e706e67"></div><div class="flex flex-row items-center justify-between"><div
class="flex flex-row items-center rounded-12 bg-surface-float"><button
id="post-anB69lxHE-upvote-btn" data-state="closed" aria-label="Upvote"
aria-pressed="false" class="btn focus-outline inline-flex cursor-pointer select-
none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">22</span></button><button
id="post-anB69lxHE-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-anB69lxHE-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-anB69lxHE-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">4</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-anB69lxHE-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8
h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="nuxtandvue's profile" src="[Link]
AQhhKEtm--/f_auto/v1735316658/squads/a41f99d2-8439-4100-
a646-848ba12512f6"></a><a data-state="closed" class="flex min-w-0 shrink
items-center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-10" loading="lazy" type="avatar"
fetchpriority="auto" alt="leamsigc's profile" src="https://
[Link]/u/23272293?v=4&amp;s=64"></a><span
class="ml-auto flex flex-row laptop:mouse:invisible laptop:mouse:group-
hover:visible" data-testid="cardHeaderActions"><a target="_blank"
href="[Link] class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r19:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">UI Lib
Picker</h3></div><div class="relative flex flex-1 flex-col"><div
class="flex-1"></div><div class="mx-2 flex items-center"><div class="flex
min-h-px flex-1 items-center gap-2"><div class="rounded-8 border border-
border-subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote
text-text-quaternary my-2">#webdev</div><div class="rounded-8 border
border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center typo-
footnote text-text-quaternary my-2">#frontend</div><div class="rounded-8
border border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center
typo-footnote text-text-quaternary my-2">#vuejs</div><div class="rounded-8
border border-border-subtlest-tertiary px-2 h-6 flex items-center justify-center
typo-footnote text-text-quaternary my-2">#nuxt</div></div></div><div
class="flex items-center text-text-tertiary typo-footnote mx-2"><span
class="max-w-full shrink truncate"><time title="Fri Jun 27 2025 08:00:52
GMT+0100 (heure normale d’Europe centrale)"
datetime="2025-06-27T07:00:52.503Z">Jun 27</time><span
class="mx-1">•</span><span data-testid="readTime">1m read time</span></
span></div></div><div class="relative flex flex-1 flex-col"><div class="pointer-
events-none relative flex flex-1"><img class="w-full my-2 rounded-12 h-40
object-cover" loading="lazy" type="post" fetchpriority="auto" alt="Post Cover
image" src="[Link]
ff9b49cd58367eef061d1a5bc7affeba?_a=AQAEuj9"></div><div class="flex
flex-row items-center justify-between"><div class="flex flex-row items-center
rounded-12 bg-surface-float"><button id="post-A1qCIPBXx-upvote-btn" data-
state="closed" aria-label="Upvote" aria-pressed="false" class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">29</span></button><button
id="post-A1qCIPBXx-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-A1qCIPBXx-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-A1qCIPBXx-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">1</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-A1qCIPBXx-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="Vibe coding: Your roadmap to becoming an AI developer" href="https://
[Link]/posts/vibe-coding-your-roadmap-to-becoming-an-ai-developer-
ikvql3c0u" rel="noopener noreferrer" class="z4bhMTzoax1KXERofoFd1Q==
focus-outline absolute inset-0 h-full w-full"></a><div class="flex flex-1 flex-
col"><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8 h-8
rounded-full" loading="lazy" type="avatar" fetchpriority="auto" alt="ghblog's
profile" src="[Link]
106cf162b88840808484d4b5429b59b1"></a><span class="ml-auto flex flex-
row laptop:mouse:invisible laptop:mouse:group-hover:visible" data-
testid="cardHeaderActions"><a target="_blank" href="[Link]
ikVql3c0U" class="btn focus-outline inline-flex cursor-pointer select-none flex-
row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r1g:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">Vibe
coding: Your roadmap to becoming an AI developer</h3></div><div
class="relative flex flex-1 flex-col"><div class="flex-1"></div><div class="flex
items-center mx-2"><button data-state="closed" aria-label="false" class="btn
focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-6 w-6 p-0 rounded-8 relative mr-2 text-accent-cheese-default"><svg
width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"
xmlns="[Link] class="w-5 h-5 pointer-events-none
text-accent-cheese-default"><path fill-rule="evenodd" clip-rule="evenodd"
d="M19.5 5.995l-7.342-2.461a.497.497 0 00-.316 0L4.5 5.994v6.908c0
1.563.617 3.061 1.716 [Link].96.82 1.523 1.104L12
20.314l4.261-2.142a5.859 5.859 0 001.523-1.104 5.907 5.907 0
001.716-4.166V5.995zM12 22l4.932-2.48a7.36 7.36 0 001.913-1.385A7.42 7.42
0 0021 12.902V5.456a.76.76 0 00-.518-.722l-7.85-2.63a1.99 1.99 0 00-1.264
0l-7.85 2.63A.76.76 0 003 5.456v7.446a7.42 7.42 0 002.156 5.233 7.36 7.36 0
001.912 1.386L12 22zM11 8a1 1 0 112 0v4a1 1 0 11-2 0V8zm1 6a1 1 0 100 2 1 1 0
000-2z"></path></svg></button><div class="flex min-h-px flex-1 items-center
gap-2"><div class="rounded-8 border border-border-subtlest-tertiary px-2
h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#ai</div><div class="rounded-8 border border-border-subtlest-tertiary
px-2 h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#machine-learning</div><div class="rounded-8 border border-border-
subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote text-
text-quaternary my-2">+2</div></div></div><div class="flex items-center
text-text-tertiary typo-footnote mx-2"><span class="max-w-full shrink
truncate"><time title="Fri May 16 2025 17:03:20 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-05-16T16:03:20.475Z">May 16</
time><span class="mx-1">•</span><span data-testid="readTime">6m read
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/f_auto,q_auto/v1/posts/4bd4a1414ec2a1159d87b6ea5c5935a9?
_a=AQAEuj9"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-ikVql3c0U-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">91</span></button><button
id="post-ikVql3c0U-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-ikVql3c0U-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-ikVql3c0U-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">1</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-ikVql3c0U-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="OpenCut-app/OpenCut: The open-source CapCut alternative"
href="[Link]
capcut-alternative-yqkhthtia" rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-1 flex-col"><div class="flex flex-col mx-2"><div
class="flex JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2
-mx-1.5"><a data-state="closed" class="flex min-w-0 shrink items-center no-
underline" href="[Link]
class="object-cover w-8 h-8 rounded-full" loading="lazy" type="avatar"
fetchpriority="auto" alt="community's profile" src="[Link]
image/upload/t_logo,f_auto/v1655817725/logos/community"></a><span
class="ml-auto flex flex-row laptop:mouse:invisible laptop:mouse:group-
hover:visible" data-testid="cardHeaderActions"><a target="_blank"
href="[Link] class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r1o:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
 duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">OpenCut-
app/OpenCut: The open-source CapCut alternative</h3></div><div
class="relative flex flex-1 flex-col"><div class="flex-1"></div><div class="flex
items-center mx-2"><div class="flex min-h-px flex-1 items-center gap-2"><div
class="rounded-8 border border-border-subtlest-tertiary px-2 h-6 flex items-
center justify-center typo-footnote text-text-quaternary my-2">#open-
source</div><div class="rounded-8 border border-border-subtlest-tertiary
px-2 h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#typescript</div></div></div><div class="flex items-center text-text-
tertiary typo-footnote mx-2"><span class="max-w-full shrink truncate"><time
title="Wed Jun 25 2025 06:25:36 GMT+0100 (heure normale d’Europe
centrale)" datetime="2025-06-25T05:25:36.264Z">Jun 25</time><span
class="mx-1">•</span><span data-testid="readTime">2m read time</span></
span></div></div><div class="relative flex flex-1 flex-col"><div class="pointer-
events-none relative flex flex-1"><img class="w-full my-2 rounded-12 h-40
object-cover" loading="lazy" type="post" fetchpriority="auto" alt="Post Cover
image" src="[Link]
4c913758b0d6ccfde11c72516debbfa4?_a=AQAEulh"></div><div class="flex
flex-row items-center justify-between"><div class="flex flex-row items-center
rounded-12 bg-surface-float"><button id="post-YqKHthTIA-upvote-btn" data-
state="closed" aria-label="Upvote" aria-pressed="false" class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">192</span></button><button
id="post-YqKHthTIA-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-YqKHthTIA-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-YqKHthTIA-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">8</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-YqKHthTIA-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></div></article><article data-
testid="adItem" class="BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative
max-h-cardLarge h-full flex flex-col p-2 rounded-16 border border-border-
subtlest-tertiary hover:border-border-subtlest-secondary bg-background-
subtle"><a href="[Link]
id=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJPYmplY3QiOnsiaSI6Ijk4YTczNTI
5LWMxODYtNDFiMC1iZmYwLTBhMjc1NWVhMTVkMSIsInUiOiJodHRwczovL3Bh
cnRuZXJzLmJ1Z2hlcmQuY29tL2l6bHZ4Mmgwd2hhcCIsImFpIjoiMTcyMjFkMTEt
Mzc1MS00NTAyLWJmODgtNjJhMTg3NmRmODZkIiwiYyI6IjVlZjIwMGNkLWM5Z
GEtNDU1NS04NDk5LWFmNzRhYWQ0MmZhMCIsImEiOiI1NTdjNTc1ZS0yYzZiLT
Q0NDktYTJmZi0yMzI3YzhmNjk4MzQiLCJjciI6IjAwMGYxNWFkLTBiMzQtNDA1ZS
05Njg1LWVhOTY4NDVkNjc2ZCIsInQiOjE3NTI2ODkwNDN9fQ.UZ69U8UUJQXld
qqUXILFCX2KT02ylORITMv2oIcdmqY" target="_blank" rel="noopener"
title="Efficient Bug Tracking for Developers – See How BugHerd Works"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex-1 flex flex-col mx-2"><h3
class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-bold text-text-
primary typo-title3 line-clamp-3 line-clamp-4 typo-title3 mt-2 break-
words">Efficient Bug Tracking for Developers – See How BugHerd Works</
h3><div class="text-text-quaternary no-underline typo-footnote mt-auto font-
normal">Promoted</div></div><div class="pointer-events-none relative my-2
overflow-hidden rounded-12"><img class="z-1 w-full rounded-12 h-40 object-
cover" fetchpriority="auto" alt="Ad image" src="[Link]
upload/s--xn-XJtA7--/f_auto/v1741778204/a/ads/
BugHerd%20banner_1024x512_01" style="object-fit: cover;"></div><div
class="flex flex-col mx-2"><div class="flex items-center"><button aria-
busy="false" class="btn focus-outline inline-flex cursor-pointer select-none
flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiaryFloat"><svg width="1em" height="1em"
viewBox="0 0 24 24" fill="none" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><g fill-rule="evenodd"
fill="currentcolor"><path d="M14.918 5.005L14.712
5h-5.49l-.198.005-.198.015A3.734 3.734 0 005.57 7.868a.75.75 0
001.102.827l.077-.051.073-.063.07-.078a.746.746 0 00.135-.284 2.243 2.243
0 011.845-1.692l.171-.02.172-.007h5.509l.158.006.164.018a2.253 2.253 0
011.894 1.894l.02.166.005.166v1.716l-1.258-1.26-.081-.072-.091-.06a.738.738
0 00-1.017.986l.[Link] 2.532 [Link].094.062a.739.739 0
00.625.045l.095-.047.085-.056.075-.066
2.533-2.533.072-.081.06-.09a.735.735 0 00-.123-.883.739.739 0
00-.862-.135l-.098.063-.082.072-1.27
1.27-.004-1.71-.004-.193-.015-.197a3.75 3.75 0
00-3.333-3.345l-.196-.016zM6.544 11.049a.736.736 0
00-.613.039l-.088.058-.082.071-2.533 2.534-.073.08-.06.092a.741.741 0
00.488 1.083l.[Link].102-.011.076-.018a.746.746 0
00.142-.057l.09-.058.082-.072 1.27-1.27.004 [Link].014.197a3.75 3.75 0
003.333 3.345l.197.015.199.006h5.496l.198-.005.198-.015a3.734 3.734 0
003.255-[Link] 0 00-.179-.688l-.077-.07-.061-.045-.074-.043a.754.754
0 00-.339-.08.748.748 0 00-.727.575 2.244 2.244 0 01-1.845
1.692l-.17.02-.173.007H9.276l-.159-.006-.164-.019a2.253 2.253 0
01-1.894-1.893l-.019-.166-.006-.166v-1.716l1.258 [Link].092.061a.74.74
0 00.2.077l.[Link].101-.011.108-.028a.738.738 0
00.418-1.04l-.064-.098-.072-.082-2.53-2.532-.089-.079-.085-.056-.098-.04
6z"></path></g></svg></button><a href="[Link]
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiaryFloat-bacon ml-auto">Remove</a></div></div><img
src="[Link]
id=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJPYmplY3QiOnsiaSI6Ijk4YTczNTI
5LWMxODYtNDFiMC1iZmYwLTBhMjc1NWVhMTVkMSIsImFpIjoiMTcyMjFkMTEt
Mzc1MS00NTAyLWJmODgtNjJhMTg3NmRmODZkIiwiYyI6IjVlZjIwMGNkLWM5Z
GEtNDU1NS04NDk5LWFmNzRhYWQ0MmZhMCIsImEiOiI1NTdjNTc1ZS0yYzZiLT
Q0NDktYTJmZi0yMzI3YzhmNjk4MzQiLCJjciI6IjAwMGYxNWFkLTBiMzQtNDA1ZS
05Njg1LWVhOTY4NDVkNjc2ZCIsImJtIjoib2xkbG9naWMiLCJiaWQiOiIwLjAwNSIs
InUiOiJUZ3Y2RWU3bFhIbUVIaEJVOVJsamsiLCJ0IjoxNzUyNjg5MDQzfX0.JRdn2
QQwbOeJ34bD3tqKnuWxJUBqzOVpphgBAZKLVBk" data-testid="pixel"
class="hidden size-0" alt="Pixel"></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover w-8
h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="allshadcn's profile" src="[Link]
SeMz--/f_auto/v1733385075/squads/f6e60edb-
ee79-4dee-914c-841e14638aa9"></a><a data-state="closed" class="flex
min-w-0 shrink items-center no-underline" href="[Link]
nandinisingh26"><img class="object-cover w-8 h-8 rounded-10"
loading="lazy" type="avatar" fetchpriority="auto" alt="nandinisingh26's
profile" src="[Link]
v1741696119/avatars/avatar_0dnbEurgcKWJFrnfCsnCw"></a><span class="ml-
auto flex flex-row laptop:mouse:invisible laptop:mouse:group-hover:visible"
data-testid="cardHeaderActions"><a target="_blank" href="https://
[Link]/r/knZP5pECs" class="btn focus-outline inline-flex cursor-pointer
select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r1v:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">Themux</
h3></div><div class="relative flex flex-1 flex-col"><div class="flex-1"></
div><div class="mx-2 flex items-center"><div class="flex min-h-px flex-1
items-center gap-2"><div class="rounded-8 border border-border-subtlest-
tertiary px-2 h-6 flex items-center justify-center typo-footnote text-text-
quaternary my-2">#react</div><div class="rounded-8 border border-border-
subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote text-
text-quaternary my-2">#ui-design</div><div class="rounded-8 border border-
border-subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote
text-text-quaternary my-2">#tailwind-css</div></div></div><div class="flex
items-center text-text-tertiary typo-footnote mx-2"><span class="max-w-full
shrink truncate"><time title="Fri Jul 04 2025 07:27:22 GMT+0100 (heure
normale d’Europe centrale)" datetime="2025-07-04T06:27:22.387Z">Jul 04</
time><span class="mx-1">•</span><span data-testid="readTime">3m read
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/f_auto,q_auto/v1/posts/e66598caef518162221a758919f0422e?
_a=AQAEulh"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-uNzm0poxP-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">26</span></button><button
id="post-uNzm0poxP-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-uNzm0poxP-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-uNzm0poxP-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">2</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-uNzm0poxP-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="6 CSS animation libraries to bring your project to life in 2025"
href="[Link]
project-to-life-in-2025-5cyvzk5px" rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-1 flex-col"><div class="flex flex-col mx-2"><div
class="flex JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2
-mx-1.5"><a data-state="closed" class="flex min-w-0 shrink items-center no-
underline" href="[Link] class="object-
cover w-8 h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="logrocket's profile" src="[Link]
t_logo,f_auto/v1/logos/logrocket"></a><span class="ml-auto flex flex-row
laptop:mouse:invisible laptop:mouse:group-hover:visible" data-
testid="cardHeaderActions"><a target="_blank" href="[Link]
5CYVZK5px" class="btn focus-outline inline-flex cursor-pointer select-none
flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r26:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
 items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">6 CSS
animation libraries to bring your project to life in 2025</h3></div><div
class="relative flex flex-1 flex-col"><div class="flex-1"></div><div class="flex
items-center mx-2"><button data-state="closed" aria-label="false" class="btn
focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-6 w-6 p-0 rounded-8 relative mr-2 text-accent-cheese-default"><svg
width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"
xmlns="[Link] class="w-5 h-5 pointer-events-none
text-accent-cheese-default"><path fill-rule="evenodd" clip-rule="evenodd"
d="M19.5 5.995l-7.342-2.461a.497.497 0 00-.316 0L4.5 5.994v6.908c0
1.563.617 3.061 1.716 [Link].96.82 1.523 1.104L12
20.314l4.261-2.142a5.859 5.859 0 001.523-1.104 5.907 5.907 0
001.716-4.166V5.995zM12 22l4.932-2.48a7.36 7.36 0 001.913-1.385A7.42 7.42
0 0021 12.902V5.456a.76.76 0 00-.518-.722l-7.85-2.63a1.99 1.99 0 00-1.264
0l-7.85 2.63A.76.76 0 003 5.456v7.446a7.42 7.42 0 002.156 5.233 7.36 7.36 0
001.912 1.386L12 22zM11 8a1 1 0 112 0v4a1 1 0 11-2 0V8zm1 6a1 1 0 100 2 1 1 0
000-2z"></path></svg></button><div class="flex min-h-px flex-1 items-center
gap-2"><div class="rounded-8 border border-border-subtlest-tertiary px-2
h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#webdev</div><div class="rounded-8 border border-border-subtlest-
tertiary px-2 h-6 flex items-center justify-center typo-footnote text-text-
quaternary my-2">#react</div><div class="rounded-8 border border-border-
subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote text-
text-quaternary my-2">#css</div></div></div><div class="flex items-center
text-text-tertiary typo-footnote mx-2"><span class="max-w-full shrink
truncate"><time title="Thu May 22 2025 19:50:29 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-05-22T18:50:29.745Z">May 22</
time><span class="mx-1">•</span><span data-testid="readTime">13m read
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/f_auto,q_auto/v1/posts/995d86cfbacd318fe8db5a0c6d309b3e?
_a=AQAEuj9"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-5CYVZK5px-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">49</span></button><button
id="post-5CYVZK5px-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-5CYVZK5px-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-5CYVZK5px-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">1</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-5CYVZK5px-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
title="Ultimate Laravel App Is Here!" href="[Link]
laravel-app-is-here--ieqd90hdy" rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="relative m-2 flex gap-2"><div class="relative flex w-full
flex-row gap-2"><a data-state="closed" class="z-0 flex min-w-0 shrink items-
center no-underline" href="[Link]
class="object-cover w-8 h-8 rounded-full" loading="lazy" type="avatar"
fetchpriority="auto" alt="laraveldev's profile" src="[Link]
image/upload/s--l9qwECkG--/f_auto/v1707660632/squads/
f5d7d9bc-6839-4914-8ab4-78d15d9ab637"></a><a data-state="closed"
class="flex min-w-0 shrink items-center no-underline" href="https://
[Link]/webmastermind_575"><img class="object-cover w-8 h-8
rounded-10" loading="lazy" type="avatar" fetchpriority="auto"
alt="webmastermind_575's profile" src="[Link]
ACg8ocLTi3XRhEfC9AABEHrKpOEZ13c971JufcMxHGTQgqBBVuHzXvLu=s64-
c"></a><div class="flex flex-1"></div><button aria-label="Options"
type="button" id="radix-:r2e:" aria-haspopup="menu" aria-expanded="false"
data-state="closed" class="btn focus-outline inline-flex cursor-pointer select-
none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto laptop:mouse:invisible
laptop:mouse:group-hover:visible"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5 0
010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
div></div><div class="flex flex-col mx-2"><h3 class="line-clamp-3 mt-2
break-words multi-truncate font-bold typo-title3">Ultimate Laravel App Is
Here!</h3></div><div class="flex-1"></div><div class="mx-2 mb-2 flex items-
center"></div><div class="flex items-center text-text-tertiary typo-footnote
mx-2 line-clamp-1 break-words mt-0"><span class="max-w-full shrink
truncate"><time title="Thu Jul 03 2025 05:28:01 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-07-03T04:28:01.967Z">Jul 03</
time><span class="mx-1">•</span><span data-testid="readTime">1m read
time</span></span></div><div class="relative flex flex-1 flex-col"><div
class="flex-1"></div><div class="pointer-events-none relative flex
flex-1"><img class="my-2 w-full rounded-12 h-40 object-cover" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/s---y8czFhf--/f_auto/v1751346365/posts/BY8z0QOku?
_a=BAMClqZW0"></div><div class="flex flex-row items-center justify-between
mt-auto"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-IeQD90HDY-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">81</span></button><button
id="post-IeQD90HDY-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-IeQD90HDY-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button><label for="post-IeQD90HDY-
comment-btn" class="flex cursor-pointer items-center pl-1 font-bold typo-
callout"><span class="flex h-5 min-w-[1ch] flex-col overflow-hidden">20</
span></label></div><div class="small btn-quaternary flex flex-row items-
stretch select-none"><button type="button" data-state="closed" aria-
label="Bookmark" id="post-IeQD90HDY-bookmark-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-cover
w-8 h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="zerotomastery's profile" src="[Link]
TO8V2btR--/f_auto/v1739806832/squads/
1ee5eb72-76c0-4c3e-90ec-1896c96950d8"></a><a data-state="closed"
class="flex min-w-0 shrink items-center no-underline" href="https://
[Link]/aldopaganijr"><img class="object-cover w-8 h-8 rounded-10"
loading="lazy" type="avatar" fetchpriority="auto" alt="aldopaganijr's profile"
src="[Link]
ACg8ocK1atgNHO1tmBQCnztPCdi0XnnEo-5MIRZqm99FCh05I2gPL_vt=s64-
c"></a><span class="ml-auto flex flex-row laptop:mouse:invisible
laptop:mouse:group-hover:visible" data-testid="cardHeaderActions"><a
target="_blank" href="[Link] class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r2l:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">17 React
Hooks That Power 90% of Modern Components</h3></div><div class="relative
flex flex-1 flex-col"><div class="flex-1"></div><div class="mx-2 flex items-
center"><button data-state="closed" aria-label="false" class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-6 w-6 p-0 rounded-8 relative mr-2 text-accent-cheese-default"><svg
width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"
xmlns="[Link] class="w-5 h-5 pointer-events-none
text-accent-cheese-default"><path fill-rule="evenodd" clip-rule="evenodd"
d="M19.5 5.995l-7.342-2.461a.497.497 0 00-.316 0L4.5 5.994v6.908c0
1.563.617 3.061 1.716 [Link].96.82 1.523 1.104L12
20.314l4.261-2.142a5.859 5.859 0 001.523-1.104 5.907 5.907 0
001.716-4.166V5.995zM12 22l4.932-2.48a7.36 7.36 0 001.913-1.385A7.42 7.42
0 0021 12.902V5.456a.76.76 0 00-.518-.722l-7.85-2.63a1.99 1.99 0 00-1.264
0l-7.85 2.63A.76.76 0 003 5.456v7.446a7.42 7.42 0 002.156 5.233 7.36 7.36 0
001.912 1.386L12 22zM11 8a1 1 0 112 0v4a1 1 0 11-2 0V8zm1 6a1 1 0 100 2 1 1 0
000-2z"></path></svg></button><div class="flex min-h-px flex-1 items-center
gap-2"><div class="rounded-8 border border-border-subtlest-tertiary px-2
h-6 flex items-center justify-center typo-footnote text-text-quaternary
my-2">#webdev</div><div class="rounded-8 border border-border-subtlest-
tertiary px-2 h-6 flex items-center justify-center typo-footnote text-text-
quaternary my-2">#react</div><div class="rounded-8 border border-border-
subtlest-tertiary px-2 h-6 flex items-center justify-center typo-footnote text-
text-quaternary my-2">#frontend</div></div></div><div class="flex items-
center text-text-tertiary typo-footnote mx-2"><span class="max-w-full shrink
truncate"><time title="Sun Jun 29 2025 16:39:53 GMT+0100 (heure normale
d’Europe centrale)" datetime="2025-06-29T15:39:53.670Z">Jun 29</
time><span class="mx-1">•</span><span data-testid="readTime">5m read
time</span></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/f_auto,q_auto/v1/posts/622e5d26ca39baa18cbc1345c7cbf5d4?
_a=AQAEuj9"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-L5zKHLz11-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">47</span></button><button
id="post-L5zKHLz11-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-L5zKHLz11-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button></div><div class="small btn-
quaternary flex flex-row items-stretch select-none"><button type="button"
data-state="closed" aria-label="Bookmark" id="post-L5zKHLz11-bookmark-
btn" aria-pressed="false" class="btn focus-outline inline-flex cursor-pointer
select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><article
class="klCtCG7CDyvTwOvozL8Yhw== group min-h-card max-h-card
BbqEKAdKJWaRTB8Jg9K1OQ== snap-start relative max-h-cardLarge h-full flex
flex-col p-2 rounded-16 border border-border-subtlest-tertiary hover:border-
border-subtlest-secondary bg-background-subtle" data-testid="postItem"><a
href="[Link] rel="noopener noreferrer"
class="z4bhMTzoax1KXERofoFd1Q== focus-outline absolute inset-0 h-full w-
full"></a><div class="flex flex-col mx-2"><div class="flex
JiucNxn0L74eTbgNdc0Phw== flex items-center h-8 my-1 mt-2 -mx-1.5"><a
data-state="closed" class="flex min-w-0 shrink items-center no-underline"
href="[Link] class="object-
cover w-8 h-8 rounded-full" loading="lazy" type="avatar" fetchpriority="auto"
alt="allthingsfrontend's profile" src="[Link]
s--67vVWVid--/f_auto/v1726297865/squads/45ec9abe-
c58b-4ea8-8455-6bfc164247c8"></a><a data-state="closed" class="flex
min-w-0 shrink items-center no-underline" href="[Link]
amartrebinjac"><img class="object-cover w-8 h-8 rounded-10" loading="lazy"
type="avatar" fetchpriority="auto" alt="amartrebinjac's profile" src="https://
[Link]/image/upload/s--W1oZyHsz--/f_auto/v1719829173/avatars/
avatar_0pjeBcFKQqsnU97ZOj9EW"></a><span class="ml-auto flex flex-row
laptop:mouse:invisible laptop:mouse:group-hover:visible" data-
testid="cardHeaderActions"><a target="_blank" href="[Link]
posts/anime-js-javascript-animation-engine-jgetwmqbl" class="btn focus-
outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-primary mr-2">Read post<svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none text-base ml-1 -mr-2"><path d="M7.801 6.6c.66 0
1.196.535 1.196 1.196 0 .55-.376 1.02-.912
1.154l-.137.026-.145.009H6.89l-.118.003-.315.02c-.506.06-.92.434-1.028.917l
-.022.134-.007.138V17.4c0 .57.399 1.052.927 1.17l.135.023.138.007h7.197c.57 0
1.052-.399 1.17-.917l.022-.131.008-1.352a1.2 1.2 0
012.392-.14l.008.14v1.2a3.602 3.602 0 01-3.18
3.575l-.21.019-.21.006H6.6a3.602 3.602 0 01-3.575-3.18l-.019-.21L3
17.4v-7.203a3.597 3.597 0 013.386-3.59l.211-.007h1.204zM19.797 3a1.2 1.2 0
011.192 1.06l.008.14v8.4a1.2 1.2 0 01-2.392.14l-.008-.14V7.094l-6.012
6.016a1.2 1.2 0 01-1.463.183l-.121-.084-.113-.1a1.2 1.2 0
01-.1-1.583l.1-.113L16.9 5.399l-5.503.001a1.2 1.2 0
01-1.168-.925l-.024-.135-.008-.14a1.2 1.2 0 011.06-1.192l.14-.008h8.4z"
fill="currentcolor" fill-rule="evenodd"></path></svg></a><button aria-
label="Options" type="button" id="radix-:r2t:" aria-haspopup="menu" aria-
expanded="false" data-state="closed" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary my-auto"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M12 17a1.5 1.5 0 110 3 1.5 1.5
0 010-3zm0-6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM12 4a1.5 1.5 0 110 3 1.5 1.5 0
010-3z" fill="currentcolor" fill-rule="evenodd"></path></svg></button></
span></div><h3 class="gI2PYrXGMV6bfUAXtcGxoQ== multi-truncate font-
bold text-text-primary typo-title3 line-clamp-3 mt-2 break-words">[Link] |
JavaScript Animation Engine</h3></div><div class="relative flex flex-1 flex-
col"><div class="flex-1"></div><div class="mx-2 flex items-center"><div
class="flex min-h-px flex-1 items-center gap-2"></div></div><div class="flex
items-center text-text-tertiary typo-footnote mx-2"><span class="max-w-full
shrink truncate"><time title="Mon Jun 09 2025 17:43:07 GMT+0100 (heure
normale d’Europe centrale)" datetime="2025-06-09T16:43:07.994Z">Jun 09</
time></span></div></div><div class="relative flex flex-1 flex-col"><div
class="pointer-events-none relative flex flex-1"><img class="w-full my-2
rounded-12 h-40 object-cover" loading="lazy" type="post"
fetchpriority="auto" alt="Post Cover image" src="[Link]
upload/s--uxPBZjbJ--/f_auto/v1748764508/posts/jGetwMqBL?
_a=BAMClqUq0"></div><div class="flex flex-row items-center justify-
between"><div class="flex flex-row items-center rounded-12 bg-surface-
float"><button id="post-aRpZkMmeO-upvote-btn" data-state="closed" aria-
label="Upvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold h-8 px-3
rounded-10 btn-tertiary-avocado pointer-events-auto !pl-1 !pr-3"><span
class="pointer-events-none relative"><svg width="1em" height="1em"
viewBox="0 0 24 24" xmlns="[Link] class="w-6 h-6
pointer-events-none"><path d="M9.456 4.216l-5.985 7.851c-.456.637-.583
1.402-.371 2.108l.052.155a2.384 2.384 0 002.916 1.443l2.876-.864.578
4.042a2.384 2.384 0 002.36 2.047h.234l.161-.006a2.384 2.384 0
002.2-2.041l.576-4.042 2.877.864a2.384 2.384 0 002.625-3.668L14.63
4.33a3.268 3.268 0 00-5.174-.115zm3.57.613c.[Link].411.411l5.897
7.736a.884.884 0 01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678
4.75a.884.884 0 01-.875.759h-.234a.884.884 0
01-.875-.76l-.679-4.75a.884.884 0 00-1.128-.72l-3.563 1.068a.884.884 0
01-.973-1.36L10.56 5.24a1.767 1.767 0 012.465-.41z" fill="currentcolor" fill-
rule="evenodd"></path></svg></span><span class="flex h-5 min-w-[1ch]
flex-col overflow-hidden ml-1.5 tabular-nums">39</span></button><button
id="post-aRpZkMmeO-downvote-btn" data-state="closed" aria-
label="Downvote" aria-pressed="false" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-ketchup pointer-events-auto"><svg
width="1em" height="1em" viewBox="0 0 24 24" xmlns="[Link]
2000/svg" class="w-6 h-6 pointer-events-none rotate-180"><path d="M9.456
4.216l-5.985 7.851c-.456.637-.583 1.402-.371 2.108l.052.155a2.384 2.384 0
002.916 1.443l2.876-.864.578 4.042a2.384 2.384 0 002.36
2.047h.234l.161-.006a2.384 2.384 0 002.2-2.041l.576-4.042 2.877.864a2.384
2.384 0 002.625-3.668L14.63 4.33a3.268 3.268 0
00-5.174-.115zm3.57.613c.[Link].411.411l5.897 7.736a.884.884 0
01-.973 1.36l-3.563-1.069a.884.884 0 00-1.129.722l-.678 4.75a.884.884 0
01-.875.759h-.234a.884.884 0 01-.875-.76l-.679-4.75a.884.884 0
00-1.128-.72l-3.563 1.068a.884.884 0 01-.973-1.36L10.56 5.24a1.767 1.767 0
012.465-.41z" fill="currentcolor" fill-rule="evenodd"></path></svg></
button></div><div class="small btn-quaternary flex flex-row items-stretch
select-none btn-tertiary-blueCheese"><button data-state="closed" aria-
label="Comments" id="post-aRpZkMmeO-comment-btn" aria-pressed="false"
class="btn focus-outline inline-flex cursor-pointer select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10"><svg width="1em" height="1em" viewBox="0 0 24
24" xmlns="[Link] class="w-6 h-6 pointer-events-
none"><path d="M8.084 3.217a35.447 35.447 0
017.05-.078l.782.078.279.031c1.089.121 1.885.372 2.606.828a4.516 4.516 0
011.664 1.86c.336.69.5 1.423.53 2.361l.005.321v3.975a4.493 4.493 0
01-3.545 4.392l-.207.04-2.089.346-2.86
2.992-.147.135c-.986.789-2.399.623-3.205-.324-.532-.625-.616-1.34-.51-2.2
9l.029-.224.038-.254.033-.187-1.332-.189a5.011 5.011 0
01-1.677-.55l-.253-.146-.243-.16a4.777 4.777 0 01-1.491-1.721 4.935 4.935 0
01-.532-1.972l-.009-.3V8.618c0-1.096.162-1.915.535-2.683.375-.77.94-1.4
1.664-1.859.649-.41 1.359-.655 2.288-.788l.318-.04.28-.031zm7.666
1.491a33.948 33.948 0
00-6.752-.075l-.748.075-.28.031c-.915.102-1.481.297-1.97.606a3.016 3.016 0
00-1.116 1.247c-.228.468-.357.989-.38 1.76l-.004.266v3.563c0 .577.134
1.116.375 [Link].592.874 1.024 [Link].801.453 1.276.554l.242.043
1.98.283c.[Link].[Link].262.187.27.386l-.002.024-.013.08-
.164.741-.064.333c-.111.63-.167 1.332.09 [Link].7.39
1.037.187l.089-.062
2.998-3.135.13-.101.092-.063.077-.04.08-.03.035-.01.087-.02L17
15.545a2.993 2.993 0
002.495-2.77l.005-.182V8.618c0-.921-.13-1.506-.384-2.026A3.016 3.016 0
0018 5.345c-.44-.278-.943-.464-1.706-.572l-.265-.034-.279-.03zm-.55
6.294l.093.005c.[Link].707.746 0
.38-.301.693-.691.743l-.109.007H8.8l-.093-.005c-.398-.044-.707-.36-.707-.7
45
0-.38.301-.694.691-.744l.109-.007h6.4zm0-3.5l.093.004c.[Link].707.
746 0 .38-.301.693-.691.743l-.109.007H8.8l-.093-.005C8.309 8.953 8 8.637 8
8.252c0-.38.301-.694.691-.744l.109-.007h6.4z" fill="currentcolor" fill-
rule="evenodd"></path></svg></button></div><div class="small btn-
quaternary flex flex-row items-stretch select-none"><button type="button"
data-state="closed" aria-label="Bookmark" id="post-aRpZkMmeO-bookmark-
btn" aria-pressed="false" class="btn focus-outline inline-flex cursor-pointer
select-none flex-row
items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 flex-col !px-2 btn-tertiary-bun"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M15.874 3H8.126a3.357 3.357
0 00-3.35 3.152l-.772 12.77c-.[Link].38 1.286l.101.125c.666.764
1.818.9 2.647.287L12 17.023l4.868 3.597a1.964 1.964 0
003.128-1.7l-.771-12.767A3.358 3.358 0 0015.874 3zm0 1.5c.981 0 1.794.764
1.854 1.744l.771 12.768a.464.464 0 01-.74.402l-5.207-3.848a.929.929 0
00-1.104 0L6.24 19.414a.464.464 0
01-.74-.402l.773-12.768c.06-.98.872-1.744 1.853-1.744h7.748z"
fill="currentcolor" fill-rule="evenodd"></path></svg></button></div><button
data-state="closed" aria-label="Copy link" class="btn focus-outline inline-flex
cursor-pointer select-none flex-row
 items-center border no-underline shadow-none transition
duration-200 ease-in-out typo-callout justify-center font-bold iconOnly
h-8 w-8 p-0 rounded-10 btn-tertiary-cabbage"><svg width="1em"
height="1em" viewBox="0 0 24 24" xmlns="[Link]
class="w-6 h-6 pointer-events-none"><path d="M13.2 4.096a3.743 3.743 0
015.148-.137l.144.137 1.412 1.412a3.743 3.743 0 01.137 5.148l-.137.144-4.023
4.023a3.743 3.743 0 01-5.148.137l-.144-.137-.706-.706a.749.749 0
01.982-1.125l.076.067.706.705c.84.84 2.181.876 3.063.105l.113-.105
4.022-4.022c.84-.84.876-2.181.105-3.064l-.105-.112-1.411-1.411a2.246 2.246
0 00-3.063-.105l-.113.105L13.2 6.213a.749.749 0 01-1.126-.982l.067-.076L13.2
4.096zM8.119 9.177a3.743 3.743 0 015.148-.137l.144.137.706.706a.749.749 0
01-.982 1.125l-.076-.067-.706-.705a2.246 2.246 0
00-3.063-.105l-.113.105-4.022 4.022a2.246 2.246 0 00-.105 3.064l.105.112
1.411 1.411c.84.84 2.181.876 3.063.105l.113-.105 1.058-1.058a.749.749 0
011.126.982l-.067.076-1.059 1.059a3.743 3.743 0
01-5.148.137l-.144-.137-1.412-1.412a3.743 3.743 0
01-.137-5.148l.137-.144L8.12 9.177z" fill="currentcolor" fill-rule="evenodd"></
path></svg></button></div></div></article><div class="w-px h-px opacity-0
pointer-events-none"></div></div></div></div></div>