From 89b008e1eba81d31eef50d63ec1601ab048ce34f Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Tue, 18 Mar 2025 18:58:05 -0700
Subject: [PATCH] style: Add decorative curved lines to macos-backdrop
 background

---
 aider/website/_includes/recording.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/aider/website/_includes/recording.css b/aider/website/_includes/recording.css
index d4fd62cf2..2a1325de3 100644
--- a/aider/website/_includes/recording.css
+++ b/aider/website/_includes/recording.css
@@ -100,6 +100,25 @@
   bottom: 0;
   background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
   opacity: 0.7;
+  pointer-events: none;
+}
+
+/* Add decorative curved lines to the backdrop */
+.macos-backdrop::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: 
+    radial-gradient(circle at 20% 30%, transparent 0%, transparent 60%, rgba(255,255,255,0.1) 61%, transparent 62%),
+    radial-gradient(circle at 80% 70%, transparent 0%, transparent 40%, rgba(255,255,255,0.1) 41%, transparent 42%),
+    radial-gradient(circle at 40% 90%, transparent 0%, transparent 70%, rgba(255,255,255,0.1) 71%, transparent 72%),
+    radial-gradient(circle at 60% 10%, transparent 0%, transparent 50%, rgba(255,255,255,0.1) 51%, transparent 52%);
+  background-size: 100% 100%;
+  opacity: 0.8;
+  pointer-events: none;
 }
 
 .terminal-container {