git.stevedylan.dev

added links page, small updates e9f2b14e

Steve · 2024-03-09 20:13 5 file(s) · +268 −64

src/components/SocialList.astro +29 −59

10	10		<li>
11	11		<a
12	12		class="inline-block p-2 sm:hover:text-link"
13		-	href={SOCIAL_LINKS.github}
	13	+	href={SOCIAL_LINKS.farcaster}
14	14		target="_blank"
15	15		rel="noopener noreferrer"
16	16		>
17	17		<svg
18		-	class="h-6 w-6"
19		-	aria-hidden="true"
20		-	focusable="false"
21	18		xmlns="http://www.w3.org/2000/svg"
	19	+	class="h-5 w-5"
22	20		viewBox="0 0 24 24"
23	21		stroke-width="1.5"
24	22		stroke="currentColor"

26	24		stroke-linecap="round"
27	25		stroke-linejoin="round"
28	26		>
29		-	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
30	27		<path
31		-	d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
32		-	>
33		-	</path>
	28	+	d="M1.30081 5.95589L0.663137 3.72734H4.11868H4.61868V3.22734V0.5H19.0974V3.22734V3.72734H19.5974H23.3371L22.7003 5.95589H22.2967H21.7967V6.45589V19.5144V20.0144H22.2967C22.3976 20.0144 22.5064 20.1036 22.5064 20.247V21.1275V21.6275H23.0064H23.1484C23.2487 21.6275 23.3581 21.7161 23.3581 21.8612V22.2418H16.4058V21.8612C16.4058 21.7161 16.5151 21.6275 16.6155 21.6275H16.7574H17.2574V21.1275V20.247C17.2574 20.125 17.34 20.0375 17.4271 20.0183L17.82 19.9314L17.8192 19.529L17.8035 12.3237L17.8035 12.3024L17.8016 12.2813C17.5291 9.15908 14.985 6.68965 11.8581 6.68965C8.73115 6.68965 6.18706 9.15908 5.91448 12.2813L5.91263 12.3025L5.91259 12.3238L5.89816 19.523L5.89729 19.9535L6.32283 20.0183C6.42585 20.034 6.55708 20.0886 6.65436 20.1647C6.71995 20.216 6.73823 20.2498 6.74258 20.2594V21.1275V21.6275H7.24258H7.38452C7.486 21.6275 7.59543 21.7173 7.59543 21.8612V22.2418H0.641941V21.8612C0.641941 21.7173 0.751371 21.6275 0.852847 21.6275H0.994788H1.49479V21.1275V20.247C1.49479 20.1036 1.60357 20.0144 1.70449 20.0144H2.20449V19.5144V6.45589V5.95589H1.70449H1.30081Z"
	29	+	></path>
34	30		</svg>
35		-	<span class="sr-only">Github</span>
	31	+	<span class="sr-only">Farcaster</span>
36	32		</a>
37	33		</li>
	34	+
38	35		<li>
39	36		<a
40	37		class="inline-block p-2 sm:hover:text-link"
41		-	href={SOCIAL_LINKS.twitter}
	38	+	href={SOCIAL_LINKS.github}
42	39		target="_blank"
43	40		rel="noopener noreferrer"
44	41		>

56	53		>
57	54		<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
58	55		<path
59		-	d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
	56	+	d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
60	57		>
61	58		</path>
62	59		</svg>
63		-	<span class="sr-only">Twitter</span>
	60	+	<span class="sr-only">Github</span>
64	61		</a>
65	62		</li>
66	63		<li>

90	87		<span class="sr-only">YouTube</span>
91	88		</a>
92	89		</li>
93		-	<li>
94		-	<a
95		-	class="inline-block p-2 sm:hover:text-link"
96		-	href={SOCIAL_LINKS.ethereum}
97		-	target="_blank"
98		-	rel="noopener noreferrer"
99		-	>
100		-	<svg
101		-	xmlns="http://www.w3.org/2000/svg"
102		-	class="h-6 w-6"
103		-	width="44"
104		-	height="44"
105		-	viewBox="0 0 24 24"
106		-	stroke-width="1.5"
107		-	stroke="currentColor"
108		-	stroke-linejoin="round"
109		-	>
110		-	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
111		-	<path d="M6 12l6 -9l6 9l-6 9z"></path>
112		-	<path d="M6 12l6 -3l6 3l-6 2z"></path>
113		-	</svg>
114		-	<span class="sr-only">Ethereum</span>
115		-	</a>
116		-	</li>
117		-
118	90
119	91		<li>
120	92		<a
121	93		class="inline-block p-2 sm:hover:text-link"
122		-	href={SOCIAL_LINKS.farcaster}
	94	+	href={SOCIAL_LINKS.ethereum}
123	95		target="_blank"
124	96		rel="noopener noreferrer"
125	97		>
126		-
127		-
128		-	<svg
129		-
	98	+	<svg
130	99		xmlns="http://www.w3.org/2000/svg"
131		-	class="h-5 w-5"
	100	+	class="h-6 w-6"
	101	+	width="44"
	102	+	height="44"
132	103		viewBox="0 0 24 24"
133	104		stroke-width="1.5"
134	105		stroke="currentColor"
135		-	fill="none"
136		-	stroke-linecap="round"
137	106		stroke-linejoin="round"
138		-	>
139		-	<path d="M1.30081 5.95589L0.663137 3.72734H4.11868H4.61868V3.22734V0.5H19.0974V3.22734V3.72734H19.5974H23.3371L22.7003 5.95589H22.2967H21.7967V6.45589V19.5144V20.0144H22.2967C22.3976 20.0144 22.5064 20.1036 22.5064 20.247V21.1275V21.6275H23.0064H23.1484C23.2487 21.6275 23.3581 21.7161 23.3581 21.8612V22.2418H16.4058V21.8612C16.4058 21.7161 16.5151 21.6275 16.6155 21.6275H16.7574H17.2574V21.1275V20.247C17.2574 20.125 17.34 20.0375 17.4271 20.0183L17.82 19.9314L17.8192 19.529L17.8035 12.3237L17.8035 12.3024L17.8016 12.2813C17.5291 9.15908 14.985 6.68965 11.8581 6.68965C8.73115 6.68965 6.18706 9.15908 5.91448 12.2813L5.91263 12.3025L5.91259 12.3238L5.89816 19.523L5.89729 19.9535L6.32283 20.0183C6.42585 20.034 6.55708 20.0886 6.65436 20.1647C6.71995 20.216 6.73823 20.2498 6.74258 20.2594V21.1275V21.6275H7.24258H7.38452C7.486 21.6275 7.59543 21.7173 7.59543 21.8612V22.2418H0.641941V21.8612C0.641941 21.7173 0.751371 21.6275 0.852847 21.6275H0.994788H1.49479V21.1275V20.247C1.49479 20.1036 1.60357 20.0144 1.70449 20.0144H2.20449V19.5144V6.45589V5.95589H1.70449H1.30081Z"/>
140		-	</svg>
141		-	<span class="sr-only">Farcaster</span>
	107	+	>
	108	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
	109	+	<path d="M6 12l6 -9l6 9l-6 9z"></path>
	110	+	<path d="M6 12l6 -3l6 3l-6 2z"></path>
	111	+	</svg>
	112	+	<span class="sr-only">Ethereum</span>
142	113		</a>
143	114		</li>
144		-
145	115		<li>
146	116		<a
147	117		class="inline-block p-2 sm:hover:text-link"
148		-	href={SOCIAL_LINKS.medium}
	118	+	href={SOCIAL_LINKS.twitter}
149	119		target="_blank"
150	120		rel="noopener noreferrer"
151	121		>
152	122		<svg
153		-	xmlns="http://www.w3.org/2000/svg"
154	123		class="h-6 w-6"
	124	+	aria-hidden="true"
	125	+	focusable="false"
	126	+	xmlns="http://www.w3.org/2000/svg"
155	127		viewBox="0 0 24 24"
156	128		stroke-width="1.5"
157	129		stroke="currentColor"

160	132		stroke-linejoin="round"
161	133		>
162	134		<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
163		-	<rect x="4" y="4" width="16" height="16" rx="2"></rect>
164		-	<path d="M8 9h1l3 3l3 -3h1"></path>
165		-	<line x1="8" y1="15" x2="10" y2="15"></line>
166		-	<line x1="14" y1="15" x2="16" y2="15"></line>
167		-	<line x1="9" y1="9" x2="9" y2="15"></line>
168		-	<line x1="15" y1="9" x2="15" y2="15"></line>
	135	+	<path
	136	+	d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
	137	+	>
	138	+	</path>
169	139		</svg>
170		-	<span class="sr-only">Medium</span>
	140	+	<span class="sr-only">Twitter</span>
171	141		</a>
172	142		</li>
173	143		</ul>

src/content/post/a-terminal-based-workflow.mdx +1 −1

	aspectRatio={3 / 2}
/>

In a [previous blog post](https://stevedylan.dev/posts/why-i-learned-vim) I talked about why I learned Vim, and how it boosted my speed and productivity. In some ways it’s true, but I don’t think I had a grasp on the whole picture. After I watched [this video](https://youtu.be/5wy2iLU5fs0?si=uZ2e6_EUFkrk4Vrp) I realized it wasn’t necessarily just Vim/Neovim, but my terminal based workflow that was at play. I recently gave [Zed](https://zed.dev) another try as it has some attractive features, including [a whole page in their docs dedicated to Vim.](https://zed.dev/docs/vim) It is minimal with Vim keybindings enabled, as well as pretty speedy since its GPU enable and built on Rust. Nevertheless I still felt clumsy, and I realized why: the terminal. With my current terminal workflow I’m able to easily switch between different projects without having multiple code editor windows opened, and I can easily navigate to projects I want to work on. I just can’t replicate that outside of the terminal right now.
In a [previous blog post](https://stevedylan.dev/posts/why-i-learned-vim) I talked about why I learned Vim, and how it boosted my speed and productivity. In some ways it’s true, but I don’t think I had a grasp on the whole picture. After I watched [this video](https://youtu.be/5wy2iLU5fs0?si=uZ2e6_EUFkrk4Vrp) I realized it wasn’t necessarily just Vim/Neovim, but my terminal based workflow that was at play. I recently gave [Zed](https://zed.dev) another try as it has some attractive features, including [a whole page in their docs dedicated to Vim.](https://zed.dev/docs/vim) It is minimal with Vim keybindings enabled, as well as pretty speedy since its GPU enable and built on Rust. Nevertheless I still felt clumsy, and I realized why: the terminal. With my current terminal workflow I’m able to easily switch between different projects without having multiple code editor windows opened, and I have better access to CLI tools that compliment my developer workflow. I just can’t replicate that outside of the terminal right now.

This epiphany led me to think more about the flow that I had built, and the tools I couldn’t do without. So in this post I’ll layout my workflow and programs in hopes it benefits someone else looking to take advantage of a terminal based dev environment.


src/data/constants.ts +3 −1

  github: "https://github.com/stevedylandev",
  twitter: "https://twitter.com/stevedylandev",
  youtube: "https://youtube.com/@stevedylandev",
  telegram: "https://telegram.me/stevedylandev",
  ethereum: "https://rainbow.me/stevedylandev.eth",
  farcaster: "https://warpcast.com/stevedylandev.eth",
  medium: "https://medium.com/@stevedylandev"
  medium: "https://medium.com/@stevedylandev",
  linkedin: "https://www.linkedin.com/in/steve-simkins/"
};

src/pages/index.astro +21 −3

		<h1 class="title mb-6">Hey there!</h1>
		<p class="mb-4">
			My name is Steve. I'm a developer, technical writer, and creator with a desire to help build
			the future of the web. I'm also working on <a href="https://honeythread.xyz" target="_blank" rel="noopener noreferrer" class="cactus-link">HoneyThread</a>, an NFT powered subscription service for Creators.
			the future of the web. I'm also working on <a
				href="https://honeythread.xyz"
				target="_blank"
				rel="noopener noreferrer"
				class="cactus-link">HoneyThread</a
			>, an NFT powered subscription service for Creators.
		</p>
		<SocialList />
		<p>Or anywhere with my handle <span class="text-accent">@stevedylandev</span></p>

					class="cactus-link inline-block"
					>🥇 Cosmic Cowboys
				</a>:
        <p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
				<p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
			</li>
			<li>
				<a
					href="https://photocaster.xyz"
					target="_blank"
					rel="noopener noreferrer"
					class="cactus-link inline-block"
					>📱 Photocaster.xyz
				</a>:
				<p class="inline-block sm:mt-2">A photogrpahy focused Farcaster client</p>
			</li>

			<li>
				<a
					href="https://stevedylanphoto.com"
					target="_blank"
					rel="noopener noreferrer"

					class="cactus-link inline-block"
					>🎉 Pinata
				</a>:
				<p class="inline-block sm:mt-2">Where I'm currently working as Head of Developer Relations</p>
				<p class="inline-block sm:mt-2">
					Where I'm currently working as Head of Developer Relations
				</p>
			</li>
			<li>
				<a

src/pages/links.astro (added) +214 −0

1	+	---
2	+	import PageLayout from "@/layouts/Base";
3	+	import { SOCIAL_LINKS } from "@/data/constants";
4	+
5	+	const meta = {
6	+	title: "Links",
7	+	description: "Connect with me on all the things",
8	+	};
9	+	---
10	+
11	+	<PageLayout meta={meta}>
12	+	<div class="space-y-6">
13	+	<ul class="flex flex-col items-start gap-x-4 sm:flex-initial">
14	+	<li>
15	+	<a
16	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
17	+	href={SOCIAL_LINKS.farcaster}
18	+	target="_blank"
19	+	rel="noopener noreferrer"
20	+	>
21	+	<svg
22	+	xmlns="http://www.w3.org/2000/svg"
23	+	class="h-5 w-5"
24	+	viewBox="0 0 24 24"
25	+	stroke-width="1.5"
26	+	stroke="currentColor"
27	+	fill="none"
28	+	stroke-linecap="round"
29	+	stroke-linejoin="round"
30	+	>
31	+	<path
32	+	d="M1.30081 5.95589L0.663137 3.72734H4.11868H4.61868V3.22734V0.5H19.0974V3.22734V3.72734H19.5974H23.3371L22.7003 5.95589H22.2967H21.7967V6.45589V19.5144V20.0144H22.2967C22.3976 20.0144 22.5064 20.1036 22.5064 20.247V21.1275V21.6275H23.0064H23.1484C23.2487 21.6275 23.3581 21.7161 23.3581 21.8612V22.2418H16.4058V21.8612C16.4058 21.7161 16.5151 21.6275 16.6155 21.6275H16.7574H17.2574V21.1275V20.247C17.2574 20.125 17.34 20.0375 17.4271 20.0183L17.82 19.9314L17.8192 19.529L17.8035 12.3237L17.8035 12.3024L17.8016 12.2813C17.5291 9.15908 14.985 6.68965 11.8581 6.68965C8.73115 6.68965 6.18706 9.15908 5.91448 12.2813L5.91263 12.3025L5.91259 12.3238L5.89816 19.523L5.89729 19.9535L6.32283 20.0183C6.42585 20.034 6.55708 20.0886 6.65436 20.1647C6.71995 20.216 6.73823 20.2498 6.74258 20.2594V21.1275V21.6275H7.24258H7.38452C7.486 21.6275 7.59543 21.7173 7.59543 21.8612V22.2418H0.641941V21.8612C0.641941 21.7173 0.751371 21.6275 0.852847 21.6275H0.994788H1.49479V21.1275V20.247C1.49479 20.1036 1.60357 20.0144 1.70449 20.0144H2.20449V19.5144V6.45589V5.95589H1.70449H1.30081Z"
33	+	></path>
34	+	</svg>
35	+	Farcaster
36	+	<span class="sr-only">Farcaster</span>
37	+	</a>
38	+	</li>
39	+
40	+	<li>
41	+	<a
42	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
43	+	href={SOCIAL_LINKS.github}
44	+	target="_blank"
45	+	rel="noopener noreferrer"
46	+	>
47	+	<svg
48	+	class="h-6 w-6"
49	+	aria-hidden="true"
50	+	focusable="false"
51	+	xmlns="http://www.w3.org/2000/svg"
52	+	viewBox="0 0 24 24"
53	+	stroke-width="1.5"
54	+	stroke="currentColor"
55	+	fill="none"
56	+	stroke-linecap="round"
57	+	stroke-linejoin="round"
58	+	>
59	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
60	+	<path
61	+	d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
62	+	>
63	+	</path>
64	+	</svg>
65	+	GitHub
66	+	<span class="sr-only">Github</span>
67	+	</a>
68	+	</li>
69	+	<li>
70	+	<a
71	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
72	+	href={SOCIAL_LINKS.ethereum}
73	+	target="_blank"
74	+	rel="noopener noreferrer"
75	+	>
76	+	<svg
77	+	xmlns="http://www.w3.org/2000/svg"
78	+	class="h-6 w-6"
79	+	width="44"
80	+	height="44"
81	+	viewBox="0 0 24 24"
82	+	stroke-width="1.5"
83	+	stroke="currentColor"
84	+	stroke-linejoin="round"
85	+	>
86	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
87	+	<path d="M6 12l6 -9l6 9l-6 9z"></path>
88	+	<path d="M6 12l6 -3l6 3l-6 2z"></path>
89	+	</svg>
90	+	ENS
91	+	<span class="sr-only">Ethereum</span>
92	+	</a>
93	+	</li>
94	+
95	+	<li>
96	+	<a
97	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
98	+	href={SOCIAL_LINKS.youtube}
99	+	target="_blank"
100	+	rel="noopener noreferrer"
101	+	>
102	+	<svg
103	+	xmlns="http://www.w3.org/2000/svg"
104	+	class="h-6 w-6"
105	+	width="44"
106	+	height="44"
107	+	viewBox="0 0 24 24"
108	+	stroke-width="1.5"
109	+	stroke="currentColor"
110	+	fill="none"
111	+	stroke-linecap="round"
112	+	stroke-linejoin="round"
113	+	>
114	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
115	+	<path d="M3 5m0 4a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v6a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z"
116	+	></path>
117	+	<path d="M10 9l5 3l-5 3z"></path>
118	+	</svg>
119	+	YouTube
120	+	<span class="sr-only">YouTube</span>
121	+	</a>
122	+	</li>
123	+
124	+	<li>
125	+	<a
126	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
127	+	href={SOCIAL_LINKS.telegram}
128	+	target="_blank"
129	+	rel="noopener noreferrer"
130	+	>
131	+	<svg
132	+	xmlns="http://www.w3.org/2000/svg"
133	+	class="h-6 w-6"
134	+	width="44"
135	+	height="44"
136	+	viewBox="0 0 24 24"
137	+	stroke-width="1.5"
138	+	stroke="currentColor"
139	+	fill="none"
140	+	stroke-linecap="round"
141	+	stroke-linejoin="round"
142	+	>
143	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
144	+	<path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
145	+	</svg>
146	+	Telegram
147	+	<span class="sr-only">Telegram</span>
148	+	</a>
149	+	</li>
150	+	<li>
151	+	<a
152	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
153	+	href={SOCIAL_LINKS.twitter}
154	+	target="_blank"
155	+	rel="noopener noreferrer"
156	+	>
157	+	<svg
158	+	class="h-6 w-6"
159	+	aria-hidden="true"
160	+	focusable="false"
161	+	xmlns="http://www.w3.org/2000/svg"
162	+	viewBox="0 0 24 24"
163	+	stroke-width="1.5"
164	+	stroke="currentColor"
165	+	fill="none"
166	+	stroke-linecap="round"
167	+	stroke-linejoin="round"
168	+	>
169	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
170	+	<path
171	+	d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
172	+	>
173	+	</path>
174	+	</svg>
175	+	Twitter
176	+	<span class="sr-only">Twitter</span>
177	+	</a>
178	+	</li>
179	+
180	+	<li>
181	+	<a
182	+	class="flex items-center gap-4 p-2 sm:hover:text-link"
183	+	href={SOCIAL_LINKS.linkedin}
184	+	target="_blank"
185	+	rel="noopener noreferrer"
186	+	>
187	+	<svg
188	+	xmlns="http://www.w3.org/2000/svg"
189	+	class="h-6 w-6"
190	+	width="44"
191	+	height="44"
192	+	viewBox="0 0 24 24"
193	+	stroke-width="1.5"
194	+	stroke="currentColor"
195	+	fill="none"
196	+	stroke-linecap="round"
197	+	stroke-linejoin="round"
198	+	>
199	+	<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
200	+	<path
201	+	d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"
202	+	></path>
203	+	<path d="M8 11l0 5"></path>
204	+	<path d="M8 8l0 .01"></path>
205	+	<path d="M12 16l0 -5"></path>
206	+	<path d="M16 16v-3a2 2 0 0 0 -4 0"></path>
207	+	</svg>
208	+	LinkedIn
209	+	<span class="sr-only">LinkedIn</span>
210	+	</a>
211	+	</li>
212	+	</ul>
213	+	</div>
214	+	</PageLayout>

14	14		aspectRatio={3 / 2}
15	15		/>
16	16
17		-	In a [previous blog post](https://stevedylan.dev/posts/why-i-learned-vim) I talked about why I learned Vim, and how it boosted my speed and productivity. In some ways it’s true, but I don’t think I had a grasp on the whole picture. After I watched [this video](https://youtu.be/5wy2iLU5fs0?si=uZ2e6_EUFkrk4Vrp) I realized it wasn’t necessarily just Vim/Neovim, but my terminal based workflow that was at play. I recently gave [Zed](https://zed.dev) another try as it has some attractive features, including [a whole page in their docs dedicated to Vim.](https://zed.dev/docs/vim) It is minimal with Vim keybindings enabled, as well as pretty speedy since its GPU enable and built on Rust. Nevertheless I still felt clumsy, and I realized why: the terminal. With my current terminal workflow I’m able to easily switch between different projects without having multiple code editor windows opened, and I can easily navigate to projects I want to work on. I just can’t replicate that outside of the terminal right now.
	17	+	In a [previous blog post](https://stevedylan.dev/posts/why-i-learned-vim) I talked about why I learned Vim, and how it boosted my speed and productivity. In some ways it’s true, but I don’t think I had a grasp on the whole picture. After I watched [this video](https://youtu.be/5wy2iLU5fs0?si=uZ2e6_EUFkrk4Vrp) I realized it wasn’t necessarily just Vim/Neovim, but my terminal based workflow that was at play. I recently gave [Zed](https://zed.dev) another try as it has some attractive features, including [a whole page in their docs dedicated to Vim.](https://zed.dev/docs/vim) It is minimal with Vim keybindings enabled, as well as pretty speedy since its GPU enable and built on Rust. Nevertheless I still felt clumsy, and I realized why: the terminal. With my current terminal workflow I’m able to easily switch between different projects without having multiple code editor windows opened, and I have better access to CLI tools that compliment my developer workflow. I just can’t replicate that outside of the terminal right now.
18	18
19	19		This epiphany led me to think more about the flow that I had built, and the tools I couldn’t do without. So in this post I’ll layout my workflow and programs in hopes it benefits someone else looking to take advantage of a terminal based dev environment.
20	20

22	22		github: "https://github.com/stevedylandev",
23	23		twitter: "https://twitter.com/stevedylandev",
24	24		youtube: "https://youtube.com/@stevedylandev",
	25	+	telegram: "https://telegram.me/stevedylandev",
25	26		ethereum: "https://rainbow.me/stevedylandev.eth",
26	27		farcaster: "https://warpcast.com/stevedylandev.eth",
27		-	medium: "https://medium.com/@stevedylandev"
	28	+	medium: "https://medium.com/@stevedylandev",
	29	+	linkedin: "https://www.linkedin.com/in/steve-simkins/"
28	30		};

15	15		<h1 class="title mb-6">Hey there!</h1>
16	16		<p class="mb-4">
17	17		My name is Steve. I'm a developer, technical writer, and creator with a desire to help build
18		-	the future of the web. I'm also working on <a href="https://honeythread.xyz" target="_blank" rel="noopener noreferrer" class="cactus-link">HoneyThread</a>, an NFT powered subscription service for Creators.
	18	+	the future of the web. I'm also working on <a
	19	+	href="https://honeythread.xyz"
	20	+	target="_blank"
	21	+	rel="noopener noreferrer"
	22	+	class="cactus-link">HoneyThread</a
	23	+	>, an NFT powered subscription service for Creators.
19	24		</p>
20	25		<SocialList />
21	26		<p>Or anywhere with my handle <span class="text-accent">@stevedylandev</span></p>

43	48		class="cactus-link inline-block"
44	49		>🥇 Cosmic Cowboys
45	50		</a>:
46		-	<p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
	51	+	<p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
47	52		</li>
48	53		<li>
49	54		<a
	55	+	href="https://photocaster.xyz"
	56	+	target="_blank"
	57	+	rel="noopener noreferrer"
	58	+	class="cactus-link inline-block"
	59	+	>📱 Photocaster.xyz
	60	+	</a>:
	61	+	<p class="inline-block sm:mt-2">A photogrpahy focused Farcaster client</p>
	62	+	</li>
	63	+
	64	+	<li>
	65	+	<a
50	66		href="https://stevedylanphoto.com"
51	67		target="_blank"
52	68		rel="noopener noreferrer"

63	79		class="cactus-link inline-block"
64	80		>🎉 Pinata
65	81		</a>:
66		-	<p class="inline-block sm:mt-2">Where I'm currently working as Head of Developer Relations</p>
	82	+	<p class="inline-block sm:mt-2">
	83	+	Where I'm currently working as Head of Developer Relations
	84	+	</p>
67	85		</li>
68	86		<li>
69	87		<a