From b18b78039a27c5657c9b0227b8578c50532b331e Mon Sep 17 00:00:00 2001
From: ajianaz <ajianaz@users.noreply.github.com>
Date: Thu, 17 Sep 2026 17:29:00 +0700
Subject: [PATCH] fix(templates): macOS traffic lights on notes-app,
 typographic quote glyph on quote-stack

- notes-app: monochrome grip dots -> real macOS traffic lights
  (#ff5f57 / #febc2e / #28c840), slightly larger (r8) for readability
- quote-stack: decorative '&' (ampersand) ornament replaced with an
  opening typographic double quote (U+201C, Georgia serif, 72px) -
  reads as a quote card instead of a stray symbol

Both verified visually via render (traffic lights correct colors and
order; quote glyph renders serif, no tofu).
---
 templates/notes-app/template.svg   | 8 ++++----
 templates/quote-stack/template.svg | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/notes-app/template.svg b/templates/notes-app/template.svg
index d61b0b7..ceac21b 100644
--- a/templates/notes-app/template.svg
+++ b/templates/notes-app/template.svg
@@ -31,10 +31,10 @@
 
   <!-- Notes app window -->
   <rect x="80" y="90" width="920" height="1170" rx="24" fill="{{ slide.note_bg | default('#fef9c3') }}"/>
-  <!-- Window grip dots -->
-  <circle cx="120" cy="126" r="7" fill="#00000022"/>
-  <circle cx="146" cy="126" r="7" fill="#00000022"/>
-  <circle cx="172" cy="126" r="7" fill="#00000022"/>
+  <!-- Window grip: macOS traffic lights -->
+  <circle cx="124" cy="126" r="8" fill="#ff5f57"/>
+  <circle cx="152" cy="126" r="8" fill="#febc2e"/>
+  <circle cx="180" cy="126" r="8" fill="#28c840"/>
   <text x="540" y="133" text-anchor="middle" font-family="Inter,sans-serif" font-size="19" font-weight="600" fill="#00000055">{{ slide.note_timestamp | default('Today') }}</text>
 
   <!-- Note title -->
diff --git a/templates/quote-stack/template.svg b/templates/quote-stack/template.svg
index 8e8a300..5d45e39 100644
--- a/templates/quote-stack/template.svg
+++ b/templates/quote-stack/template.svg
@@ -41,7 +41,7 @@
   {% if q[0] %}
   {% set cy = 200 + loop.index0 * 370 %}
   <rect x="160" y="{{ cy - 80 }}" width="760" height="340" rx="20" fill="#313244" opacity="0.25"/>
-  <text x="220" y="{{ cy - 15 }}" font-size="60" fill="url(#acc-grad)" opacity="0.3">&#x26;</text>
+  <text x="220" y="{{ cy - 15 }}" font-family="Georgia,serif" font-size="72" fill="url(#acc-grad)" opacity="0.35">&#8220;</text>
   {% set ql = q[2] %}
   {% set qsegs = q[3] %}
   {% if qsegs %}