See the best posts from any Bluesky account
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Add persistent page header with heart logo and search input for quick re-search

Every page except the landing page now shows a red heart + "skystar" home link
and a compact search field at the top, so users can look up another handle
without navigating back to the landing page first.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

+23 -1
+22
resources/views/components/layout.edge
··· 20 20 </head> 21 21 <body class="font-sans text-base leading-normal text-gray-900 bg-gray-50"> 22 22 <div class="max-w-[680px] mx-auto px-4"> 23 + @if(!$props.has('hideHeader')) 24 + <div class="flex items-center justify-between pt-6 pb-4"> 25 + <a href="/" class="flex items-center gap-1.5 text-gray-900 no-underline hover:opacity-70"> 26 + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5 text-red-500"> 27 + <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z" /> 28 + </svg> 29 + <span class="font-semibold text-sm">skystar</span> 30 + </a> 31 + <form action="/search" method="GET" class="flex gap-1.5"> 32 + <input 33 + type="text" 34 + name="q" 35 + placeholder="@handle" 36 + class="w-44 px-2.5 py-1.5 text-sm border border-gray-300 rounded-md outline-none focus:border-blue-500" 37 + /> 38 + <button 39 + type="submit" 40 + class="px-3 py-1.5 text-sm bg-blue-600 text-white border-none rounded-md cursor-pointer hover:bg-blue-700" 41 + >Go</button> 42 + </form> 43 + </div> 44 + @endif 23 45 {{{ await $slots.main() }}} 24 46 <footer class="mt-12 py-6 border-t border-gray-200 text-[13px] text-gray-400 text-center"> 25 47 <a href="/" class="text-blue-600 hover:underline">skystar.social</a> &middot;
+1 -1
resources/views/pages/landing.edge
··· 1 - @component('components/layout') 1 + @component('components/layout', { hideHeader: true }) 2 2 @slot('main') 3 3 <div class="pt-16 pb-12"> 4 4 <h1 class="text-3xl font-bold mb-2">skystar ✦</h1>