chore: updated navigation c12e46e7
Steve · 2026-05-02 07:39 1 file(s) · +21 −14
src/routes/+page.svelte +21 −14
67 67 
<div class="bg-[#121113] min-h-screen text-white">
68 68 
  <div class="fixed bg-[#121113] w-full py-4 sm:px-8 px-4 flex items-center justify-between z-10">
69 69 
    <h1 class="text-sm">steve.photo</h1>
70 - 
    <button onclick={toggleViewMode} class="text-neutral-400 hover:text-white transition-colors" aria-label="Toggle view mode">
71 - 
      {#if viewMode === 'feed'}
72 - 
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
73 - 
          <rect x="3" y="3" width="7" height="7"></rect>
74 - 
          <rect x="14" y="3" width="7" height="7"></rect>
75 - 
          <rect x="3" y="14" width="7" height="7"></rect>
76 - 
          <rect x="14" y="14" width="7" height="7"></rect>
70 + 
    <div class="flex items-center gap-4">
71 + 
      <a href="https://stevedylan.dev" target="_blank" rel="noreferrer" class="text-neutral-400 hover:text-white transition-colors" aria-label="stevedylan.dev">
72 + 
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
73 + 
          <path fill="currentColor" d="M164 80a28 28 0 1 0-28-28a28 28 0 0 0 28 28m0-40a12 12 0 1 1-12 12a12 12 0 0 1 12-12m90.88 155.92l-54.56-92.08A15.87 15.87 0 0 0 186.55 96a15.85 15.85 0 0 0-13.76 7.84L146.63 148l-44.84-76.1a16 16 0 0 0-27.58 0L1.11 195.94A8 8 0 0 0 8 208h240a8 8 0 0 0 6.88-12.08M88 80l23.57 40H64.43ZM22 192l33-56h66l18.74 31.8L154 192Zm150.57 0l-16.66-28.28L186.55 112L234 192Z"/>
77 74 
        </svg>
78 - 
      {:else}
79 - 
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
80 - 
          <line x1="3" y1="6" x2="21" y2="6"></line>
81 - 
          <line x1="3" y1="12" x2="21" y2="12"></line>
82 - 
          <line x1="3" y1="18" x2="21" y2="18"></line>
75 + 
      </a>
76 + 
      <a href="/rss.xml" class="text-neutral-400 hover:text-white transition-colors" aria-label="RSS feed">
77 + 
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
78 + 
          <path fill="currentColor" d="M106.91 149.09A71.53 71.53 0 0 1 128 200a8 8 0 0 1-16 0a56 56 0 0 0-56-56a8 8 0 0 1 0-16a71.53 71.53 0 0 1 50.91 21.09M56 80a8 8 0 0 0 0 16a104 104 0 0 1 104 104a8 8 0 0 0 16 0A120 120 0 0 0 56 80m118.79 1.21A166.9 166.9 0 0 0 56 32a8 8 0 0 0 0 16a151 151 0 0 1 107.48 44.52A151 151 0 0 1 208 200a8 8 0 0 0 16 0a166.9 166.9 0 0 0-49.21-118.79M60 184a12 12 0 1 0 12 12a12 12 0 0 0-12-12"/>
83 79 
        </svg>
84 - 
      {/if}
85 - 
    </button>
80 + 
      </a>
81 + 
      <button onclick={toggleViewMode} class="text-neutral-400 hover:text-white transition-colors" aria-label="Toggle view mode">
82 + 
        {#if viewMode === 'feed'}
83 + 
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
84 + 
            <path fill="currentColor" d="M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 80h-64V56h64Zm-80-64v64H56V56Zm-64 80h64v64H56Zm144 64h-64v-64h64z"/>
85 + 
          </svg>
86 + 
        {:else}
87 + 
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
88 + 
            <path fill="currentColor" d="M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8M40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16"/>
89 + 
          </svg>
90 + 
        {/if}
91 + 
      </button>
92 + 
    </div>
86 93 
  </div>
87 94 

            

            
            

                88
                95
                 
                
  {#snippet figure(image: ImageItem)}