init
48ef235c
2 file(s) · +25 −15
| 29 | 29 | aria-current={url.pathname === "/" ? "page" : false} |
|
| 30 | 30 | > |
|
| 31 | 31 | ||
| 32 | - | <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mr-3 h-10 w-6 sm:absolute sm:left-[-4.5rem] sm:mr-0 sm:h-20 sm:w-12"> |
|
| 33 | - | <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-3.758-3.848 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z" /> |
|
| 34 | - | </svg> |
|
| 32 | + | <svg |
|
| 33 | + | key="0" |
|
| 34 | + | class="mr-3 h-10 w-6 pb-4 sm:absolute sm:left-[-4.5rem] sm:mr-0 sm:h-20 sm:w-12" |
|
| 35 | + | fill="none" |
|
| 36 | + | stroke="currentColor" |
|
| 37 | + | strokeLinecap="round" |
|
| 38 | + | strokeLinejoin="round" |
|
| 39 | + | strokeWidth="2" |
|
| 40 | + | viewBox="0 0 24 24" |
|
| 41 | + | xmlns="http://www.w3.org/2000/svg" |
|
| 42 | + | > |
|
| 43 | + | <path d="m8 3 4 8 5-5 5 15H2L8 3z" /> |
|
| 44 | + | </svg> |
|
| 45 | + | ||
| 35 | 46 | ||
| 36 | 47 | <span class="text-xl font-bold sm:text-2xl">Steve Simkins</span> |
|
| 37 | 48 | </a> |
|
| 54 | 65 | } |
|
| 55 | 66 | </nav> |
|
| 56 | 67 | </div> |
|
| 57 | - | <ThemeToggle /> |
|
| 58 | 68 | <button |
|
| 59 | 69 | id="toggle-navigation-menu" |
|
| 60 | 70 | class="group relative ml-8 h-7 w-7 sm:invisible sm:hidden" |
|
| 2 | 2 | @layer base { |
|
| 3 | 3 | :root { |
|
| 4 | 4 | color-scheme: light; |
|
| 5 | - | --theme-bg: #fffaf3; |
|
| 6 | - | --theme-link: #286983; |
|
| 7 | - | --theme-text: #575279; |
|
| 8 | - | --theme-accent: #286983; |
|
| 9 | - | --theme-accent-2: #575279; |
|
| 10 | - | --theme-quote: #286983; |
|
| 5 | + | --theme-bg: #121212; |
|
| 6 | + | --theme-link: #31748f; |
|
| 7 | + | --theme-text: #d0dfee; |
|
| 8 | + | --theme-accent: #5f81a5; |
|
| 9 | + | --theme-accent-2: #d0dfee; |
|
| 10 | + | --theme-quote: #5f81a5; |
|
| 11 | 11 | --theme-menu-bg: rgb(250 250 250 / 0.85); |
|
| 12 | 12 | } |
|
| 13 | 13 | ||
| 14 | 14 | :root.dark { |
|
| 15 | 15 | color-scheme: dark; |
|
| 16 | - | --theme-bg: #191724; |
|
| 16 | + | --theme-bg: #121212; |
|
| 17 | 17 | --theme-link: #31748f; |
|
| 18 | - | --theme-text: #e0def4; |
|
| 19 | - | --theme-accent: #c4a7e7; |
|
| 20 | - | --theme-accent-2: #e0def4; |
|
| 21 | - | --theme-quote: #c4a7e7; |
|
| 18 | + | --theme-text: #d0dfee; |
|
| 19 | + | --theme-accent: #5f81a5; |
|
| 20 | + | --theme-accent-2: #d0dfee; |
|
| 21 | + | --theme-quote: #5f81a5; |
|
| 22 | 22 | --theme-menu-bg: rgb(40, 40, 40 / 0.85); |
|
| 23 | 23 | } |
|
| 24 | 24 |