Remove YouTube demo embed; broaden intro to cover CLI and .mcap

- Drop the YouTube video embed from the landing hero and the demo
  thumbnail from the README
- Update the README intro and site hero to mention the Node/Python CLI
  and .mcap support, not just the browser/.db3 flow

Author: wuisabel-gif

README.md

@@ -3,20 +3,14 @@
 [![CI](https://github.com/wuisabel-gif/ros2bag_converter/actions/workflows/ci.yml/badge.svg)](https://github.com/wuisabel-gif/ros2bag_converter/actions/workflows/ci.yml)
 [![License: Apache-2.0](https://img.shields.io/badge/License-Apache_2.0-D22128?logo=apache&logoColor=white)](LICENSE)
 
-Inspect ROS 2 bag (`.db3`) files and export topics to clean **CSV** and **JSON** — entirely in your browser. No ROS 2 installation, no backend, nothing uploaded to a server.
+Inspect ROS 2 bags and export topics to clean **CSV** and **JSON** with no ROS 2 installation. Drag-and-drop `.db3` **in your browser** (nothing uploaded, no backend), or run the **Node / Python CLI** on both `.db3` and `.mcap`.
 
 **🔗 Live demo: [wuisabel-gif.github.io/ros2bag_converter](https://wuisabel-gif.github.io/ros2bag_converter/)**
 
 A ROS 2 bag hides your data inside a SQLite `.db3` where every message is a raw, CDR-serialized binary blob. Open it without ROS 2 and you get unreadable bytes — not timestamps, not sensor values. This tool decodes those blobs locally and hands you spreadsheet-ready CSV and JSON.
 
 ![ROS 2 Bag Converter](assets/hero.png)
 
-## Demo
-
-[![ROS 2 Bag Converter demo](https://img.youtube.com/vi/Ah4hHxRI_uk/maxresdefault.jpg)](https://youtu.be/Ah4hHxRI_uk)
-
-▶️ **[Watch the demo on YouTube](https://youtu.be/Ah4hHxRI_uk)** — load a bag, inspect topics, and export CSV/JSON.
-
 ## Features
 
 - **Bag summary** — topics, message counts, message types, start/end time, duration, and storage info (like `ros2 bag info`).

index.html

@@ -204,11 +204,6 @@
   .decode-demo{grid-template-columns:1fr;}
   .dd-arrow{transform:rotate(90deg);justify-self:center;}
 }
-/* demo video */
-.demo-video{max-width:780px;margin:0 auto 34px;text-align:center;}
-.demo-video .dv-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;}
-.demo-video .dv-frame{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#070c16;box-shadow:0 10px 40px rgba(0,0,0,.35);}
-.demo-video .dv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
 @keyframes spin{to{transform:rotate(360deg);}}
 
 /* compact loaded bar (replaces hero after load) */
@@ -452,15 +447,8 @@
 
   <!-- Hero / upload -->
   <section id="hero" class="hero">
-    <!-- demo video -->
-    <div class="demo-video">
-      <div class="dv-label">See it in action</div>
-      <div class="dv-frame">
-        <iframe src="https://www.youtube-nocookie.com/embed/Ah4hHxRI_uk" title="ROS 2 Bag Converter Demo" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-      </div>
-    </div>
     <h1>Read your dive logs<br>without <span class="v">ROS&nbsp;2</span> installed</h1>
-    <p class="lede">Drop a ROS&nbsp;2 bag and inspect every topic, then export to clean CSV or JSON. Everything runs in your browser — your data never leaves this machine.</p>
+    <p class="lede">Drop a ROS&nbsp;2 bag and inspect every topic, then export to clean CSV or JSON — all in your browser, your data never leaving this machine. Working with <span class="mono">.mcap</span> or scripting a pipeline? There's a Node &amp; Python CLI too.</p>
     <p class="explainer">A ROS&nbsp;2 bag hides your data inside a SQLite <span class="mono">.db3</span> where every message is a raw, <span class="mono">CDR</span>-serialized binary blob. Open it without ROS&nbsp;2 and you get unreadable bytes — not timestamps, not sensor values. This tool decodes those blobs in your browser and hands you clean, spreadsheet-ready <span class="mono">CSV</span> and <span class="mono">JSON</span>.</p>
     <div class="trust">
       <span>No ROS 2 required</span>