Skip to content

Commit 547f364

Browse files
jmitchel3jmitchel3
committed
Added shortcuts, minor changes
1 parent c5befa2 commit 547f364

File tree

9 files changed

+316
-82
lines changed

9 files changed

+316
-82
lines changed

‎public/_redirects‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
11
# Redirect old blog paths to new articles page
22
/blog /articles 301
33
/blog/* /articles 301
4+
5+
# Redirect /posts/shortcuts index to /shortcuts
6+
/posts/shortcuts /shortcuts 301

‎src/components/Header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import ThemeToggle from './ThemeToggle.astro';
33
44
const navLinks = [
55
{ href: '/articles', label: 'Articles' },
6+
{ href: '/shortcuts', label: 'Shortcuts' },
67
{ href: '/about', label: 'About' },
7-
{ href: 'https://www.cfe.sh', label: 'Coding for Entrepreneurs', external: true },
88
];
99
---
1010

‎src/components/NewsletterForm.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const {
2727
<input
2828
type="email"
2929
name="email"
30-
placeholder="george@vandelayindustries.com"
30+
placeholder="Enter your email"
3131
required
3232
autocomplete="email"
3333
/>

‎src/components/SubscribeModal.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<input
2020
type="email"
2121
name="email"
22-
placeholder="your@email.com"
22+
placeholder="Enter your email"
2323
required
2424
autocomplete="email"
2525
class="modal-input"

‎src/content/posts/start-claude.md‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
---
2+
title: "Start Claude Code Shortcut"
3+
date: 2026-01-02T10:00:00-05:00
4+
tags: ["AI", "Claude", "Claude Code", "Productivity", "Shortcuts"]
5+
category: "Claude Code"
6+
order: 1
7+
---
8+
9+
Start Claude Code in any project folder with a simple double-click.
10+
11+
---
12+
13+
## For Mac
14+
15+
1. **Open Terminal** and run this command:
16+
```bash
17+
mkdir -p ~/Documents/claude-shortcuts && echo -e '#!/bin/bash\ncd "$(dirname "$0")"\nclaude' > ~/Documents/claude-shortcuts/start-claude.command && chmod +x ~/Documents/claude-shortcuts/start-claude.command && open ~/Documents/claude-shortcuts
18+
```
19+
20+
2. **Finder opens** showing your new `start-claude.command` file
21+
22+
3. **Copy it** to any project folder, then double-click to start Claude Code there
23+
24+
---
25+
26+
## For Windows
27+
28+
1. **Open Command Prompt** and run this command:
29+
```cmd
30+
mkdir "%USERPROFILE%\Documents\claude-shortcuts" 2>nul & (echo @echo off & echo cd /d "%%~dp0" & echo claude) > "%USERPROFILE%\Documents\claude-shortcuts\start-claude.bat" & explorer "%USERPROFILE%\Documents\claude-shortcuts"
31+
```
32+
33+
2. **Explorer opens** showing your new `start-claude.bat` file
34+
35+
3. **Copy it** to any project folder, then double-click to start Claude Code there
36+
37+
---
38+
39+
## Want this in multiple folders?
40+
41+
Just copy the file into each folder where you want quick access to Claude Code.
42+
43+
---
44+
45+
## The manual, more technical way
46+
47+
If you prefer to create the files by hand:
48+
49+
**Mac (start-claude.command):**
50+
```bash
51+
mkdir -p ~/Documents/claude-shortcuts
52+
cd ~/Documents/claude-shortcuts
53+
nano start-claude.command
54+
```
55+
56+
In `start-claude.command` add:
57+
```bash
58+
#!/bin/bash
59+
cd "$(dirname "$0")"
60+
claude
61+
```
62+
Save the file and exit (`ctrl+x`, then `y`, then `Enter`)
63+
64+
Then run:
65+
```bash
66+
chmod +x start-claude.command
67+
```
68+
Now you can copy it where you want:
69+
70+
```bash
71+
mkdir -p ~/Desktop/my-project
72+
cp ~/Documents/claude-shortcuts/start-claude.command ~/Desktop/my-project
73+
```
74+
or
75+
```bash
76+
open ~/Documents/claude-shortcuts
77+
```
78+
79+
80+
**Windows (start-claude.bat):**
81+
```cmd
82+
mkdir "%USERPROFILE%\Documents\claude-shortcuts"
83+
cd "%USERPROFILE%\Documents\claude-shortcuts"
84+
notepad start-claude.bat
85+
```
86+
87+
In `start-claude.bat` add:
88+
```batch
89+
@echo off
90+
cd /d "%~dp0"
91+
claude
92+
```
93+
Save the file and close Notepad.
94+
95+
Now you can copy it where you want:
96+
```cmd
97+
mkdir "%USERPROFILE%\Desktop\my-project"
98+
copy start-claude.bat "%USERPROFILE%\Desktop\my-project"
99+
```
100+
or
101+
```cmd
102+
explorer "%USERPROFILE%\Documents\claude-shortcuts"
103+
```
104+
105+
---
106+
107+
## Security Concerns?
108+
109+
Copying code from the internet should raise alarm bells. Copy this whole page and give it to ChatGPT, Claude, Grok, or any LLM. It will tell you this is safe.
110+
111+
112+
113+
---
114+
115+
## Related
116+
117+
- [Before you vibe code, be interviewed by AI](/posts/vibe-interview)
118+
- [What is Claude Code?](https://docs.anthropic.com/en/docs/claude-code/overview)

‎src/pages/about.astro‎

Lines changed: 81 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,17 @@ const metrics = [
88
{ value: '200+', label: 'Projects' },
99
];
1010
11+
12+
// Brand logos to display
13+
const brands = [
14+
{ name: 'Cloudflare', logo: '/brands/cloudflare.svg' },
15+
{ name: 'Docker', logo: '/brands/docker-logo-blue.svg' },
16+
{ name: 'DigitalOcean', logo: '/brands/digitalocean.svg' },
17+
{ name: 'Algolia', logo: '/brands/algolia.svg' },
18+
{ name: 'Upstash', logo: '/brands/upstash.svg' },
19+
{ name: 'Clerk', logo: '/brands/clerk.svg' },
20+
];
21+
1122
const links = [
1223
1324
{ href: 'https://x.com/justinmitchel', label: 'X' },
@@ -28,14 +39,27 @@ const links = [
2839

2940
<section class="bio">
3041
<p>
31-
I'm Justin. I build things with code and AI, and I teach others to do the same.
42+
I'm Justin. I want to help you use AI Agents to improve your work and build things that were previously impossible.
43+
</p>
44+
<p>
45+
The best part, anyone from any background can use AI Agents. You just need English, clarity, and a little grit.
3246
</p>
3347
<p>
34-
Since 2013, I've been running <a href="https://www.cfe.sh" target="_blank" rel="noopener noreferrer">Coding for Entrepreneurs</a>,
35-
helping people turn ideas into working products.
48+
If you want to go full developer mode writing code manually and using AI Agents, check out my site Coding for Entrepreneurs (linked below).
3649
</p>
3750
</section>
3851

52+
53+
<!-- Social Proof -->
54+
<section class="social-proof">
55+
<p class="social-proof-label">I've worked with teams at</p>
56+
<div class="brands-row">
57+
{brands.map((brand) => (
58+
<img src={brand.logo} alt={brand.name} class="brand-logo" loading="lazy" />
59+
))}
60+
</div>
61+
</section>
62+
3963
<section class="metrics">
4064
<div class="metrics-grid">
4165
{metrics.map((metric) => (
@@ -101,6 +125,50 @@ const links = [
101125
text-underline-offset: 0.2em;
102126
}
103127

128+
/* Social Proof */
129+
.social-proof {
130+
padding: 3rem 0;
131+
border-bottom: 1px solid var(--color-border);
132+
text-align: center;
133+
}
134+
135+
.social-proof-label {
136+
font-size: 0.875rem;
137+
color: var(--color-text-secondary);
138+
margin: 0 0 1.5rem 0;
139+
}
140+
141+
.brands-row {
142+
display: flex;
143+
flex-wrap: wrap;
144+
justify-content: center;
145+
align-items: center;
146+
gap: 2rem;
147+
}
148+
149+
.brand-logo {
150+
height: 24px;
151+
width: auto;
152+
opacity: 0.5;
153+
filter: grayscale(100%);
154+
transition: opacity 0.2s, filter 0.2s;
155+
}
156+
157+
.brand-logo:hover {
158+
opacity: 1;
159+
filter: grayscale(0%);
160+
}
161+
162+
:global(.dark) .brand-logo {
163+
filter: grayscale(100%) invert(1);
164+
opacity: 0.6;
165+
}
166+
167+
:global(.dark) .brand-logo:hover {
168+
filter: grayscale(100%) invert(1);
169+
opacity: 1;
170+
}
171+
104172
.metrics {
105173
padding: 3rem 0;
106174
border-bottom: 1px solid var(--color-border);
@@ -132,6 +200,16 @@ const links = [
132200
margin-top: 0.25rem;
133201
}
134202

203+
@media (max-width: 640px) {
204+
.brands-row {
205+
gap: 1.5rem;
206+
}
207+
208+
.brand-logo {
209+
height: 20px;
210+
}
211+
}
212+
135213
@media (max-width: 480px) {
136214
.metrics-grid {
137215
grid-template-columns: repeat(2, 1fr);

‎src/pages/articles/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ const orderedCategories = [
7575
<div class="page-container">
7676
<header class="page-header">
7777
<h1 class="page-title">Articles</h1>
78-
<p class="page-description">Thoughts on building, creating, and thinking clearly.</p>
78+
<p class="page-description">Full send vibes and agents.</p>
7979
</header>
8080

8181
{orderedCategories.map((category) => (

0 commit comments

Comments
 (0)