Adds more links

Author: cgreening

README.md

@@ -12,6 +12,10 @@ Real‑time, beautiful, and zero‑friction plotting for any serial device — r
 
 [![Watch the demo on YouTube](https://img.youtube.com/vi/MEQCPBF99FQ/hqdefault.jpg)](https://youtu.be/MEQCPBF99FQ)
 
+## Try it out
+
+[Try it out](https://web-serial-plotter.atomic14.com)
+
 ## Support
 
 If you find this project useful, consider supporting its development:
@@ -34,8 +38,6 @@ Your support helps maintain and improve this tool for the entire community!
 ✅ **Real-time Plotting**
 - Multi-series plotting from CSV/space/tab-separated serial data
 - Automatic series detection from header lines (e.g., `# time ax ay az`)
-- High-performance ring buffer with configurable history (up to 100K samples)
-- Smooth 60 FPS rendering with HTML5 Canvas
 - Dynamic series adjustment (automatically adds/removes series based on data)
 
 ✅ **Interactive Controls**
@@ -55,7 +57,6 @@ Your support helps maintain and improve this tool for the entire community!
 ✅ **Channel Management**
 - Series renaming and color customization
 - Interactive legend with click-to-edit
-- Up to 8 default color themes
 - Dynamic series creation based on incoming data
 
 ✅ **Export & Testing**

src/App.tsx

@@ -291,6 +291,8 @@ function App() {
         githubUrl="https://github.com/atomic14/web-serial-plotter"
         patreonUrl="https://www.patreon.com/atomic14"
         youtubeUrl="https://www.youtube.com/@atomic14"
+        newsletterUrl="https://atomic14.substack.com"
+        blogUrl="https://www.atomic14.com"
       />
       </div>
   )

src/components/Footer.tsx

@@ -4,9 +4,11 @@ interface Props {
   githubUrl: string
   patreonUrl: string
   youtubeUrl: string
+  newsletterUrl?: string
+  blogUrl?: string
 }
 
-export default function Footer({ githubUrl, patreonUrl, youtubeUrl }: Props) {
+export default function Footer({ githubUrl, patreonUrl, youtubeUrl, newsletterUrl, blogUrl }: Props) {
   return (
     <footer className="flex items-center justify-center gap-4 py-2 px-4 text-xs text-gray-500 dark:text-neutral-400 border-t border-gray-200 dark:border-neutral-800">
       <a
@@ -23,6 +25,34 @@ export default function Footer({ githubUrl, patreonUrl, youtubeUrl }: Props) {
 
       <span className="text-gray-300 dark:text-neutral-600">•</span>
 
+      {newsletterUrl && (
+        <>
+          <a
+            href={newsletterUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-1 hover:text-gray-700 dark:hover:text-neutral-200 transition-colors"
+          >
+            Newsletter
+          </a>
+          <span className="text-gray-300 dark:text-neutral-600">•</span>
+        </>
+      )}
+
+      {blogUrl && (
+        <>
+          <a
+            href={blogUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-1 hover:text-gray-700 dark:hover:text-neutral-200 transition-colors"
+          >
+            Blog
+          </a>
+          <span className="text-gray-300 dark:text-neutral-600">•</span>
+        </>
+      )}
+
       <a
         href={youtubeUrl}
         target="_blank"