CompactAI commited on
Commit
25e1bb3
·
verified ·
1 Parent(s): 4076b61

Create I Finally Switched Terminals (And My Ego Is Healing).html

Browse files
I Finally Switched Terminals (And My Ego Is Healing).html ADDED
@@ -0,0 +1,108 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>I Finally Switched Terminals (And My Ego Is Healing) | TinyMemoryLM</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
+ <link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono&display=swap" rel="stylesheet">
10
+ <style>
11
+ :root {
12
+ --black: #000000; --black-soft: #0a0a0a; --gray-1: #171717; --gray-2: #262626;
13
+ --gray-3: #363636; --gray-4: #525252; --gray-5: #737373; --gray-6: #a3a3a6;
14
+ --gray-7: #d4d4d4; --white: #ffffff; --accent: #ff4d00;
15
+ --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
16
+ --font-mono: 'Geist Mono', 'SF Mono', 'Fira Code', monospace;
17
+ --container-max: 700px;
18
+ }
19
+ * { box-sizing: border-box; margin: 0; padding: 0; }
20
+ html { font-size: 16px; scroll-behavior: smooth; }
21
+ body { font-family: var(--font-sans); background: var(--black); color: var(--gray-7); line-height: 1.7; -webkit-font-smoothing: antialiased; }
22
+ a { color: var(--white); text-decoration: none; transition: color 0.15s ease; }
23
+ a:hover { color: var(--accent); }
24
+ .container { max-width: var(--container-max); margin: 0 auto; padding: 0 24px; }
25
+ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(12px); border-bottom: 1px solid var(--gray-2); padding: 16px 0; }
26
+ nav .container { display: flex; justify-content: space-between; align-items: center; }
27
+ .nav-brand { font-size: 18px; font-weight: 600; color: var(--white); display: flex; align-items: center; gap: 8px; }
28
+ .nav-brand span { color: var(--accent); }
29
+ .nav-links { display: flex; gap: 32px; }
30
+ .nav-links a { font-size: 14px; font-weight: 500; color: var(--gray-6); }
31
+ .nav-links a:hover { color: var(--white); }
32
+ .post { padding: 140px 0 80px; }
33
+ .post-back { display: inline-block; color: var(--gray-5); font-size: 14px; margin-bottom: 32px; }
34
+ .post-back:hover { color: var(--accent); }
35
+ .post-back::before { content: '← '; }
36
+ .post-meta { display: flex; gap: 12px; margin-bottom: 20px; }
37
+ .post-date { font-size: 13px; color: var(--gray-5); font-family: var(--font-mono); }
38
+ .post-tag { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent); background: rgba(255, 77, 0, 0.1); padding: 4px 10px; border-radius: 4px; }
39
+ .post h1 { font-size: 36px; font-weight: 700; color: var(--white); margin-bottom: 32px; line-height: 1.2; letter-spacing: -0.02em; }
40
+ .post-body p { font-size: 17px; line-height: 1.8; margin-bottom: 24px; color: var(--gray-6); }
41
+ .post-body p:first-of-type { font-size: 20px; color: var(--gray-7); }
42
+ .post-body h2 { font-size: 24px; font-weight: 600; color: var(--white); margin: 48px 0 20px; }
43
+ .post-body blockquote { border-left: 3px solid var(--accent); padding: 20px 24px; margin: 32px 0; background: var(--gray-1); border-radius: 0 8px 8px 0; }
44
+ .post-body blockquote p { font-size: 16px; font-style: italic; color: var(--gray-6); margin: 0; }
45
+ .post-body hr { border: none; height: 1px; background: var(--gray-2); margin: 48px 0; }
46
+ .post-footer { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--gray-2); }
47
+ .post-footer p { font-size: 14px; color: var(--gray-5); font-style: italic; margin: 0; }
48
+ footer { padding: 40px 0; background: var(--black-soft); border-top: 1px solid var(--gray-2); text-align: center; }
49
+ footer p { color: var(--gray-5); font-size: 14px; margin-bottom: 8px; }
50
+ footer a { color: var(--gray-5); }
51
+ footer a:hover { color: var(--accent); }
52
+ @media (max-width: 768px) { .post h1 { font-size: 28px; } .nav-links { display: none; } }
53
+ </style>
54
+ </head>
55
+ <body>
56
+ <nav>
57
+ <div class="container">
58
+ <a href="index.html" class="nav-brand"><span>/</span>TinyMemoryLM</a>
59
+ <div class="nav-links">
60
+ <a href="index.html">Home</a>
61
+ <a href="blog.html">Blog</a>
62
+ <a href="status.html">Status</a>
63
+ </div>
64
+ </div>
65
+ </nav>
66
+ <main>
67
+ <article class="post">
68
+ <div class="container">
69
+ <a href="blog.html" class="post-back">Back to Blog</a>
70
+ <header>
71
+ <div class="post-meta">
72
+ <span class="post-date">2026-03-04</span>
73
+ <span class="post-tag">Tooling</span>
74
+ </div>
75
+ <h1>I Finally Switched Terminals (And My Ego Is Healing)</h1>
76
+ </header>
77
+ <div class="post-body">
78
+ <p>I used the default macOS terminal for years. Not because I loved it. I kept it because change is scary and I am deeply committed to mediocrity. Then I tried Warp and realized I have been suffering through a text-based interface that treats me like an enemy.</p>
79
+ <p>Warp is built in Rust which means it is fast. I do not care about benchmarks usually but this thing opens before I can finish thinking about opening it. It feels like the terminal equivalent of switching from dial-up to fiber optic. The real magic is not the speed though. It is the fact that it treats commands like blocks instead of an endless scroll of text.</p>
80
+ <h2>Blocks For People Who Get Lost</h2>
81
+ <p>Every command I run gets its own little box. The input is separate from the output. This sounds minor until you realize how often I lose track of where one error ends and the next command begins in my old setup. Now I can just look at the blocks. I can copy just the output or just the command without highlighting half my screen by accident.</p>
82
+ <p>It is like having a notebook instead of a receipt tape. I can actually navigate my history without feeling like I am digging through a landfill. This alone saved me about four hours of frustration last week when I was trying to find that one docker command I ran three days ago.</p>
83
+ <h2>The AI That Saves Me From Myself</h2>
84
+ <p>I am embarrassed to admit how often I forget basic flags. I will stare at a man page for twenty minutes trying to remember how to tar a file. Warp has AI built right in. I can just ask it what I want to do in plain English and it gives me the command.</p>
85
+ <p>It feels like cheating. It feels like I am outsourcing my brain to a robot. But then I remember that my brain is tired and the robot is very good at remembering flags. I can also click anywhere in the command line to edit it just like a normal text editor . This single feature has reduced my typo-related rage by at least eighty percent.</p>
86
+ <blockquote>
87
+ <p>Productivity tools should not require a manual. They should just work while you try to figure out why your code is broken.</p>
88
+ </blockquote>
89
+ <h2>Why I Am Not Going Back</h2>
90
+ <p>There is a command palette that works just like VS Code. I can search for commands with Cmd + P instead of memorizing obscure shortcuts./ It has themes so I can make it look dark and moody like my soul. It handles SSH sessions well so I do not feel like I am leaving my nice environment when I jump onto a server.</p>
91
+ <p>I know some people hate proprietary terminals. I know some people think we should all be configuring our own dotfiles from scratch until we achieve terminal enlightenment. I am not those people. I want to write code. I do not want to spend my weekend tweaking font rendering in a config file.</p>
92
+ <p>Warp makes me feel competent. It hides my incompetence behind a sleek UI and some helpful AI suggestions. And honestly that is all I really need right now.</p>
93
+ <hr>
94
+ </div>
95
+ <footer class="post-footer">
96
+ <p>Current status: Using Warp. Still forgetting flags. At least now the AI judges me silently instead of out loud.</p>
97
+ </footer>
98
+ </div>
99
+ </article>
100
+ </main>
101
+ <footer>
102
+ <div class="container">
103
+ <p>Built with curiosity over compute</p>
104
+ <p>TinyMemoryLM by AILAY | 2026</p>
105
+ </div>
106
+ </footer>
107
+ </body>
108
+ </html>