|
70 | 70 | transition: color 0.2s; |
71 | 71 | } |
72 | 72 | .site-header .brand:hover { color: var(--primary); } |
| 73 | + .site-header .nav-links { |
| 74 | + display: flex; align-items: center; gap: 24px; |
| 75 | + } |
| 76 | + .site-header .nav-link { |
| 77 | + color: var(--gray); font-size: 0.9rem; transition: color 0.2s; |
| 78 | + } |
| 79 | + .site-header .nav-link:hover { color: var(--primary); } |
73 | 80 | .site-header .github-link { |
74 | 81 | color: var(--gray); transition: color 0.2s; |
75 | 82 | } |
76 | 83 | .site-header .github-link:hover { color: var(--dark); } |
| 84 | + body.dark-theme .site-header .nav-link { color: rgba(255,255,255,0.7); } |
| 85 | + body.dark-theme .site-header .nav-link:hover { color: var(--primary); } |
77 | 86 | body.dark-theme .site-header { |
78 | 87 | background: rgba(30, 30, 30, 0.95); |
79 | 88 | border-color: var(--dark-border); |
|
851 | 860 |
|
852 | 861 | <body> |
853 | 862 | <nav class="site-header"> |
854 | | - <a href="https://kylecain.me" class="brand">Kyle Cain</a> |
855 | | - <a href="https://github.com/cainky" target="_blank" rel="noopener" class="github-link"> |
856 | | - <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg> |
857 | | - </a> |
| 863 | + <a href="https://cainky.github.io/" class="brand">Kyle Cain</a> |
| 864 | + <div class="nav-links"> |
| 865 | + <a href="https://cainky.github.io/#projects" class="nav-link">Projects</a> |
| 866 | + <a href="https://github.com/cainky" target="_blank" rel="noopener" class="github-link"> |
| 867 | + <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg> |
| 868 | + </a> |
| 869 | + </div> |
858 | 870 | </nav> |
859 | 871 | <div class="container" style="padding-top: 60px;"> |
860 | 872 | <header> |
|
0 commit comments