@hustle-together/api-dev-tools 2.0.7 → 3.0.0

package/demo/audio/previews/manifest.json

@@ -0,0 +1,30 @@
+{
+  "generated": "2025-12-08T06:50:32.727Z",
+  "text": "Welcome to Hustle API Dev Tools. Build APIs the right way. Research first. Interview second. Test before code. Document everything.",
+  "voices": [
+    {
+      "voice": "Mark",
+      "id": "UgBBYS2sOqTuMpoF3BR0",
+      "file": "preview-mark.mp3",
+      "size": 164302
+    },
+    {
+      "voice": "Hope",
+      "id": "tnSpp4vdxKPjI9w0GnoV",
+      "file": "preview-hope.mp3",
+      "size": 135881
+    },
+    {
+      "voice": "Creature",
+      "id": "Z7RrOqZFTyLpIlzCgfsp",
+      "file": "preview-creature.mp3",
+      "size": 288018
+    },
+    {
+      "voice": "Gaming",
+      "id": "YOq2y2Up4RgXP2HyXjE5",
+      "file": "preview-gaming.mp3",
+      "size": 329814
+    }
+  ]
+}

package/demo/audio/voices-manifest.json

@@ -0,0 +1,50 @@
+{
+  "generated": "2025-12-08T07:05:05.916Z",
+  "voices": [
+    {
+      "voice": "Adam",
+      "name": "adam",
+      "audioFile": "narration-adam.mp3",
+      "timingFile": "narration-adam-timing.json",
+      "duration": 370.777,
+      "wordCount": 694,
+      "audioSize": 5932975
+    },
+    {
+      "voice": "Mark",
+      "name": "mark",
+      "audioFile": "narration-mark.mp3",
+      "timingFile": "narration-mark-timing.json",
+      "duration": 338.688,
+      "wordCount": 694,
+      "audioSize": 5419721
+    },
+    {
+      "voice": "Hope",
+      "name": "hope",
+      "audioFile": "narration-hope.mp3",
+      "timingFile": "narration-hope-timing.json",
+      "duration": 305.202,
+      "wordCount": 694,
+      "audioSize": 4883898
+    },
+    {
+      "voice": "Creature",
+      "name": "creature",
+      "audioFile": "narration-creature.mp3",
+      "timingFile": "narration-creature-timing.json",
+      "duration": 466.627,
+      "wordCount": 694,
+      "audioSize": 7466885
+    },
+    {
+      "voice": "Gaming",
+      "name": "gaming",
+      "audioFile": "narration-gaming.mp3",
+      "timingFile": "narration-gaming-timing.json",
+      "duration": 644.121,
+      "wordCount": 694,
+      "audioSize": 10306500
+    }
+  ]
+}

package/demo/hustle-together/blog/gemini-vs-claude-widgets.html

@@ -13,15 +13,17 @@
 
     :root {
       --bg: #0a0a0a;
-      --bg-secondary: #111;
+      --bg-secondary: #121212;
       --bg-tertiary: #1a1a1a;
-      --text: #e0e0e0;
-      --text-muted: #888;
-      --text-dim: #444;
+      --text: #e8e8e8;
+      --text-muted: #999;
+      --text-dim: #555;
       --accent: #fff;
       --accent-red: #BA0C2F;
       --accent-red-glow: rgba(186, 12, 47, 0.4);
       --border: #333;
+      --border-strong: #444;
+      --bg-card: #1a1a1a;
       --glow: rgba(255, 255, 255, 0.3);
     }
 
@@ -57,7 +59,7 @@
       justify-content: space-between;
       align-items: center;
       background: var(--bg);
-      border-bottom: 1px dashed var(--border);
+      border-bottom: 2px solid var(--border);
     }
 
     .logo {
@@ -100,7 +102,7 @@
 
     .theme-toggle {
       background: transparent;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       color: var(--text);
       padding: 6px 12px;
       cursor: pointer;
@@ -164,7 +166,7 @@
 
     .audio-player {
       background: var(--bg-secondary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       padding: 25px;
       margin: 40px 0;
       opacity: 0;
@@ -236,7 +238,7 @@
 
     .comparison-table {
       margin: 40px 0;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       opacity: 0;
     }
 
@@ -244,7 +246,7 @@
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
       background: var(--bg-secondary);
-      border-bottom: 1px dashed var(--border);
+      border-bottom: 2px solid var(--border);
     }
 
     .comparison-header div {
@@ -256,13 +258,13 @@
     }
 
     .comparison-header div:not(:last-child) {
-      border-right: 1px dashed var(--border);
+      border-right: 2px solid var(--border);
     }
 
     .comparison-row {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      border-bottom: 1px dashed var(--border);
+      border-bottom: 2px solid var(--border);
     }
 
     .comparison-row:last-child { border-bottom: none; }
@@ -274,7 +276,7 @@
     }
 
     .comparison-row div:not(:last-child) {
-      border-right: 1px dashed var(--border);
+      border-right: 2px solid var(--border);
     }
 
     .comparison-row div:first-child {
@@ -286,7 +288,7 @@
 
     .featured-media {
       margin: 40px 0;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       opacity: 0;
     }
 
@@ -313,7 +315,7 @@
       padding: 15px;
       font-size: 0.8rem;
       color: var(--text-muted);
-      border-top: 1px dashed var(--border);
+      border-top: 2px solid var(--border);
     }
 
     .article-content { opacity: 0; }
@@ -337,13 +339,13 @@
     .article-content code {
       background: var(--bg-secondary);
       padding: 2px 8px;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       font-size: 0.9em;
     }
 
     .article-content pre {
       background: var(--bg-secondary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       padding: 20px;
       margin: 25px 0;
       overflow-x: auto;
@@ -361,7 +363,7 @@
 
     .callout {
       background: var(--bg-secondary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       border-left: 3px solid var(--text);
       padding: 25px;
       margin: 30px 0;
@@ -390,14 +392,14 @@
 
     .ai-chat {
       background: var(--bg-secondary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       margin: 50px 0;
       opacity: 0;
     }
 
     .ai-chat-header {
       padding: 20px;
-      border-bottom: 1px dashed var(--border);
+      border-bottom: 2px solid var(--border);
       display: flex;
       align-items: center;
       gap: 15px;
@@ -432,7 +434,7 @@
     .chat-avatar {
       width: 30px;
       height: 30px;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -442,7 +444,7 @@
 
     .chat-bubble {
       background: var(--bg-tertiary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       padding: 12px 16px;
       max-width: 80%;
       font-size: 0.9rem;
@@ -465,7 +467,7 @@
 
     .quick-btn {
       background: transparent;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       color: var(--text);
       padding: 8px 16px;
       font-family: inherit;
@@ -480,13 +482,13 @@
       display: flex;
       gap: 10px;
       padding: 15px 20px;
-      border-top: 1px dashed var(--border);
+      border-top: 2px solid var(--border);
     }
 
     .ai-chat-input input {
       flex: 1;
       background: transparent;
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       color: var(--text);
       padding: 12px 15px;
       font-family: inherit;
@@ -509,7 +511,7 @@
 
     .feedback-section {
       background: var(--bg-secondary);
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       padding: 30px;
       margin: 50px 0;
       text-align: center;
@@ -562,7 +564,7 @@
     }
 
     .related-card {
-      border: 1px dashed var(--border);
+      border: 2px solid var(--border);
       padding: 25px;
       text-decoration: none;
       color: var(--text);
@@ -588,7 +590,7 @@
     }
 
     footer {
-      border-top: 1px dashed var(--border);
+      border-top: 2px solid var(--border);
       padding: 40px;
       text-align: center;
       margin-top: 60px;
@@ -623,7 +625,7 @@
       .article-title { font-size: 2rem; }
       .comparison-header, .comparison-row { grid-template-columns: 1fr; }
       .comparison-header div:not(:last-child),
-      .comparison-row div:not(:last-child) { border-right: none; border-bottom: 1px dashed var(--border); }
+      .comparison-row div:not(:last-child) { border-right: none; border-bottom: 2px solid var(--border); }
       .related-grid { grid-template-columns: 1fr; }
       nav { padding: 15px 20px; }
       .nav-links { display: none; }

package/demo/hustle-together/blog/interview-driven-api-development.html

@@ -17,31 +17,35 @@
 
     :root {
       --bg: #0a0a0a;
-      --bg-secondary: #111;
+      --bg-secondary: #121212;
       --bg-tertiary: #1a1a1a;
-      --text: #e0e0e0;
-      --text-muted: #888;
-      --text-dim: #444;
+      --bg-card: #1a1a1a;
+      --text: #e8e8e8;
+      --text-muted: #999;
+      --text-dim: #555;
       --accent: #fff;
       --accent-red: #BA0C2F;
       --accent-red-glow: rgba(186, 12, 47, 0.4);
       --border: #333;
+      --border-strong: #444;
       --glow: rgba(255, 255, 255, 0.3);
       --success: #4ade80;
       --warning: #fbbf24;
     }
 
     [data-theme="light"] {
-      --bg: #f5f5f5;
+      --bg: #f0f0f0;
       --bg-secondary: #fff;
-      --bg-tertiary: #e5e5e5;
+      --bg-tertiary: #f5f5f5;
+      --bg-card: #fafafa;
       --text: #1a1a1a;
       --text-muted: #666;
       --text-dim: #aaa;
       --accent: #000;
       --accent-red: #BA0C2F;
       --accent-red-glow: rgba(186, 12, 47, 0.3);
-      --border: #ccc;
+      --border: #ddd;
+      --border-strong: #ccc;
       --glow: rgba(0, 0, 0, 0.15);
     }
 
@@ -53,19 +57,19 @@
       overflow-x: hidden;
     }
 
-    /* Navigation */
+    /* Navigation - boxy style */
     nav {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       z-index: 1000;
-      padding: 20px 40px;
+      padding: 15px 40px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       background: var(--bg);
-      border-bottom: 1px dashed var(--border);
+      border-bottom: 2px solid var(--border);
     }
 
     .logo {
@@ -81,13 +85,16 @@
     }
 
     .logo-icon {
-      width: 28px;
-      height: 28px;
-      border: 2px solid var(--text);
+      width: 30px;
+      height: 30px;
+      border: 2px solid var(--accent-red);
+      background: var(--accent-red);
+      color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 0.7rem;
+      font-size: 0.75rem;
+      font-weight: bold;
     }
 
     .nav-links {
@@ -99,29 +106,36 @@
     .nav-links a {
       color: var(--text-muted);
       text-decoration: none;
-      font-size: 0.8rem;
+      font-size: 0.75rem;
       letter-spacing: 1px;
-      transition: color 0.3s;
+      text-transform: uppercase;
+      padding: 8px 12px;
+      border: 2px solid transparent;
+      transition: all 0.2s;
     }
 
     .nav-links a:hover {
       color: var(--accent-red);
+      border-color: var(--accent-red);
     }
 
     .theme-toggle {
-      background: transparent;
-      border: 1px dashed var(--border);
+      background: var(--bg-card);
+      border: 2px solid var(--border);
       color: var(--text);
-      padding: 6px 12px;
+      padding: 8px 14px;
       cursor: pointer;
       font-family: inherit;
-      font-size: 0.75rem;
-      transition: all 0.3s;
+      font-size: 0.7rem;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      transition: all 0.2s;
     }
 
     .theme-toggle:hover {
-      background: var(--text);
-      color: var(--bg);
+      background: var(--accent-red);
+      color: #fff;
+      border-color: var(--accent-red);
     }
 
     /* Main Content */