Lightnews — Scholar-powered news

koehnlein.dev

@koehnlein.dev

I blogged! But don't tell anybody, it's about #WordPress 🤫

A configuration example to pull WordPress data to local DDEV projects with `ddev pull`

www.koehnlein.dev/en/blog/2025... #DDEV #WordPress

Use `ddev pull` with WordPress Projects

A configuration example to pull WordPress data to local DDEV projects with

www.koehnlein.dev

September 29, 2025 at 7:42 PM

Reposted

koehnlein.dev

@koehnlein.dev

No matter if you were at the #TYPO3 Developer Days or you missed it - here is my personal recap: www.koehnlein.dev/en/blog/2025... #T3DD25

Recap TYPO3 Developer Days 2025

My personal review of the TYPO3 Developer Days 2025 in Karlsruhe.

www.koehnlein.dev

August 11, 2025 at 8:02 PM

koehnlein.dev

@koehnlein.dev

No matter if you were at the #TYPO3 Developer Days or you missed it - here is my personal recap: www.koehnlein.dev/en/blog/2025... #T3DD25

Recap TYPO3 Developer Days 2025

My personal review of the TYPO3 Developer Days 2025 in Karlsruhe.

www.koehnlein.dev

August 11, 2025 at 8:02 PM

koehnlein.dev

@koehnlein.dev

Do you think "[2 in ((tree ?? null)?.rootLineIds ?? [])]" is a bit too much of "?" 🤪

I wrote a blog post, why it not only is a completely valid TypoScript condition, but even was the only way to avoid parsing errors.

www.koehnlein.dev/en/blog/2025... #TYPO3 #TypoScript #TSconfig

TSconfig condition went crazy with ?

Why

www.koehnlein.dev

March 26, 2025 at 8:21 PM

Reposted

koehnlein.dev

@koehnlein.dev

If anyone is searching the #TYPO3 community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instead. There’s definitely more TYPO3 content, more well known people, automated feeds and even official accounts.

November 16, 2024 at 6:42 PM

koehnlein.dev

@koehnlein.dev

I ran into an issue with the HTML

element and line breaks. I was so fascinated that I even blogged about it.<br><a href="https://www.koehnlein.eu/en/blog/2024/textarea-linebreaks/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a></div>

<a href="https://www.koehnlein.eu/en/blog/2024/textarea-linebreaks/" target="_blank" rel="noopener" class="block mt-2 border rounded overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link">
            <img src="https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreiao33gl2ninm76m3feja2xpwzpeyllixxie3evpreghmwkrj3qfee@jpeg" class="w-full h-40 object-cover" loading="lazy">
          <div class="p-2">
            <div class="text-sm font-semibold truncate"><textarea> and line breaks</div>
            <div class="text-xs text-gray-500 truncate"><textarea> exists longer than I work with HTML. I thought, I knew everything about it. Until when I wanted to include a string that started and ended with line breaks.</div>
          </div>
          <div class="border-t px-2 py-2 text-sm text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>
            <span class="truncate">www.koehnlein.eu</span>
          </div>
        </a>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>November 25, 2024 at 8:00 AM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lbr2jkqs7c2j">
            I ran into an issue with the HTML <textarea> element and line breaks. I was so fascinated that I even blogged about it.<br><a href="https://www.koehnlein.eu/en/blog/2024/textarea-linebreaks/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lbr2jkqs7c2j"
                  data-bluesky-interactions-reply-cid-param="bafyreidmyms2oiq7g2l7hixkleav6l3gtasvhximxmnry6e7ifffaijk3u"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lbr2jkqs7c2j"
                  data-bluesky-interactions-reply-root-cid-param="bafyreidmyms2oiq7g2l7hixkleav6l3gtasvhximxmnry6e7ifffaijk3u"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3lbr2jkqs7c2j"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lbr2jkqs7c2j"
               data-bluesky-repost-menu-cid-value="bafyreidmyms2oiq7g2l7hixkleav6l3gtasvhximxmnry6e7ifffaijk3u"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="I ran into an issue with the HTML <textarea> element and line breaks. I was so fascinated that I even blogged about it.
www.koehnlein.eu/en/blog/2024..."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lbr2jkqs7c2j"
                  data-bluesky-interactions-cid-param="bafyreidmyms2oiq7g2l7hixkleav6l3gtasvhximxmnry6e7ifffaijk3u"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3lbr2jkqs7c2j"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="I ran into an issue with the HTML <textarea> element and line breaks. I was so fascinated that I even blogged about it. www.koehnlein.eu/en/…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="I ran into an issue with the HTML <textarea> element and line breaks. I was so fascinated that I even blogged about it.
www.koehnlein.eu/en/blog/2024..."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3lb3k7yiyek2i" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">If anyone is searching the <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a> community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instead. There’s definitely more TYPO3 content, more well known people, automated feeds and even official accounts.</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>November 16, 2024 at 6:42 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lb3k7yiyek2i">
            If anyone is searching the <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a> community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instead. There’s definitely more TYPO3 content, more well known people, automated feeds and even official accounts.
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lb3k7yiyek2i"
                  data-bluesky-interactions-reply-cid-param="bafyreid56li5u53xuavsj2xtbwafaqtsbmntpr27dxevfwmpirkawe3y7q"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lb3k7yiyek2i"
                  data-bluesky-interactions-reply-root-cid-param="bafyreid56li5u53xuavsj2xtbwafaqtsbmntpr27dxevfwmpirkawe3y7q"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3lb3k7yiyek2i"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lb3k7yiyek2i"
               data-bluesky-repost-menu-cid-value="bafyreid56li5u53xuavsj2xtbwafaqtsbmntpr27dxevfwmpirkawe3y7q"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="If anyone is searching the #TYPO3 community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instead. There’s definitely more TYPO3 content, more well known people, automated feeds and even official accounts."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">2</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3lb3k7yiyek2i"
                  data-bluesky-interactions-cid-param="bafyreid56li5u53xuavsj2xtbwafaqtsbmntpr27dxevfwmpirkawe3y7q"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">2</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3lb3k7yiyek2i"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="If anyone is searching the #TYPO3 community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instea…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="If anyone is searching the #TYPO3 community after leaving the network, formerly known as Twitter - I recommend to check the Fediverse instead. There’s definitely more TYPO3 content, more well known people, automated feeds and even official accounts."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3la2afvmwvx23" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">New blog post about a problem that perhaps no one else will ever have. But at least it's a reminder to myself 😄<br><br>My way to find and set Xdebug client IP address for DDEV inside WSL2 with corporate network restrictions<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-wsl-xdebug/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/DDEV" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#DDEV</a> <a href="/hashtag/Xdebug" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Xdebug</a> <a href="/hashtag/WSL" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#WSL</a></div>

<a href="https://www.koehnlein.eu/en/blog/2024/ddev-wsl-xdebug/" target="_blank" rel="noopener" class="block mt-2 border rounded overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link">
            <img src="https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreiftlsqlle7h2m3gt6y5evkerqgonqtsb455cuhwrouqsuc6ggw5ji@jpeg" class="w-full h-40 object-cover" loading="lazy">
          <div class="p-2">
            <div class="text-sm font-semibold truncate">Xdebug, DDEV, WSL2 and corporate network restrictions</div>
            <div class="text-xs text-gray-500 truncate">My way to find and set Xdebug client IP address for DDEV inside WSL2 with corporate network restrictions</div>
          </div>
          <div class="border-t px-2 py-2 text-sm text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>
            <span class="truncate">www.koehnlein.eu</span>
          </div>
        </a>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>November 3, 2024 at 12:49 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3la2afvmwvx23">
            New blog post about a problem that perhaps no one else will ever have. But at least it's a reminder to myself 😄<br><br>My way to find and set Xdebug client IP address for DDEV inside WSL2 with corporate network restrictions<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-wsl-xdebug/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/DDEV" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#DDEV</a> <a href="/hashtag/Xdebug" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Xdebug</a> <a href="/hashtag/WSL" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#WSL</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3la2afvmwvx23"
                  data-bluesky-interactions-reply-cid-param="bafyreig5hw4hn7gubimjfuhc36f4aemfqszpvq6i27vlrcjipgyasultw4"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3la2afvmwvx23"
                  data-bluesky-interactions-reply-root-cid-param="bafyreig5hw4hn7gubimjfuhc36f4aemfqszpvq6i27vlrcjipgyasultw4"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3la2afvmwvx23"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3la2afvmwvx23"
               data-bluesky-repost-menu-cid-value="bafyreig5hw4hn7gubimjfuhc36f4aemfqszpvq6i27vlrcjipgyasultw4"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="New blog post about a problem that perhaps no one else will ever have. But at least it's a reminder to myself 😄

My way to find and set Xdebug client IP address for DDEV inside WSL2 with corporate network restrictions

www.koehnlein.eu/en/blog/2024... #DDEV #Xdebug #WSL"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3la2afvmwvx23"
                  data-bluesky-interactions-cid-param="bafyreig5hw4hn7gubimjfuhc36f4aemfqszpvq6i27vlrcjipgyasultw4"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3la2afvmwvx23"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="New blog post about a problem that perhaps no one else will ever have. But at least it's a reminder to myself 😄 My way to find and set Xdebu…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="New blog post about a problem that perhaps no one else will ever have. But at least it's a reminder to myself 😄

My way to find and set Xdebug client IP address for DDEV inside WSL2 with corporate network restrictions

www.koehnlein.eu/en/blog/2024... #DDEV #Xdebug #WSL"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3l4er6xgy2m2i" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
    <div class="mb-1 sm:mb-2 ml-6 text-sm font-semibold text-gray-500 flex items-center gap-1">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
      <span>Reposted</span>
    </div>
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap <a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> 🥳 <a href="/hashtag/t3cm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm</a> <a href="/hashtag/t3cm24" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm24</a></div>

<a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" target="_blank" rel="noopener" class="block mt-2 border rounded overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link">
          <div class="p-2">
            <div class="text-sm font-semibold truncate">Recap TYPO3 Camp Munich 2024</div>
            <div class="text-xs text-gray-500 truncate">My personal review of the TYPO3 camp 2024 in Munich</div>
          </div>
          <div class="border-t px-2 py-2 text-sm text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>
            <span class="truncate">www.koehnlein.eu</span>
          </div>
        </a>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 17, 2024 at 7:35 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i">
            You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap <a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> 🥳 <a href="/hashtag/t3cm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm</a> <a href="/hashtag/t3cm24" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm24</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-reply-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-reply-root-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3l4er6xgy2m2i"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
               data-bluesky-repost-menu-cid-value="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">1</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3l4er6xgy2m2i"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3l4er6xgy2m2i" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap <a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> 🥳 <a href="/hashtag/t3cm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm</a> <a href="/hashtag/t3cm24" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm24</a></div>

<a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" target="_blank" rel="noopener" class="block mt-2 border rounded overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link">
          <div class="p-2">
            <div class="text-sm font-semibold truncate">Recap TYPO3 Camp Munich 2024</div>
            <div class="text-xs text-gray-500 truncate">My personal review of the TYPO3 camp 2024 in Munich</div>
          </div>
          <div class="border-t px-2 py-2 text-sm text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>
            <span class="truncate">www.koehnlein.eu</span>
          </div>
        </a>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 17, 2024 at 7:35 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i">
            You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap <a href="https://www.koehnlein.eu/en/blog/2024/typo3-camp-munich/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> 🥳 <a href="/hashtag/t3cm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm</a> <a href="/hashtag/t3cm24" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#t3cm24</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-reply-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-reply-root-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3l4er6xgy2m2i"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
               data-bluesky-repost-menu-cid-value="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">1</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4er6xgy2m2i"
                  data-bluesky-interactions-cid-param="bafyreihzehrdngmyftgspw4ghdsz3gwb6h3jn2bfscmj7j6twrct2vo6xq"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3l4er6xgy2m2i"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="You missed the TYPO3 camp in Munich? 🙁 Sad for you, but you still can read my recap www.koehnlein.eu/en/blog/2024... 🥳 #t3cm #t3cm24"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3l4d7utxabj2i" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Bluesky now has over 10 million users, and I was #963.295!</div>

<div class="mt-2 w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="modal">
              <img src="https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreiavb67c6iujc2hrv7akfufcc534hdjjsfarfojbplyvii2lln2aqe@jpeg" data-action="click->modal#openWith" data-large-src="https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreiavb67c6iujc2hrv7akfufcc534hdjjsfarfojbplyvii2lln2aqe@jpeg" alt="" class="w-full rounded cursor-zoom-in" loading="lazy">
            <div data-modal-target="panel" class="hidden fixed inset-0 z-[100]">
              <div class="absolute inset-0 bg-black/90" data-action="click->modal#close"></div>
              <div class="relative z-[101] h-full w-full flex items-center justify-center p-4" data-action="click->modal#stop">
                <img data-modal-target="image" alt="" class="max-w-full max-h-full rounded">
                <button type="button" aria-label="Close" class="absolute top-4 right-4 inline-flex items-center justify-center w-10 h-10 rounded-full bg-black/60 text-white hover:bg-black/80" data-action="click->modal#close">
                  <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
                </button>
              </div>
            </div>
          </div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 17, 2024 at 4:52 AM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4d7utxabj2i">
            Bluesky now has over 10 million users, and I was #963.295!
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4d7utxabj2i"
                  data-bluesky-interactions-reply-cid-param="bafyreihmwfparpkjpssff5w42hfv43ceuhv27sh2zjg7bpxa5nocsaanmu"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4d7utxabj2i"
                  data-bluesky-interactions-reply-root-cid-param="bafyreihmwfparpkjpssff5w42hfv43ceuhv27sh2zjg7bpxa5nocsaanmu"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3l4d7utxabj2i"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4d7utxabj2i"
               data-bluesky-repost-menu-cid-value="bafyreihmwfparpkjpssff5w42hfv43ceuhv27sh2zjg7bpxa5nocsaanmu"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Bluesky now has over 10 million users, and I was #963.295!"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3l4d7utxabj2i"
                  data-bluesky-interactions-cid-param="bafyreihmwfparpkjpssff5w42hfv43ceuhv27sh2zjg7bpxa5nocsaanmu"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3l4d7utxabj2i"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Bluesky now has over 10 million users, and I was #963.295!"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Bluesky now has over 10 million users, and I was #963.295!"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kw65sq47wj2e" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">New tiny blog post "Update Chromium version in DDEV selenium add-on"<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-codeception-selenium-update/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/DDEV" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#DDEV</a> <a href="/hashtag/Selenium" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Selenium</a> <a href="/hashtag/Codeception" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Codeception</a></div>

<a href="https://www.koehnlein.eu/en/blog/2024/ddev-codeception-selenium-update/" target="_blank" rel="noopener" class="block mt-2 border rounded overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link">
          <div class="p-2">
            <div class="text-sm font-semibold truncate">Update Chromium version in DDEV selenium add-on</div>
            <div class="text-xs text-gray-500 truncate">How to switch to a newer Chromium version for codeception acceptance tests with DDEV selenium add-on</div>
          </div>
          <div class="border-t px-2 py-2 text-sm text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>
            <span class="truncate">www.koehnlein.eu</span>
          </div>
        </a>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kw65sq47wj2e">
            New tiny blog post "Update Chromium version in DDEV selenium add-on"<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-codeception-selenium-update/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/DDEV" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#DDEV</a> <a href="/hashtag/Selenium" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Selenium</a> <a href="/hashtag/Codeception" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Codeception</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kw65sq47wj2e"
                  data-bluesky-interactions-reply-cid-param="bafyreigzhz5kxnpcdsoqapeljgaaia53f5tnpyzs354bykh6dalb5m56by"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kw65sq47wj2e"
                  data-bluesky-interactions-reply-root-cid-param="bafyreigzhz5kxnpcdsoqapeljgaaia53f5tnpyzs354bykh6dalb5m56by"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kw65sq47wj2e"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kw65sq47wj2e"
               data-bluesky-repost-menu-cid-value="bafyreigzhz5kxnpcdsoqapeljgaaia53f5tnpyzs354bykh6dalb5m56by"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="New tiny blog post "Update Chromium version in DDEV selenium add-on"

www.koehnlein.eu/en/blog/2024... #DDEV #Selenium #Codeception"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kw65sq47wj2e"
                  data-bluesky-interactions-cid-param="bafyreigzhz5kxnpcdsoqapeljgaaia53f5tnpyzs354bykh6dalb5m56by"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">2</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kw65sq47wj2e"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="New tiny blog post "Update Chromium version in DDEV selenium add-on" www.koehnlein.eu/en/blog/2024... #DDEV #Selenium #Codeception"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="New tiny blog post "Update Chromium version in DDEV selenium add-on"

www.koehnlein.eu/en/blog/2024... #DDEV #Selenium #Codeception"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kps3dgz6vg2e" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">I had trouble with Content-Security-Policy reporting on a password protected staging environent in combination with Firefox. I found a nice solution and blogged about it:<br><br><a href="https://www.koehnlein.eu/en/blog/2024/csp-reporting-basic-auth/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a><br><br><a href="/hashtag/CSP" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#CSP</a> <a href="/hashtag/Apache" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Apache</a> <a href="/hashtag/Firefox" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Firefox</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>April 10, 2024 at 4:13 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kps3dgz6vg2e">
            I had trouble with Content-Security-Policy reporting on a password protected staging environent in combination with Firefox. I found a nice solution and blogged about it:<br><br><a href="https://www.koehnlein.eu/en/blog/2024/csp-reporting-basic-auth/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a><br><br><a href="/hashtag/CSP" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#CSP</a> <a href="/hashtag/Apache" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Apache</a> <a href="/hashtag/Firefox" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#Firefox</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kps3dgz6vg2e"
                  data-bluesky-interactions-reply-cid-param="bafyreidep2arw37heab55glhsuh3qg5bk744jmv2y7s6p3ug5u4uqrucvm"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kps3dgz6vg2e"
                  data-bluesky-interactions-reply-root-cid-param="bafyreidep2arw37heab55glhsuh3qg5bk744jmv2y7s6p3ug5u4uqrucvm"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kps3dgz6vg2e"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kps3dgz6vg2e"
               data-bluesky-repost-menu-cid-value="bafyreidep2arw37heab55glhsuh3qg5bk744jmv2y7s6p3ug5u4uqrucvm"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="I had trouble with Content-Security-Policy reporting on a password protected staging environent in combination with Firefox. I found a nice solution and blogged about it:

www.koehnlein.eu/en/blog/2024...

#CSP #Apache #Firefox"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kps3dgz6vg2e"
                  data-bluesky-interactions-cid-param="bafyreidep2arw37heab55glhsuh3qg5bk744jmv2y7s6p3ug5u4uqrucvm"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kps3dgz6vg2e"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="I had trouble with Content-Security-Policy reporting on a password protected staging environent in combination with Firefox. I found a nice…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="I had trouble with Content-Security-Policy reporting on a password protected staging environent in combination with Firefox. I found a nice solution and blogged about it:

www.koehnlein.eu/en/blog/2024...

#CSP #Apache #Firefox"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3knealjg5hc24" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Ich habe wieder gebloggt:<br><br>Warum es notwendig ist, den Alt-Text eines Bildes immer passend zum Artikel-Kontext zu erstellen und warum zentral gespeicherte Alt-Texte diese Anforderung nicht erfüllen. <br><br><a href="https://www.koehnlein.eu/de/blog/2024/alt-texte-fuer-bilder-im-richtigen-kontext/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/de/blog/2024...</a> (nur auf Deutsch verfügbar)</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>March 10, 2024 at 5:20 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3knealjg5hc24">
            Ich habe wieder gebloggt:<br><br>Warum es notwendig ist, den Alt-Text eines Bildes immer passend zum Artikel-Kontext zu erstellen und warum zentral gespeicherte Alt-Texte diese Anforderung nicht erfüllen. <br><br><a href="https://www.koehnlein.eu/de/blog/2024/alt-texte-fuer-bilder-im-richtigen-kontext/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/de/blog/2024...</a> (nur auf Deutsch verfügbar)
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3knealjg5hc24"
                  data-bluesky-interactions-reply-cid-param="bafyreiblaktgdebscof7k44lldruaursik53qnxhmmrfsrqzkmgbfog3fa"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3knealjg5hc24"
                  data-bluesky-interactions-reply-root-cid-param="bafyreiblaktgdebscof7k44lldruaursik53qnxhmmrfsrqzkmgbfog3fa"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3knealjg5hc24"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3knealjg5hc24"
               data-bluesky-repost-menu-cid-value="bafyreiblaktgdebscof7k44lldruaursik53qnxhmmrfsrqzkmgbfog3fa"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Ich habe wieder gebloggt:

Warum es notwendig ist, den Alt-Text eines Bildes immer passend zum Artikel-Kontext zu erstellen und warum zentral gespeicherte Alt-Texte diese Anforderung nicht erfüllen.

www.koehnlein.eu/de/blog/2024... (nur auf Deutsch verfügbar)"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3knealjg5hc24"
                  data-bluesky-interactions-cid-param="bafyreiblaktgdebscof7k44lldruaursik53qnxhmmrfsrqzkmgbfog3fa"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3knealjg5hc24"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Ich habe wieder gebloggt: Warum es notwendig ist, den Alt-Text eines Bildes immer passend zum Artikel-Kontext zu erstellen und warum zentral…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Ich habe wieder gebloggt:

Warum es notwendig ist, den Alt-Text eines Bildes immer passend zum Artikel-Kontext zu erstellen und warum zentral gespeicherte Alt-Texte diese Anforderung nicht erfüllen.

www.koehnlein.eu/de/blog/2024... (nur auf Deutsch verfügbar)"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3klcqearm3n2g" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">I was today years old, when I realized, you cannot only hide single flexform fields, but also full flexform tabs with TSconfig in <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a><br><br>I was so impressed that I immediately blogged about it. <a href="https://www.koehnlein.eu/en/blog/2024/hide-typo3-flexform-fields/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>February 13, 2024 at 4:06 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3klcqearm3n2g">
            I was today years old, when I realized, you cannot only hide single flexform fields, but also full flexform tabs with TSconfig in <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a><br><br>I was so impressed that I immediately blogged about it. <a href="https://www.koehnlein.eu/en/blog/2024/hide-typo3-flexform-fields/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3klcqearm3n2g"
                  data-bluesky-interactions-reply-cid-param="bafyreiayg2uewmmidcx77a6ompwgnxw5i6y535t2zsaoqlro2juxwq2slu"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3klcqearm3n2g"
                  data-bluesky-interactions-reply-root-cid-param="bafyreiayg2uewmmidcx77a6ompwgnxw5i6y535t2zsaoqlro2juxwq2slu"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3klcqearm3n2g"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3klcqearm3n2g"
               data-bluesky-repost-menu-cid-value="bafyreiayg2uewmmidcx77a6ompwgnxw5i6y535t2zsaoqlro2juxwq2slu"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="I was today years old, when I realized, you cannot only hide single flexform fields, but also full flexform tabs with TSconfig in #TYPO3

I was so impressed that I immediately blogged about it. www.koehnlein.eu/en/blog/2024..."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3klcqearm3n2g"
                  data-bluesky-interactions-cid-param="bafyreiayg2uewmmidcx77a6ompwgnxw5i6y535t2zsaoqlro2juxwq2slu"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">1</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3klcqearm3n2g"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="I was today years old, when I realized, you cannot only hide single flexform fields, but also full flexform tabs with TSconfig in #TYPO3 I w…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="I was today years old, when I realized, you cannot only hide single flexform fields, but also full flexform tabs with TSconfig in #TYPO3

I was so impressed that I immediately blogged about it. www.koehnlein.eu/en/blog/2024..."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kl5o2klmn32l" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Today was blogging day!<br><br>"Migrate Codeception tests from local selenium to DDEV selenium add-on"<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-codeception-selenium/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/codeception" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#codeception</a> <a href="/hashtag/ddev" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#ddev</a> <a href="/hashtag/selenium" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#selenium</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>February 11, 2024 at 3:42 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kl5o2klmn32l">
            Today was blogging day!<br><br>"Migrate Codeception tests from local selenium to DDEV selenium add-on"<br><br><a href="https://www.koehnlein.eu/en/blog/2024/ddev-codeception-selenium/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a> <a href="/hashtag/codeception" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#codeception</a> <a href="/hashtag/ddev" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#ddev</a> <a href="/hashtag/selenium" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#selenium</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kl5o2klmn32l"
                  data-bluesky-interactions-reply-cid-param="bafyreigbjnwu7ss5mj3y5chx24kunfdoaqcl63leqnfu6k4cvrwu2zdeum"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kl5o2klmn32l"
                  data-bluesky-interactions-reply-root-cid-param="bafyreigbjnwu7ss5mj3y5chx24kunfdoaqcl63leqnfu6k4cvrwu2zdeum"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kl5o2klmn32l"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kl5o2klmn32l"
               data-bluesky-repost-menu-cid-value="bafyreigbjnwu7ss5mj3y5chx24kunfdoaqcl63leqnfu6k4cvrwu2zdeum"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Today was blogging day!

"Migrate Codeception tests from local selenium to DDEV selenium add-on"

www.koehnlein.eu/en/blog/2024... #codeception #ddev #selenium"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kl5o2klmn32l"
                  data-bluesky-interactions-cid-param="bafyreigbjnwu7ss5mj3y5chx24kunfdoaqcl63leqnfu6k4cvrwu2zdeum"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kl5o2klmn32l"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Today was blogging day! "Migrate Codeception tests from local selenium to DDEV selenium add-on" www.koehnlein.eu/en/blog/2024... #codeceptio…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Today was blogging day!

"Migrate Codeception tests from local selenium to DDEV selenium add-on"

www.koehnlein.eu/en/blog/2024... #codeception #ddev #selenium"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kjkqkvinty2i" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Have you ever tried to use Xdebug in a Neos CMS project based on DDEV? I published a blog post, how I solved it.<br><br><a href="https://www.koehnlein.eu/en/blog/2024/xdebug-neos-ddev-phpstorm/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>January 22, 2024 at 9:41 AM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kjkqkvinty2i">
            Have you ever tried to use Xdebug in a Neos CMS project based on DDEV? I published a blog post, how I solved it.<br><br><a href="https://www.koehnlein.eu/en/blog/2024/xdebug-neos-ddev-phpstorm/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2024...</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kjkqkvinty2i"
                  data-bluesky-interactions-reply-cid-param="bafyreigqwiopgxk2ypszfm2ba55veyguzd4ctmkrwrdyknhd2d5ux7ufme"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kjkqkvinty2i"
                  data-bluesky-interactions-reply-root-cid-param="bafyreigqwiopgxk2ypszfm2ba55veyguzd4ctmkrwrdyknhd2d5ux7ufme"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kjkqkvinty2i"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kjkqkvinty2i"
               data-bluesky-repost-menu-cid-value="bafyreigqwiopgxk2ypszfm2ba55veyguzd4ctmkrwrdyknhd2d5ux7ufme"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Have you ever tried to use Xdebug in a Neos CMS project based on DDEV? I published a blog post, how I solved it.

www.koehnlein.eu/en/blog/2024..."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kjkqkvinty2i"
                  data-bluesky-interactions-cid-param="bafyreigqwiopgxk2ypszfm2ba55veyguzd4ctmkrwrdyknhd2d5ux7ufme"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kjkqkvinty2i"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Have you ever tried to use Xdebug in a Neos CMS project based on DDEV? I published a blog post, how I solved it. www.koehnlein.eu/en/blog/20…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Have you ever tried to use Xdebug in a Neos CMS project based on DDEV? I published a blog post, how I solved it.

www.koehnlein.eu/en/blog/2024..."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kefzbuzjqp2x" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Thanks to Elias Häußler the codeception mailpit module now supports testing mail attachments <a href="https://github.com/koehnlein/codeception-email-mailpit/releases/tag/v0.3.0" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">github.com/koehnlein/co...</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>November 17, 2023 at 9:28 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kefzbuzjqp2x">
            Thanks to Elias Häußler the codeception mailpit module now supports testing mail attachments <a href="https://github.com/koehnlein/codeception-email-mailpit/releases/tag/v0.3.0" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">github.com/koehnlein/co...</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kefzbuzjqp2x"
                  data-bluesky-interactions-reply-cid-param="bafyreifu7qdyoujhlenfl4b4fpsihhowzos27qc7okhbz42dnz3scumsyy"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kefzbuzjqp2x"
                  data-bluesky-interactions-reply-root-cid-param="bafyreifu7qdyoujhlenfl4b4fpsihhowzos27qc7okhbz42dnz3scumsyy"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kefzbuzjqp2x"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kefzbuzjqp2x"
               data-bluesky-repost-menu-cid-value="bafyreifu7qdyoujhlenfl4b4fpsihhowzos27qc7okhbz42dnz3scumsyy"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Thanks to Elias Häußler the codeception mailpit module now supports testing mail attachments github.com/koehnlein/co..."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kefzbuzjqp2x"
                  data-bluesky-interactions-cid-param="bafyreifu7qdyoujhlenfl4b4fpsihhowzos27qc7okhbz42dnz3scumsyy"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kefzbuzjqp2x"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Thanks to Elias Häußler the codeception mailpit module now supports testing mail attachments github.com/koehnlein/co..."
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Thanks to Elias Häußler the codeception mailpit module now supports testing mail attachments github.com/koehnlein/co..."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/jlancelot77.bsky.social/post/3kduedwafg72n" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
    <div class="mb-1 sm:mb-2 ml-6 text-sm font-semibold text-gray-500 flex items-center gap-1">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
      <span>Reposted</span>
    </div>
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=jlancelot77.bsky.social" class="no-card-link inline-block flex-shrink-0" aria-label="jlancelot77.bsky.social" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:vb7qorcp5me322bg5bzsetww/bafkreig3zsabxqtafgm6bk2ekgsrwcsnxifx3y2f3zeuemiwl6z25yje4m@jpeg" alt="jlancelot77.bsky.social" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=jlancelot77.bsky.social" class="truncate hover:underline text-black no-card-link">jlancelot77.bsky.social</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=jlancelot77.bsky.social" class="hover:underline text-gray-500 no-card-link">@jlancelot77.bsky.social</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Ich war früher der Meinung, das Kommunikation der Schlüssel ist, bis mir klar geworden ist, das es um Verständnis geht. Du kannst jemanden alles kommunizieren aber wenn er dich nicht versteht entsteht stilles Chaos.</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>November 10, 2023 at 8:58 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:vb7qorcp5me322bg5bzsetww/app.bsky.feed.post/3kduedwafg72n">
            Ich war früher der Meinung, das Kommunikation der Schlüssel ist, bis mir klar geworden ist, das es um Verständnis geht. Du kannst jemanden alles kommunizieren aber wenn er dich nicht versteht entsteht stilles Chaos.
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:vb7qorcp5me322bg5bzsetww/app.bsky.feed.post/3kduedwafg72n"
                  data-bluesky-interactions-reply-cid-param="bafyreiaxpwe7bsznp4kavwy7a3bptmnqs3ndviwiteoujm3nyov2o7mvpu"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:vb7qorcp5me322bg5bzsetww/app.bsky.feed.post/3kduedwafg72n"
                  data-bluesky-interactions-reply-root-cid-param="bafyreiaxpwe7bsznp4kavwy7a3bptmnqs3ndviwiteoujm3nyov2o7mvpu"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:vb7qorcp5me322bg5bzsetww/bafkreig3zsabxqtafgm6bk2ekgsrwcsnxifx3y2f3zeuemiwl6z25yje4m@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/jlancelot77.bsky.social/post/3kduedwafg72n"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:vb7qorcp5me322bg5bzsetww/app.bsky.feed.post/3kduedwafg72n"
               data-bluesky-repost-menu-cid-value="bafyreiaxpwe7bsznp4kavwy7a3bptmnqs3ndviwiteoujm3nyov2o7mvpu"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="jlancelot77.bsky.social"
               data-bluesky-repost-menu-post-text-value="Ich war früher der Meinung, das Kommunikation der Schlüssel ist, bis mir klar geworden ist, das es um Verständnis geht. Du kannst jemanden alles kommunizieren aber wenn er dich nicht versteht entsteht stilles Chaos."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">13</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:vb7qorcp5me322bg5bzsetww/app.bsky.feed.post/3kduedwafg72n"
                  data-bluesky-interactions-cid-param="bafyreiaxpwe7bsznp4kavwy7a3bptmnqs3ndviwiteoujm3nyov2o7mvpu"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">79</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/jlancelot77.bsky.social/post/3kduedwafg72n"
                  data-share-title-value="jlancelot77.bsky.social on Lightnews"
                  data-share-text-value="Ich war früher der Meinung, das Kommunikation der Schlüssel ist, bis mir klar geworden ist, das es um Verständnis geht. Du kannst jemanden a…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Ich war früher der Meinung, das Kommunikation der Schlüssel ist, bis mir klar geworden ist, das es um Verständnis geht. Du kannst jemanden alles kommunizieren aber wenn er dich nicht versteht entsteht stilles Chaos."
               data-bluesky-options-author-handle-value="jlancelot77.bsky.social"
               data-bluesky-options-author-did-value="did:plc:vb7qorcp5me322bg5bzsetww"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3kcegbcogtk2e" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">There was a tiny thread in the past week at the Fediverse, how I edit <a href="/hashtag/XLIFF" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#XLIFF</a> files in <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a> with <a href="/hashtag/PhpStorm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#PhpStorm</a> integration, using the awesome tool "t3ll".<br><br>To write some more words and screenshots about ist, I published a blog post: <a href="https://www.koehnlein.eu/en/blog/2023/xliff-typo3-phpstorm/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2023...</a></div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>October 22, 2023 at 7:24 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kcegbcogtk2e">
            There was a tiny thread in the past week at the Fediverse, how I edit <a href="/hashtag/XLIFF" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#XLIFF</a> files in <a href="/hashtag/TYPO3" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#TYPO3</a> with <a href="/hashtag/PhpStorm" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#PhpStorm</a> integration, using the awesome tool "t3ll".<br><br>To write some more words and screenshots about ist, I published a blog post: <a href="https://www.koehnlein.eu/en/blog/2023/xliff-typo3-phpstorm/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">www.koehnlein.eu/en/blog/2023...</a>
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kcegbcogtk2e"
                  data-bluesky-interactions-reply-cid-param="bafyreieflo5fpnnfnq6poc7qurdrwv3ot2ry52wmtlfftk4h55c7w2wk4a"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kcegbcogtk2e"
                  data-bluesky-interactions-reply-root-cid-param="bafyreieflo5fpnnfnq6poc7qurdrwv3ot2ry52wmtlfftk4h55c7w2wk4a"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3kcegbcogtk2e"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kcegbcogtk2e"
               data-bluesky-repost-menu-cid-value="bafyreieflo5fpnnfnq6poc7qurdrwv3ot2ry52wmtlfftk4h55c7w2wk4a"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="There was a tiny thread in the past week at the Fediverse, how I edit #XLIFF files in #TYPO3 with #PhpStorm integration, using the awesome tool "t3ll".

To write some more words and screenshots about ist, I published a blog post: www.koehnlein.eu/en/blog/2023..."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">1</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3kcegbcogtk2e"
                  data-bluesky-interactions-cid-param="bafyreieflo5fpnnfnq6poc7qurdrwv3ot2ry52wmtlfftk4h55c7w2wk4a"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">2</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3kcegbcogtk2e"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="There was a tiny thread in the past week at the Fediverse, how I edit #XLIFF files in #TYPO3 with #PhpStorm integration, using the awesome t…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="There was a tiny thread in the past week at the Fediverse, how I edit #XLIFF files in #TYPO3 with #PhpStorm integration, using the awesome tool "t3ll".

To write some more words and screenshots about ist, I published a blog post: www.koehnlein.eu/en/blog/2023..."
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/julianhille.bsky.social/post/3kau7paersi2r" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
    <div class="mb-1 sm:mb-2 ml-6 text-sm font-semibold text-gray-500 flex items-center gap-1">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
      <span>Reposted</span>
    </div>
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=julianhille.bsky.social" class="no-card-link inline-block flex-shrink-0" aria-label="Julian" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:cblztfbyayrnkqaoqnnchilb/bafkreigl7h6ywmdcb7rujrxktgoboxryldtqdobnp7e3xcoxv2h2ew54m4@jpeg" alt="julianhille.bsky.social" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=julianhille.bsky.social" class="truncate hover:underline text-black no-card-link">Julian</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=julianhille.bsky.social" class="hover:underline text-gray-500 no-card-link">@julianhille.bsky.social</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Das Leben ist wie ein Kasten Bier, viel zu schnell weg.</div>

<span class="flex items-center min-w-0 truncate">
          <a href="/author?bsky_handle=echtjetzt5.bsky.social" class="font-semibold text-black hover:underline truncate no-card-link">Echt jetzt?</a>
          <a href="/author?bsky_handle=echtjetzt5.bsky.social" class="text-gray-500 ml-1 truncate hover:underline no-card-link">@echtjetzt5.bsky.social</a>
      </span>
          <span class="text-gray-500 ml-1 shrink-0">· Oct 3</span>
    </div>

<div class="mt-1 text-[15px] leading-5 break-words text-gray-800">
      Das Leben ist wie eine Schachtel Pralinen...<br><br>80% von dem Scheiß will keine Sau haben.
    </div>

</div>
</div>

</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>October 3, 2023 at 3:19 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:cblztfbyayrnkqaoqnnchilb/app.bsky.feed.post/3kau7paersi2r">
            Das Leben ist wie ein Kasten Bier, viel zu schnell weg.
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:cblztfbyayrnkqaoqnnchilb/app.bsky.feed.post/3kau7paersi2r"
                  data-bluesky-interactions-reply-cid-param="bafyreifjsfphh6cuth7tvirlbqcjs2n2vafzvnh2hj6q4uh5tyij7ntmca"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:cblztfbyayrnkqaoqnnchilb/app.bsky.feed.post/3kau7paersi2r"
                  data-bluesky-interactions-reply-root-cid-param="bafyreifjsfphh6cuth7tvirlbqcjs2n2vafzvnh2hj6q4uh5tyij7ntmca"
                  data-bluesky-interactions-reply-author-name-param="Julian"
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:cblztfbyayrnkqaoqnnchilb/bafkreigl7h6ywmdcb7rujrxktgoboxryldtqdobnp7e3xcoxv2h2ew54m4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/julianhille.bsky.social/post/3kau7paersi2r"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:cblztfbyayrnkqaoqnnchilb/app.bsky.feed.post/3kau7paersi2r"
               data-bluesky-repost-menu-cid-value="bafyreifjsfphh6cuth7tvirlbqcjs2n2vafzvnh2hj6q4uh5tyij7ntmca"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="julianhille.bsky.social"
               data-bluesky-repost-menu-post-text-value="Das Leben ist wie ein Kasten Bier, viel zu schnell weg."
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              <span data-bluesky-interactions-target="repostCount">1</span>
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:cblztfbyayrnkqaoqnnchilb/app.bsky.feed.post/3kau7paersi2r"
                  data-bluesky-interactions-cid-param="bafyreifjsfphh6cuth7tvirlbqcjs2n2vafzvnh2hj6q4uh5tyij7ntmca"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">4</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/julianhille.bsky.social/post/3kau7paersi2r"
                  data-share-title-value="Julian on Lightnews"
                  data-share-text-value="Das Leben ist wie ein Kasten Bier, viel zu schnell weg."
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Das Leben ist wie ein Kasten Bier, viel zu schnell weg."
               data-bluesky-options-author-handle-value="julianhille.bsky.social"
               data-bluesky-options-author-did-value="did:plc:cblztfbyayrnkqaoqnnchilb"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3k7nwh6fy4h2v" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">Am I right, that there are no tags in this social network?</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 18, 2023 at 9:52 AM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nwh6fy4h2v">
            Am I right, that there are no tags in this social network?
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nwh6fy4h2v"
                  data-bluesky-interactions-reply-cid-param="bafyreiacm6it2or37azzz2zkqq7zkq4wd6yzgbswicyojskmhwc5as7stq"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nwh6fy4h2v"
                  data-bluesky-interactions-reply-root-cid-param="bafyreiacm6it2or37azzz2zkqq7zkq4wd6yzgbswicyojskmhwc5as7stq"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3k7nwh6fy4h2v"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nwh6fy4h2v"
               data-bluesky-repost-menu-cid-value="bafyreiacm6it2or37azzz2zkqq7zkq4wd6yzgbswicyojskmhwc5as7stq"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="Am I right, that there are no tags in this social network?"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nwh6fy4h2v"
                  data-bluesky-interactions-cid-param="bafyreiacm6it2or37azzz2zkqq7zkq4wd6yzgbswicyojskmhwc5as7stq"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">1</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3k7nwh6fy4h2v"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="Am I right, that there are no tags in this social network?"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="Am I right, that there are no tags in this social network?"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3k7nn3jgey32u" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]">You are using #DDEV and #codeception with the MailHog module?<br><br>DDEV switched to #Mailpit in its latest release and you may be interested in <a href="https://packagist.org/packages/koehnlein/codeception-email-mailpit" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">packagist.org/packages/koe...</a><br><br>I would be happy, if you use it and provide feedback or improvements. 😃</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 18, 2023 at 7:05 AM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nn3jgey32u">
            You are using #DDEV and #codeception with the MailHog module?<br><br>DDEV switched to #Mailpit in its latest release and you may be interested in <a href="https://packagist.org/packages/koehnlein/codeception-email-mailpit" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">packagist.org/packages/koe...</a><br><br>I would be happy, if you use it and provide feedback or improvements. 😃
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nn3jgey32u"
                  data-bluesky-interactions-reply-cid-param="bafyreib23zynnct7eit6jswwqwewcwoypkwggfoftpxyj25jfcis322rdy"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nn3jgey32u"
                  data-bluesky-interactions-reply-root-cid-param="bafyreib23zynnct7eit6jswwqwewcwoypkwggfoftpxyj25jfcis322rdy"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3k7nn3jgey32u"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nn3jgey32u"
               data-bluesky-repost-menu-cid-value="bafyreib23zynnct7eit6jswwqwewcwoypkwggfoftpxyj25jfcis322rdy"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="You are using #DDEV and #codeception with the MailHog module?

DDEV switched to #Mailpit in its latest release and you may be interested in packagist.org/packages/koe...

I would be happy, if you use it and provide feedback or improvements. 😃"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k7nn3jgey32u"
                  data-bluesky-interactions-cid-param="bafyreib23zynnct7eit6jswwqwewcwoypkwggfoftpxyj25jfcis322rdy"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">2</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3k7nn3jgey32u"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="You are using #DDEV and #codeception with the MailHog module? DDEV switched to #Mailpit in its latest release and you may be interested in p…"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="You are using #DDEV and #codeception with the MailHog module?

DDEV switched to #Mailpit in its latest release and you may be interested in packagist.org/packages/koe...

I would be happy, if you use it and provide feedback or improvements. 😃"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="w-full border-y sm:border bg-white dark:bg-[#0C1220] bluesky-list-card digest-card card-clickable cursor-pointer group" data-href="/bsky/koehnlein.dev/post/3k77ef5ek7f2j" role="link" tabindex="0" data-card-type="bsky-post" onclick="if(!event.target.closest('.no-card-link')){ window.location = this.dataset.href }" onkeydown="if((event.key==='Enter' || event.key===' ') && !event.target.closest('.no-card-link')){ window.location = this.dataset.href }">
  <div class="px-4 py-3">
  <div class="flex items-start gap-4">
    <div class="relative w-10 self-stretch flex justify-center no-card-link avatar-column-no-nav" style="min-height:40px; align-self:stretch" onclick="event.stopPropagation(); event.stopImmediatePropagation(); return false;" onkeydown="if(event.key==='Enter' || event.key===' '){ event.stopPropagation(); event.stopImmediatePropagation(); return false; }">
          <a href="/author?bsky_handle=koehnlein.dev" class="no-card-link inline-block flex-shrink-0" aria-label="koehnlein.dev" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg" alt="koehnlein.dev" class="w-10 h-10 rounded-full relative z-10" loading="lazy">
          </a>
    </div>
    <div class="flex-1 min-w-0 -mt-0.5">
          <div>
            <div class="text-[1.1rem] sm:text-[1.15rem] font-semibold text-black flex items-center gap-1">
                <a href="/author?bsky_handle=koehnlein.dev" class="truncate hover:underline text-black no-card-link">koehnlein.dev</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=koehnlein.dev" class="hover:underline text-gray-500 no-card-link">@koehnlein.dev</a>
              </div>
          </div>
          <div class="mt-3 text-[1.2rem] leading-7 break-words text-gray-800 w-[calc(100%+3.5rem)] -ml-[3.5rem]"><?php<br><br>echo 'Hello world';</div>

<div class="mt-3 text-xs text-gray-500 flex items-center gap-2 whitespace-nowrap overflow-hidden w-[calc(100%+3.5rem)] -ml-[3.5rem]">
            <span>September 12, 2023 at 2:52 PM</span>
          </div>
          <div class="border-t my-2 w-[calc(100%+3.5rem)] -ml-[3.5rem]"></div>

<div class="mt-3 flex items-center justify-between text-gray-600 text-sm w-[calc(100%+3.5rem)] -ml-[3.5rem] no-card-link" data-controller="bluesky-interactions">
        <div class="flex items-center justify-between w-[300px] pr-4 no-card-link">
          <div class="hidden" data-post-text-uri="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k77ef5ek7f2j">
            <?php<br><br>echo 'Hello world';
          </div>
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link" 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#reply" 
                  data-bluesky-interactions-reply-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k77ef5ek7f2j"
                  data-bluesky-interactions-reply-cid-param="bafyreigipe54vdhgoxcd6ofnk6c5fchgor4kp6sv6zq2azuzuceavmgbda"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k77ef5ek7f2j"
                  data-bluesky-interactions-reply-root-cid-param="bafyreigipe54vdhgoxcd6ofnk6c5fchgor4kp6sv6zq2azuzuceavmgbda"
                  data-bluesky-interactions-reply-author-name-param=""
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:iigkuad3juj75nehcmmy7ezr/bafkreia6qriz3my3r2ko34wkucsioy76qwbmx2fps2w5aliffkvcaijcu4@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/koehnlein.dev/post/3k77ef5ek7f2j"
                  title="Reply" 
                  style="pointer-events: auto; cursor: pointer; z-index: 10; position: relative;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/></svg>
            
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k77ef5ek7f2j"
               data-bluesky-repost-menu-cid-value="bafyreigipe54vdhgoxcd6ofnk6c5fchgor4kp6sv6zq2azuzuceavmgbda"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="koehnlein.dev"
               data-bluesky-repost-menu-post-text-value="<?php

echo 'Hello world';"
               style="pointer-events:auto; cursor:pointer;">
            <button type="button" 
                    class="flex items-center gap-1 hover:text-black " 
                    data-action="click->bluesky-repost-menu#toggleMenu"
                    data-bluesky-interactions-target="repostButton"
                    title="Repost">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              
            </button>
            <div class="hidden absolute left-0 bottom-full mb-3 w-48 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden z-50" data-bluesky-repost-menu-target="menu">
                <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#repost">
                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
                  <span>Repost</span>
                </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-repost-menu#quote">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                <span>Quote post</span>
              </button>
            </div>
          </div>
          
          <button type="button" 
                  class="flex items-center gap-1 hover:text-black no-card-link " 
                  data-action="click->bluesky-auth#requireConnection click->bluesky-interactions#toggleLike"
                  data-bluesky-interactions-uri-param="at://did:plc:iigkuad3juj75nehcmmy7ezr/app.bsky.feed.post/3k77ef5ek7f2j"
                  data-bluesky-interactions-cid-param="bafyreigipe54vdhgoxcd6ofnk6c5fchgor4kp6sv6zq2azuzuceavmgbda"
                  data-bluesky-interactions-like-uri-param=""
                  data-bluesky-interactions-target="likeButton"
                  title="Like">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z"/></svg>
            <span data-bluesky-interactions-target="likeCount">4</span>
          </button>
          
        </div>
        <div class="flex items-center gap-4 text-gray-500">
          <button type="button"
                  class="flex items-center hover:text-black no-card-link"
                  data-controller="share"
                  data-share-url-value="https://oauth.lightnews.app/bsky/koehnlein.dev/post/3k77ef5ek7f2j"
                  data-share-title-value="koehnlein.dev on Lightnews"
                  data-share-text-value="<?php echo 'Hello world';"
                  data-action="click->share#shareSystem"
                  title="Share"
                  style="pointer-events:auto; cursor:pointer;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>
          </button>
          <div class="relative no-card-link"
               data-controller="bluesky-options"
               data-bluesky-options-text-value="<?php

echo 'Hello world';"
               data-bluesky-options-author-handle-value="koehnlein.dev"
               data-bluesky-options-author-did-value="did:plc:iigkuad3juj75nehcmmy7ezr"
               data-bluesky-options-muted-value="false"
               data-bluesky-options-blocking-uri-value=""
               data-bluesky-options-own-value="false"
               data-bluesky-options-delete-url-value=""
               data-bluesky-options-post-element-selector-value='[data-card-type="bsky-post"]'>
            <button type="button" class="inline-flex items-center" data-action="click->bluesky-options#toggleMenu" aria-label="Post options">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
            </button>
            <div class="hidden absolute right-0 bottom-full mb-3 w-60 rounded-2xl border border-white/10 bg-[#1C2333] text-white shadow-xl overflow-hidden" data-bluesky-options-target="menu">
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#translate">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16v16H4z"/><path d="M9 8h6"/><path d="M9 12h6"/><path d="M9 16h6"/></svg>
                </span>
                <span>Translate</span>
              </button>
              <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-options#copyText">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8"/></svg>
                </span>
                <span>Copy post text</span>
              </button>
              <div class="border-t border-white/10"></div>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#muteAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9v6h3l5 5V4L7 9H4z"/><line x1="16" y1="9" x2="19" y2="12"/><line x1="19" y1="12" x2="16" y2="15"/></svg>
                </span>
                <span data-bluesky-options-target="muteLabel">Mute account</span>
              </button>
        <button type="button" class="w-full px-4 py-3 flex items-center gap-3 text-sm hover:bg-[#273045] text-left" data-action="click->bluesky-auth#requireConnection click->bluesky-options#blockAccount">
                <span class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-white/10">
                  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h18v18H3z"/><path d="M3 3l18 18"/></svg>
                </span>
                <span data-bluesky-options-target="blockLabel">Block account</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>

</div>
  </div>
</div>

</main>

</div>
      <div class="hidden md:block"></div>
    </div>
    
<div id="cta-footer" class="md:hidden fixed bottom-0 left-0 right-0 z-40 bg-white dark:bg-black border-t border-gray-200 dark:border-gray-700">
          <div class="px-2 pt-3 pb-5">
      <div class="flex items-center justify-between gap-3">
        
        <div class="flex items-center gap-2 flex-1 min-w-0">
          <a class="inline-flex items-center gap-2" aria-label="Lightnews" data-apply-edition="1" href="/">
              <img alt="Lightnews" class="logo-light h-10 w-10 flex-shrink-0" src="/assets/lightnews_black-993b5cbd.png" />
              <img alt="Lightnews" class="logo-dark h-10 w-10 flex-shrink-0" src="/assets/lightnews-f13a19bd.png" />
            <span class="text-base font-semibold text-gray-900 dark:text-white truncate brand-text">Lightnews</span>
</a>        </div>
        
        <div class="flex items-center gap-2 flex-shrink-0">
          <button type="button" data-action="click->bluesky-auth#openOAuthModal" class="btn btn-primary btn-sm whitespace-nowrap">Create account</button>
          <button type="button" data-action="click->bluesky-auth#openOAuthModal" class="btn btn-light btn-sm whitespace-nowrap">Sign in</button>
        </div>
      </div>
    </div>
</div>

<style>
  @media (max-width: 767px) {
    body {
      padding-bottom: 6.5rem;
    }
  }
  /* Hard guarantee: footer is visible on mobile widths */
  @media (max-width: 1023px) {
    #cta-footer { display: block !important; }
  }
</style>

<div id="signin-modal" class="hidden fixed inset-0 z-50 overflow-y-auto" data-auth-modal-target="signinModal">
  <div class="flex min-h-screen items-center justify-center p-4">
    
    <div class="fixed inset-0 bg-black/80 transition-opacity" data-action="click->auth-modal#close"></div>
    
    
    <div class="relative bg-white dark:bg-black rounded-2xl w-full max-w-md p-8 shadow-2xl">
      
      <button data-action="click->auth-modal#close" class="absolute top-4 right-4 text-gray-400 hover:text-white transition-colors">
        <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <line x1="18" y1="6" x2="6" y2="18"></line>
          <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>
      </button>

<div class="flex justify-center mb-6">
          <img alt="Lightnews" class="logo-light h-12 w-12" src="/assets/lightnews_black-993b5cbd.png" />
          <img alt="Lightnews" class="logo-dark h-12 w-12" src="/assets/lightnews-f13a19bd.png" />
      </div>

<h2 class="text-black dark:text-white text-3xl font-bold text-center mb-6">Sign in to Lightnews</h2>

<div class="mb-6">
        <a class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600" data-turbo="false" href="/auth/bluesky/start">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.038.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 01-.415-.056c.14.018.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z" fill="#1185fe"/>
          </svg>
          Continue with Bluesky
</a>      </div>

<div class="space-y-3 mb-6">

<button class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
            <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
            <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
            <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
          </svg>
          Continue with Google
        </button>

<button class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>
          </svg>
          Continue with Apple
        </button>
      </div>

<div class="relative my-6">
        <div class="absolute inset-0 flex items-center">
          <div class="w-full border-t border-gray-700"></div>
        </div>
      </div>

<form class="space-y-4">
        <div class="mt-10">
          <label for="signin-email" class="block text-black dark:text-white font-semibold text-sm mb-2">Email or username</label>
          <input 
            type="text" 
            id="signin-email" 
            placeholder="Email or username"
            class="w-full px-4 py-3 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent"
          />
        </div>

<button type="submit" class="w-full btn btn-primary py-3 font-semibold">
          Continue
        </button>
      </form>

<div class="mt-8 text-center">
        <p class="text-gray-600 dark:text-gray-400 mb-2">Don't have an account?</p>
        <button data-action="click->auth-modal#switchToSignup" class="text-blue-600 dark:text-white font-semibold underline hover:text-blue-500 transition-colors">
          Sign up for Lightnews
        </button>
      </div>
    </div>
  </div>
</div>

<div id="signup-modal" class="hidden fixed inset-0 z-50 overflow-y-auto" data-auth-modal-target="signupModal">
  <div class="flex min-h-screen items-center justify-center p-4">
    
    <div class="fixed inset-0 bg-black/80 transition-opacity" data-action="click->auth-modal#close"></div>
    
    
    <div class="relative bg-white dark:bg-black rounded-2xl w-full max-w-md p-8 shadow-2xl">
      
      <button data-action="click->auth-modal#close" class="absolute top-4 right-4 text-gray-400 hover:text-white transition-colors">
        <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <line x1="18" y1="6" x2="6" y2="18"></line>
          <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>
      </button>

<div class="flex justify-center mb-6">
          <img alt="Lightnews" class="logo-light h-12 w-12" src="/assets/lightnews_black-993b5cbd.png" />
          <img alt="Lightnews" class="logo-dark h-12 w-12" src="/assets/lightnews-f13a19bd.png" />
      </div>

<h2 class="text-black dark:text-white text-3xl font-bold text-center mb-6">Sign up to start reading</h2>

<div class="mb-6">
        <a class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600" data-turbo="false" href="/auth/bluesky/start">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.038.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 01-.415-.056c.14.018.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z" fill="#1185fe"/>
          </svg>
          Sign up with Bluesky
</a>      </div>

<div class="relative my-4">
        <div class="absolute inset-0 flex items-center">
          <div class="w-full border-t border-gray-300 dark:border-gray-700"></div>
        </div>
        <div class="relative flex justify-center">
          <span class="bg-white dark:bg-black px-3 text-sm text-gray-600 dark:text-gray-300">or</span>
        </div>
      </div>

<form class="space-y-4 mt-2">
        <div>
          <label for="signup-email" class="block text-black dark:text-white font-semibold text-sm mt-2 mb-2">Email address</label>
          <input 
            type="email" 
            id="signup-email" 
            placeholder="name@domain.com"
            class="w-full px-4 py-3 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded text-black dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent"
          />
        </div>

<div class="relative my-6">
        <div class="absolute inset-0 flex items-center">
          <div class="w-full border-t border-gray-700"></div>
        </div>
        <div class="relative flex justify-center">
          <span class="bg-white dark:bg-black px-4 text-black dark:text-white text-sm">or</span>
        </div>
      </div>

<div class="space-y-3 mb-6">
        
        <button class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
            <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
            <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
            <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
          </svg>
          Sign up with Google
        </button>

<button class="w-full flex items-center justify-center gap-3 px-6 py-3 bg-transparent hover:bg-black/5 dark:hover:bg-white/10 text-black dark:text-white font-semibold rounded transition-colors border border-gray-300 dark:border-gray-600">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
            <path d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>
          </svg>
          Sign up with Apple
        </button>
      </div>

<div class="mt-8 text-center">
        <p class="text-gray-600 dark:text-gray-400 mb-2">Already have an account?</p>
        <button data-action="click->auth-modal#switchToSignin" class="text-blue-600 dark:text-white font-semibold underline hover:text-blue-500 transition-colors">
          Sign in
        </button>
      </div>
    </div>
  </div>
</div>

<div data-controller="modal" data-reply-modal="true" id="global-reply-modal"
     data-viewer-avatar-url=""
     data-viewer-display-name="">
  <div class="hidden fixed inset-0 z-50 overflow-y-auto" data-modal-target="panel" data-viewer-avatar-url="" data-viewer-display-name="">
    <div class="flex min-h-screen items-start justify-center pt-4 md:pt-20">
      
      <div class="fixed inset-0 bg-black/80 transition-opacity" data-action="click->modal#close"></div>

<div class="relative bg-[#1e3a5f] rounded-2xl w-full max-w-xl mx-4 shadow-2xl" data-action="click->modal#stop">
        
        <div class="flex items-center justify-between px-4 py-3 border-b border-gray-600">
          <button type="button" class="text-blue-400 text-base font-medium" data-action="click->modal#close">Cancel</button>
          <button type="button" 
                  id="modal-reply-submit"
                  class="px-5 py-1.5 bg-blue-600 text-white rounded-full font-semibold hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed">
            Reply
          </button>
        </div>

<div class="px-4 py-3 border-b border-gray-600 modal-reply-preview">
          <div class="flex items-start gap-3">
            <img src="" alt="" class="modal-reply-author-avatar w-10 h-10 rounded-full flex-shrink-0 hidden">
            <div class="modal-reply-author-avatar-placeholder w-10 h-10 rounded-full bg-gray-300 flex-shrink-0"></div>
            <div class="flex-1 min-w-0">
              <div class="font-semibold text-white text-base modal-reply-author-name"> </div>
              <div class="text-gray-300 text-sm line-clamp-3 modal-reply-post-text"> </div>
            </div>
          </div>
        </div>

<div class="px-4 py-3">
          <div class="flex items-start gap-3">
            <img src="" alt="You" class="modal-viewer-avatar w-10 h-10 rounded-full flex-shrink-0 hidden">
            <div class="modal-viewer-avatar-placeholder w-10 h-10 rounded-full bg-gray-300 flex-shrink-0 "></div>
            <div class="flex-1 min-w-0">
              <textarea 
                id="modal-reply-text"
                placeholder="Write your reply"
                rows="8"
                maxlength="300"
                class="w-full px-0 py-2 bg-transparent text-white text-base placeholder-gray-400 resize-none focus:outline-none border-0"
                data-reply-uri=""
                data-reply-cid=""
                data-root-uri=""
                data-root-cid=""
                data-mode="reply"
                data-embed=""
              >

English

Add to Home Screen

Light up
your news

Add to Home Screen

Light upyour news

Connect Bluesky

Connect with Bluesky

Light up
your news