fix: hide onlycrabs link and code pill

Author: steipete

src/components/Header.tsx

@@ -5,7 +5,7 @@ import { Menu, Monitor, Moon, Sun } from 'lucide-react'
 import { useMemo, useRef } from 'react'
 import { api } from '../../convex/_generated/api'
 import { gravatarUrl } from '../lib/gravatar'
-import { getClawdHubSiteUrl, getOnlyCrabsSiteUrl, getSiteMode, getSiteName } from '../lib/site'
+import { getClawdHubSiteUrl, getSiteMode, getSiteName } from '../lib/site'
 import { applyTheme, useThemeMode } from '../lib/theme'
 import { startThemeTransition } from '../lib/theme-transition'
 import {
@@ -26,7 +26,6 @@ export default function Header() {
   const siteMode = getSiteMode()
   const siteName = useMemo(() => getSiteName(siteMode), [siteMode])
   const isSoulMode = siteMode === 'souls'
-  const onlyCrabsUrl = getOnlyCrabsSiteUrl()
   const clawdHubUrl = getClawdHubSiteUrl()
 
   const avatar = me?.image ?? (me?.email ? gravatarUrl(me.email) : undefined)
@@ -57,11 +56,7 @@ export default function Header() {
           <span className="brand-name">{siteName}</span>
         </Link>
         <nav className="nav-links">
-          {isSoulMode ? (
-            <a href={clawdHubUrl}>ClawdHub</a>
-          ) : (
-            <a href={onlyCrabsUrl}>onlycrabs.ai</a>
-          )}
+          {isSoulMode ? <a href={clawdHubUrl}>ClawdHub</a> : null}
           <Link
             to={isSoulMode ? '/souls' : '/skills'}
             search={
@@ -97,13 +92,11 @@ export default function Header() {
                 </button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end">
-                <DropdownMenuItem asChild>
-                  {isSoulMode ? (
+                {isSoulMode ? (
+                  <DropdownMenuItem asChild>
                     <a href={clawdHubUrl}>ClawdHub</a>
-                  ) : (
-                    <a href={onlyCrabsUrl}>onlycrabs.ai</a>
-                  )}
-                </DropdownMenuItem>
+                  </DropdownMenuItem>
+                ) : null}
                 <DropdownMenuItem asChild>
                   <Link
                     to={isSoulMode ? '/souls' : '/skills'}

src/styles.css

@@ -2357,7 +2357,7 @@ code {
   color: var(--accent-deep);
 }
 
-.markdown code {
+.markdown :not(pre) > code {
   background: rgba(255, 107, 74, 0.12);
   padding: 2px 6px;
   border-radius: 8px;
@@ -2397,11 +2397,16 @@ code {
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
-[data-theme="dark"] .markdown code {
+[data-theme="dark"] .markdown :not(pre) > code {
   background: rgba(255, 131, 95, 0.2);
   color: #ffe9de;
 }
 
+[data-theme="dark"] .markdown pre code {
+  background: transparent;
+  color: inherit;
+}
+
 .fade-up {
   animation: fadeUp 0.6s ease forwards;
   opacity: 0;