From eec9c863c204ff5189321b341fc2dc11477a283f Mon Sep 17 00:00:00 2001
From: Ramforth <ramforth@ramforth.net>
Date: Fri, 31 Oct 2025 17:54:03 +0100
Subject: [PATCH] Refactor CSS to style.css and update index.html for weather
 overlay link

---
 index.html | 55 ++----------------------------------------------------
 style.css  | 50 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 53 deletions(-)
 create mode 100644 style.css
diff --git a/index.html b/index.html
index 8d18f86..caf7f7a 100644
--- a/index.html
+++ b/index.html
@@ -4,58 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ramforth Overlays (Reference)</title>
-    <style>
-        body {
-            font-family: sans-serif;
-            color: white;
-            background-color: #222;
-            margin: 0;
-            padding: 40px;
-            line-height: 1.6;
-        }
-        .container {
-            max-width: 800px;
-            margin: 0 auto;
-            background-color: #333;
-            padding: 30px;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-        }
-        h1 {
-            color: #4CAF50;
-        }
-        h2 {
-            color: #FFC107;
-            border-bottom: 1px solid #4CAF50;
-            padding-bottom: 5px;
-            margin-top: 30px;
-        }
-        a {
-            color: #2196F3;
-            text-decoration: none;
-        }
-        a:hover {
-            text-decoration: underline;
-        }
-        ul {
-            list-style-type: none;
-            padding: 0;
-        }
-        li {
-            margin-bottom: 10px;
-        }
-        .important-note {
-            background-color: #555;
-            padding: 15px;
-            border-left: 5px solid #FFC107;
-            margin-top: 20px;
-        }
-        .footer-info {
-            margin-top: 30px;
-            font-size: 0.8em;
-            color: #aaa;
-        }
-    </style>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <div class="container">
@@ -81,7 +30,7 @@
 
         <h3>Weather Overlay</h3>
         <ul>
-            <li><a href="/weather_overlay/weather.html">Weather Overlay</a></li>
+            <li><a href="/weather_overlay/test_websocket.html">Weather Overlay (Test Page)</a></li>
         </ul>
 
         <h3>System Monitor Overlay</h3>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..fb1292d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,50 @@
+body {
+            font-family: sans-serif;
+            color: white;
+            background-color: #222;
+            margin: 0;
+            padding: 40px;
+            line-height: 1.6;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background-color: #333;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        }
+        h1 {
+            color: #4CAF50;
+        }
+        h2 {
+            color: #FFC107;
+            border-bottom: 1px solid #4CAF50;
+            padding-bottom: 5px;
+            margin-top: 30px;
+        }
+        a {
+            color: #2196F3;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+        li {
+            margin-bottom: 10px;
+        }
+        .important-note {
+            background-color: #555;
+            padding: 15px;
+            border-left: 5px solid #FFC107;
+            margin-top: 20px;
+        }
+        .footer-info {
+            margin-top: 30px;
+            font-size: 0.8em;
+            color: #aaa;
+        }
\ No newline at end of file
