If lsl not started then button won't be active., Colour of header and lsl button changes.

Author: PayalLakra

app.py

@@ -27,14 +27,20 @@ def start_lsl():
     try:
         # Start the LSL stream as a subprocess
         if sys.platform == "win32":
-            lsl_process = subprocess.Popen(["python", "chords.py", "--lsl"], creationflags=subprocess.CREATE_NO_WINDOW)
-        else:
-            lsl_process = subprocess.Popen(["python", "chords.py", "--lsl"])
-        
-        if lsl_process.poll() is None:
-            return render_template("index.html", lsl_started=True, lsl_status="Running", lsl_color="green")
+            lsl_process = subprocess.Popen(["python", "chords.py", "--lsl"],stdout=subprocess.PIPE,stderr=subprocess.PIPE, creationflags=subprocess.CREATE_NO_WINDOW)
         else:
+            lsl_process = subprocess.Popen(["python", "chords.py", "--lsl"],stdout=subprocess.PIPE,stderr=subprocess.PIPE)
+        output = lsl_process.stderr.readline().decode().strip()  # Read the initial stderr line
+
+        print(output)
+        if output == "No":
             return render_template("index.html", lsl_started=False, lsl_status="Failed to Start", lsl_color="red")
+        else:
+            return render_template("index.html", lsl_started=True, lsl_status="Running", lsl_color="green")
+    except subprocess.TimeoutExpired:
+        return render_template(
+            "index.html", lsl_started=False, lsl_status="Timeout Error", lsl_color="red"
+        )
     except Exception as e:
         return render_template("index.html", lsl_started=False, lsl_status=f"Error: {e}", lsl_color="red")
 

static/style.css

@@ -11,9 +11,12 @@ body {
 }
 
 .header h1 {
-    font-size: 2.5em;
-    margin-bottom: 20px;
-    color: #333;
+    font-size: 48px;
+    font-weight: bold;
+    background: linear-gradient(to right, #ec4899, #a855f7, #3b82f6); /* Background gradient */
+    -webkit-background-clip: text; /* Vendor-prefixed for WebKit-based browsers */
+    background-clip: text; /* Standard property */
+    -webkit-text-fill-color: transparent; /* Makes the text transparent */
 }
 
 .subtitle {
@@ -34,13 +37,13 @@ body {
     cursor: pointer;
     border: none;
     border-radius: 10px;
-    background: #333;
+    background: linear-gradient(to right, #ec4899, #a855f7, #3b82f6);
     color: #fffffe;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }
 
 button:disabled {
-    background-color: rgb(105, 206, 105);
+    background: rgb(105, 206, 105);
     cursor: not-allowed;
 }