Lightnews — Scholar-powered news

panphora

@panphora.bsky.social

I feel so lucky to be living in the age of AI.

I just produced a script in 10 min that helps me automatically release NPM packages, using a local Claude Code to write the changelog entries.

Mind blown 🤯

November 22, 2025 at 7:04 AM

panphora

@panphora.bsky.social

Want a fully custom date picker and the native calendar popup?

Build your own UI, then call input.showPicker() to summon the browser’s date picker on demand.

November 15, 2025 at 6:58 AM

panphora

@panphora.bsky.social

Letting AI work while I go to sleep

November 12, 2025 at 4:44 AM

panphora

@panphora.bsky.social

I love my app's 471-bite blog template

November 8, 2025 at 7:57 PM

panphora

@panphora.bsky.social

I love my app's personal admin dashboard <3

November 8, 2025 at 7:04 AM

panphora

@panphora.bsky.social

plan with Opus, execute with Sonnet, code review with Codex 👌

November 4, 2025 at 1:57 PM

panphora

@panphora.bsky.social

Hate when Claude adds itself as co-author to your Git commits?

source: vikrampawar.github.io/2025/06/21/...

November 3, 2025 at 8:02 PM

panphora

@panphora.bsky.social

Long time dream achieved:

✅ Become an Apple/MacOS Developer

November 1, 2025 at 5:57 AM

panphora

@panphora.bsky.social

The magic of React isn't worth it!

There's a simpler model of the web that can fit into your head and doesn't require a non-intuitive, over-engineered framework.

Not sure what it is yet... but it's coming.

Read more: "React vs Backbone in 2025" backbonenotbad.hyperclay.com/

React vs Backbone in 2025

A comparison between a React and Backbone password strength app

backbonenotbad.hyperclay.com

October 25, 2025 at 5:59 AM

panphora

@panphora.bsky.social

4 customers in and already crushing the fastest growing internet startup in early user retention 😂

October 23, 2025 at 1:50 PM

panphora

@panphora.bsky.social

🔥 Build a lightweight, elegant Kanban board in pure HTML. Sortable columns, draggable cards, zero React — just a single HTML file, and ~20 lines of jQuery. #hyperclay

October 21, 2025 at 2:52 PM

panphora

@panphora.bsky.social

You can import shadcn or spend 56 hours designing the perfect tab component, or you can simply accept that this minimal tab layout is superior and ship it in 6 min.

October 20, 2025 at 4:01 PM

panphora

@panphora.bsky.social

CURRENT AI STACK:

• Claude Opus 4.1: Planning AND implementing complex tasks
• Claude Sonnet 4.5: Implementing simple plans created by Opus
• OpenAI Codex: Thorough deep-dive code reviews
• Gemini 2.5 Pro: Running for hours and providing not even one line of useful feedback

October 18, 2025 at 3:50 PM

panphora

@panphora.bsky.social

Something I wish to impart to my children (now 4y and 1y): life in its raw form is unprocessable, so all humans have metaphors they process the world through.

1/5

October 13, 2025 at 4:01 PM

panphora

@panphora.bsky.social

They went to far, they should have stopped at WD-35

October 9, 2025 at 2:01 PM

panphora

@panphora.bsky.social

Your move Mickey Mouse

September 18, 2025 at 8:17 PM

panphora

@panphora.bsky.social

Email is universal.

Of course I want to email people who don't have the same domain name as me!

This is the stupidest warning in Google Workspace — it should be OFF by default (if you want to turn it off: Admin console > Apps > Google Workspace > Gmail > End User Access)

September 16, 2025 at 3:56 PM

panphora

@panphora.bsky.social

Turns out when you decide to personally respond to all 105 people who responded to your welcome email with a custom-build HTML email (that includes an ASCII maze), you run into limits you've never run into before.

September 15, 2025 at 4:01 PM

panphora

@panphora.bsky.social

They could never have done it in Slack

September 12, 2025 at 12:04 PM

panphora

@panphora.bsky.social

ANTHROPOLOGISTS: It's clear now we should have started counting the years backwards after reaching the year 2000

September 4, 2025 at 3:57 PM

panphora

@panphora.bsky.social

When I posted OverType.dev to HN yesterday, I was thrilled to hit top 10.

What I was NOT expecting...??!

Getting to #1 on HN with Hyperclay.com today. Someone noticed the note in the footer on OverType and posted it!!!

42 early access signups so far 😲❤️

Hyperclay | HTML APPS

A single HTML file is all you need to build a web app. Hyperclay hosts these HTML files so you can create personal, malleable software easily.

hyperclay.com

August 18, 2025 at 3:32 PM

panphora

@panphora.bsky.social

Launching OverType:

→ overtype.dev ←

I got so frustrated with WYSIWYG editors I built my own.

The twist? It's just a textarea.

OverType: A transparent

layered over rendered markdown. You type plain text, but see rich formatting.<br><br>🧵 1/9</div>

<a href="https://overtype.dev/" 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:pni76ujvtsq3gfmmoy6sclom/bafkreibkg5up2iyi6az2poeyov3sqkkw5ag2e4aafczn2mfh3nrspdoh5q@jpeg" class="w-full h-40 object-cover" loading="lazy">
          <div class="p-2">
            <div class="text-sm font-semibold truncate">OverType - The Markdown Editor That's a Textarea</div>
            <div class="text-xs text-gray-500 truncate">OverType is a transparent textarea over rendered markdown. Plain text simplicity, WYSIWYG beauty, zero complexity.</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">overtype.dev</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>August 17, 2025 at 5: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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwmh762ymf2f">
            Launching OverType:<br><br>→ <a href="https://overtype.dev" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">overtype.dev</a> ←<br><br>I got so frustrated with WYSIWYG editors I built my own.<br><br>The twist? It's just a textarea.<br><br>OverType: A transparent <textarea> layered over rendered markdown. You type plain text, but see rich formatting.<br><br>🧵 1/9
          </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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwmh762ymf2f"
                  data-bluesky-interactions-reply-cid-param="bafyreifqq3qyolz2jwn3qjfp3fb3f6qanulnuv3h2tbhw7sdofwyly46um"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwmh762ymf2f"
                  data-bluesky-interactions-reply-root-cid-param="bafyreifqq3qyolz2jwn3qjfp3fb3f6qanulnuv3h2tbhw7sdofwyly46um"
                  data-bluesky-interactions-reply-author-name-param="panphora"
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/panphora.bsky.social/post/3lwmh762ymf2f"
                  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>
            <span data-bluesky-interactions-target="replyCount">4</span>
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwmh762ymf2f"
               data-bluesky-repost-menu-cid-value="bafyreifqq3qyolz2jwn3qjfp3fb3f6qanulnuv3h2tbhw7sdofwyly46um"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="panphora.bsky.social"
               data-bluesky-repost-menu-post-text-value="Launching OverType:

→ overtype.dev ←

I got so frustrated with WYSIWYG editors I built my own.

The twist? It's just a textarea.

OverType: A transparent <textarea> layered over rendered markdown. You type plain text, but see rich formatting.

🧵 1/9"
               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">3</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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwmh762ymf2f"
                  data-bluesky-interactions-cid-param="bafyreifqq3qyolz2jwn3qjfp3fb3f6qanulnuv3h2tbhw7sdofwyly46um"
                  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">15</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/panphora.bsky.social/post/3lwmh762ymf2f"
                  data-share-title-value="panphora on Lightnews"
                  data-share-text-value="Launching OverType: → overtype.dev ← I got so frustrated with WYSIWYG editors I built my own. The twist? It's just a textarea. OverType: A 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="Launching OverType:

→ overtype.dev ←

I got so frustrated with WYSIWYG editors I built my own.

The twist? It's just a textarea.

OverType: A transparent <textarea> layered over rendered markdown. You type plain text, but see rich formatting.

🧵 1/9"
               data-bluesky-options-author-handle-value="panphora.bsky.social"
               data-bluesky-options-author-did-value="did:plc:pni76ujvtsq3gfmmoy6sclom"
               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/panphora.bsky.social/post/3lwh7uamn6k23" 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=panphora.bsky.social" class="no-card-link inline-block flex-shrink-0" aria-label="panphora" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg" alt="panphora.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=panphora.bsky.social" class="truncate hover:underline text-black no-card-link">panphora</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=panphora.bsky.social" class="hover:underline text-gray-500 no-card-link">@panphora.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]">feel great being at the top of a session with Claude Code and about to get fresh tokens</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:pni76ujvtsq3gfmmoy6sclom/bafkreigkotg3ok63k224auatue2yxntnhpie3ou6ittb6ut6ci7p4zwwd4@jpeg" data-action="click->modal#openWith" data-large-src="https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreigkotg3ok63k224auatue2yxntnhpie3ou6ittb6ut6ci7p4zwwd4@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>August 15, 2025 at 3: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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwh7uamn6k23">
            feel great being at the top of a session with Claude Code and about to get fresh tokens
          </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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwh7uamn6k23"
                  data-bluesky-interactions-reply-cid-param="bafyreieifav6z3vbb2lprz7jz7rramvw3wnz6xp7besuyop3yy6svu4bnm"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwh7uamn6k23"
                  data-bluesky-interactions-reply-root-cid-param="bafyreieifav6z3vbb2lprz7jz7rramvw3wnz6xp7besuyop3yy6svu4bnm"
                  data-bluesky-interactions-reply-author-name-param="panphora"
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/panphora.bsky.social/post/3lwh7uamn6k23"
                  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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwh7uamn6k23"
               data-bluesky-repost-menu-cid-value="bafyreieifav6z3vbb2lprz7jz7rramvw3wnz6xp7besuyop3yy6svu4bnm"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="panphora.bsky.social"
               data-bluesky-repost-menu-post-text-value="feel great being at the top of a session with Claude Code and about to get fresh tokens"
               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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwh7uamn6k23"
                  data-bluesky-interactions-cid-param="bafyreieifav6z3vbb2lprz7jz7rramvw3wnz6xp7besuyop3yy6svu4bnm"
                  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/panphora.bsky.social/post/3lwh7uamn6k23"
                  data-share-title-value="panphora on Lightnews"
                  data-share-text-value="feel great being at the top of a session with Claude Code and about to get fresh tokens"
                  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="feel great being at the top of a session with Claude Code and about to get fresh tokens"
               data-bluesky-options-author-handle-value="panphora.bsky.social"
               data-bluesky-options-author-did-value="did:plc:pni76ujvtsq3gfmmoy6sclom"
               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/panphora.bsky.social/post/3lwepfciwvk2u" 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=panphora.bsky.social" class="no-card-link inline-block flex-shrink-0" aria-label="panphora" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg" alt="panphora.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=panphora.bsky.social" class="truncate hover:underline text-black no-card-link">panphora</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=panphora.bsky.social" class="hover:underline text-gray-500 no-card-link">@panphora.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]">I made a monospace revenue dashboard for my product, hyperclay.<br><br>I will get out of the $0/mo club soon, mom!<br><br><a href="/hashtag/buildinpublic" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#buildinpublic</a></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:pni76ujvtsq3gfmmoy6sclom/bafkreic74g6wh5mxo4swj2tpxqsos7gw4in7kdypvfhvqpgoi3cmz2edvm@jpeg" data-action="click->modal#openWith" data-large-src="https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreic74g6wh5mxo4swj2tpxqsos7gw4in7kdypvfhvqpgoi3cmz2edvm@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>August 14, 2025 at 3: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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwepfciwvk2u">
            I made a monospace revenue dashboard for my product, hyperclay.<br><br>I will get out of the $0/mo club soon, mom!<br><br><a href="/hashtag/buildinpublic" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#buildinpublic</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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwepfciwvk2u"
                  data-bluesky-interactions-reply-cid-param="bafyreid6rkwsflelleltfikjygonuiqp5jke5d4jnwxrrdcywkn4vficwu"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwepfciwvk2u"
                  data-bluesky-interactions-reply-root-cid-param="bafyreid6rkwsflelleltfikjygonuiqp5jke5d4jnwxrrdcywkn4vficwu"
                  data-bluesky-interactions-reply-author-name-param="panphora"
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/panphora.bsky.social/post/3lwepfciwvk2u"
                  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>
            <span data-bluesky-interactions-target="replyCount">1</span>
          </button>
          
          <div class="relative no-card-link"
               data-controller="bluesky-repost-menu"
               data-bluesky-repost-menu-uri-value="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwepfciwvk2u"
               data-bluesky-repost-menu-cid-value="bafyreid6rkwsflelleltfikjygonuiqp5jke5d4jnwxrrdcywkn4vficwu"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="panphora.bsky.social"
               data-bluesky-repost-menu-post-text-value="I made a monospace revenue dashboard for my product, hyperclay.

I will get out of the $0/mo club soon, mom!

#buildinpublic"
               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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwepfciwvk2u"
                  data-bluesky-interactions-cid-param="bafyreid6rkwsflelleltfikjygonuiqp5jke5d4jnwxrrdcywkn4vficwu"
                  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/panphora.bsky.social/post/3lwepfciwvk2u"
                  data-share-title-value="panphora on Lightnews"
                  data-share-text-value="I made a monospace revenue dashboard for my product, hyperclay. I will get out of the $0/mo club soon, mom! #buildinpublic"
                  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 made a monospace revenue dashboard for my product, hyperclay.

I will get out of the $0/mo club soon, mom!

#buildinpublic"
               data-bluesky-options-author-handle-value="panphora.bsky.social"
               data-bluesky-options-author-did-value="did:plc:pni76ujvtsq3gfmmoy6sclom"
               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/panphora.bsky.social/post/3lwc7b3qesl22" 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=panphora.bsky.social" class="no-card-link inline-block flex-shrink-0" aria-label="panphora" style="align-self: flex-start;">
            <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg" alt="panphora.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=panphora.bsky.social" class="truncate hover:underline text-black no-card-link">panphora</a>
            </div>
              <div class="text-gray-500 text-sm leading-4 -mt-0.5 truncate">
                <a href="/author?bsky_handle=panphora.bsky.social" class="hover:underline text-gray-500 no-card-link">@panphora.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]">In years — not decades — there will be a premium on thoughts AI has never touched</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>August 13, 2025 at 4:04 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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwc7b3qesl22">
            In years — not decades — there will be a premium on thoughts AI has never touched
          </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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwc7b3qesl22"
                  data-bluesky-interactions-reply-cid-param="bafyreihrssf3wau5my5z2r4qerlax6axx7buwyf5s7yi5jeakfiy2ctoru"
                  data-bluesky-interactions-reply-root-uri-param="at://did:plc:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwc7b3qesl22"
                  data-bluesky-interactions-reply-root-cid-param="bafyreihrssf3wau5my5z2r4qerlax6axx7buwyf5s7yi5jeakfiy2ctoru"
                  data-bluesky-interactions-reply-author-name-param="panphora"
                  data-bluesky-interactions-reply-author-avatar-param="https://cdn.bsky.app/img/avatar/plain/did:plc:pni76ujvtsq3gfmmoy6sclom/bafkreidmllk6kgtkjwzincmo2gwtzhqhzajsr227nkfuvybnhpyz7vfloe@jpeg"
                  data-bluesky-interactions-post-path-param="/bsky/panphora.bsky.social/post/3lwc7b3qesl22"
                  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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwc7b3qesl22"
               data-bluesky-repost-menu-cid-value="bafyreihrssf3wau5my5z2r4qerlax6axx7buwyf5s7yi5jeakfiy2ctoru"
               data-bluesky-repost-menu-repost-uri-value=""
               data-bluesky-repost-menu-is-reposted-value="false"
               data-bluesky-repost-menu-author-handle-value="panphora.bsky.social"
               data-bluesky-repost-menu-post-text-value="In years — not decades — there will be a premium on thoughts AI has never touched"
               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:pni76ujvtsq3gfmmoy6sclom/app.bsky.feed.post/3lwc7b3qesl22"
                  data-bluesky-interactions-cid-param="bafyreihrssf3wau5my5z2r4qerlax6axx7buwyf5s7yi5jeakfiy2ctoru"
                  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/panphora.bsky.social/post/3lwc7b3qesl22"
                  data-share-title-value="panphora on Lightnews"
                  data-share-text-value="In years — not decades — there will be a premium on thoughts AI has never touched"
                  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="In years — not decades — there will be a premium on thoughts AI has never touched"
               data-bluesky-options-author-handle-value="panphora.bsky.social"
               data-bluesky-options-author-did-value="did:plc:pni76ujvtsq3gfmmoy6sclom"
               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