chore: various updates
12d68807
5 file(s) · +51 −15
| 120 | 120 | ||
| 121 | 121 | <header |
|
| 122 | 122 | id="main-header" |
|
| 123 | - | class="relative mb-14 sm:mb-28 sm:flex sm:items-center sm:pl-[4.5rem]" |
|
| 123 | + | class="relative mb-14" |
|
| 124 | 124 | > |
|
| 125 | - | <div class="sm:flex sm:flex-col"> |
|
| 125 | + | <div> |
|
| 126 | 126 | <a |
|
| 127 | 127 | href="/" |
|
| 128 | - | class="inline-flex items-center mb-4 sm:mb-0 sm:relative sm:inline-block" |
|
| 128 | + | class="inline-flex items-center mb-4" |
|
| 129 | 129 | aria-current={url.pathname === "/" ? "page" : false} |
|
| 130 | 130 | data-astro-reload |
|
| 131 | 131 | > |
|
| 132 | 132 | <svg |
|
| 133 | 133 | xmlns="http://www.w3.org/2000/svg" |
|
| 134 | - | class="mr-3 h-10 w-6 sm:pb-4 sm:absolute sm:left-[-4.5rem] sm:mr-0 sm:h-20 sm:w-[52px]" |
|
| 134 | + | class="mr-3 h-10 w-6 sm:w-10" |
|
| 135 | 135 | fill="none" |
|
| 136 | 136 | stroke="currentColor" |
|
| 137 | 137 | stroke-linecap="round" |
|
| 143 | 143 | d="M164 78a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m89.16 158.94l-54.56-92.08a13.9 13.9 0 0 0-12-6.86a13.88 13.88 0 0 0-12 6.86l-27.88 47.05l-46.56-79a14 14 0 0 0-24.13 0L2.83 197A6 6 0 0 0 8 206h240a6 6 0 0 0 5.16-9.06M86.27 79a2 2 0 0 1 3.46 0l25.34 43H60.93ZM18.5 194l35.36-60h68.29l19.3 32.77l16 27.2Zm152.93 0l-17.85-30.29L184.83 111a2 2 0 0 1 1.72-1a1.93 1.93 0 0 1 1.72 1l49.2 83Z" |
|
| 144 | 144 | ></path></svg |
|
| 145 | 145 | > |
|
| 146 | - | <span class="text-xl font-bold sm:text-2xl">Steve Simkins</span> |
|
| 146 | + | <span class="text-xl sm:text-3xl font-bold">Steve Simkins</span> |
|
| 147 | 147 | </a> |
|
| 148 | 148 | <nav |
|
| 149 | 149 | id="navigation-menu" |
|
| 150 | - | class="grid grid-cols-4 gap-y-2 text-accent sm:flex sm:mt-1 sm:-ml-4 sm:flex-row sm:items-center sm:divide-x sm:divide-dashed sm:divide-accent sm:gap-y-0" |
|
| 150 | + | class="grid grid-cols-4 gap-y-2 text-accent" |
|
| 151 | 151 | aria-label="Main menu" |
|
| 152 | 152 | > |
|
| 153 | 153 | { |
|
| 154 | 154 | MENU_LINKS.map((link) => ( |
|
| 155 | 155 | <a |
|
| 156 | 156 | href={link.path} |
|
| 157 | - | class="sm:py-0 sm:px-4 sm:hover:underline" |
|
| 157 | + | class="hover:underline" |
|
| 158 | 158 | aria-current={url.pathname === link.path ? "page" : false} |
|
| 159 | 159 | rel="prefetch" |
|
| 160 | 160 | > |
|
| 40 | 40 | path: "/library", |
|
| 41 | 41 | }, |
|
| 42 | 42 | { |
|
| 43 | + | title: "Git", |
|
| 44 | + | path: "/git", |
|
| 45 | + | }, |
|
| 46 | + | { |
|
| 43 | 47 | title: "Birds", |
|
| 44 | 48 | path: "/birds", |
|
| 45 | 49 | }, |
| 50 | 50 | </div> |
|
| 51 | 51 | <p>Here's some more info about me:</p> |
|
| 52 | 52 | <ul class="list-inside list-disc"> |
|
| 53 | - | <li>Currently in Chattanooga TN</li> |
|
| 53 | + | <li>Currently at the foot of a mountain in Chattanooga TN.</li> |
|
| 54 | 54 | <li> |
|
| 55 | - | Pastimes include enjoying coffee shops, spending time with my wife and |
|
| 56 | - | two sons, and tinkering with mechanical keyboards |
|
| 55 | + | Married with two boys; they mean the world to me. |
|
| 56 | + | </li> |
|
| 57 | + | <li> |
|
| 58 | + | I love spending time building side projects, but I also have a plethora of random hobbies. Some of which include birdwatching, collecting vinyls/cassettes, trying Chinese loose leaf tea, or doing amateur astronomy. |
|
| 57 | 59 | </li> |
|
| 58 | 60 | <li> |
|
| 59 | - | Taught myself web development which has led to a love and appreciation |
|
| 60 | - | for developer tools |
|
| 61 | + | I've worn many hats over the past decade, including archery technician, bank support specialist, and engineer. |
|
| 61 | 62 | </li> |
|
| 62 | - | <li>I have a killer waffle recipe handed down through my family</li> |
|
| 63 | + | <li>I have a killer waffle recipe handed down through my family. If you're lucky, maybe one day you'll get to try it.</li> |
|
| 63 | 64 | </ul> |
|
| 64 | 65 | <p> |
|
| 65 | 66 | Feel free to |
|
| 66 | 67 | <button |
|
| 67 | 68 | class="style-link inline-block" |
|
| 68 | 69 | onclick="window.location.href='mailto:contact@stevedylan.dev'" |
|
| 69 | - | aria-label="github repository" |
|
| 70 | + | aria-label="email link" |
|
| 70 | 71 | > |
|
| 71 | 72 | reach out |
|
| 72 | 73 | </button>! |
| 1 | + | --- |
|
| 2 | + | import PageLayout from "@/layouts/Base.astro"; |
|
| 3 | + | import { createHighlighterCore, type ThemeRegistrationRaw } from "shiki/core"; |
|
| 4 | + | import { createJavaScriptRegexEngine } from "shiki/engine/javascript"; |
|
| 5 | + | import { bundledLanguages } from "shiki"; |
|
| 6 | + | import darkmatter from "../../darkmatter.json"; |
|
| 7 | + | ||
| 8 | + | const meta = { |
|
| 9 | + | title: "Git", |
|
| 10 | + | description: "Access the open source repos I'm working on", |
|
| 11 | + | }; |
|
| 12 | + | ||
| 13 | + | const highlighter = await createHighlighterCore({ |
|
| 14 | + | themes: [darkmatter as unknown as ThemeRegistrationRaw], |
|
| 15 | + | langs: [bundledLanguages.bash], |
|
| 16 | + | engine: createJavaScriptRegexEngine(), |
|
| 17 | + | }); |
|
| 18 | + | ||
| 19 | + | const codeHtml = highlighter.codeToHtml("ssh git.stevedylan.dev", { |
|
| 20 | + | lang: "bash", |
|
| 21 | + | theme: "Darkmatter", |
|
| 22 | + | }); |
|
| 23 | + | --- |
|
| 24 | + | ||
| 25 | + | <PageLayout meta={meta}> |
|
| 26 | + | <div class="space-y-6"> |
|
| 27 | + | <h1 class="title">Git</h1> |
|
| 28 | + | <p>Access my open source repos either through <a href="https://github.com/stevedylandev" target="_blank" rel="noreferrer" class="style-link">GitHub</a> or over SSH:</p> |
|
| 29 | + | <div set:html={codeHtml} /> |
|
| 30 | + | </div> |
|
| 31 | + | </PageLayout> |
| 28 | 28 | in my spare time. See what I'm up to <a |
|
| 29 | 29 | href="/now" |
|
| 30 | 30 | class="style-link" |
|
| 31 | - | >now</a>! |
|
| 31 | + | >now</a>! I use this website to help catalog my various writings and interests. |
|
| 32 | 32 | </p> |
|
| 33 | 33 | <SocialList /> |
|
| 34 | 34 | <p>Or anywhere with my handle <span class="text-accent">@stevedylandev</span></p> |