From aeba4971cd5a88d75ef1a299bd0249a7fae1bf77 Mon Sep 17 00:00:00 2001
From: Jakub Czajka <jczajka@google.com>
Date: Sat, 23 Dec 2023 22:38:50 +0100
Subject: [PATCH] Move common CSS styles into a separte file.

---
 gym.css   | 12 ++++++++++++
 gym.sh    | 13 +------------
 record.sh | 11 +----------
 3 files changed, 14 insertions(+), 22 deletions(-)
 create mode 100644 gym.css
diff --git a/gym.css b/gym.css
new file mode 100644
index 0000000..93e7928
--- /dev/null
+++ b/gym.css
@@ -0,0 +1,12 @@
+body {
+  background-color: #7fa99b;
+}
+form {
+  width: min(400px, 100%);
+}
+fieldset {
+  background-color: #f1d18a;
+  display: flex;
+  flex-direction: column;
+  row-gap: 5px;
+}
diff --git a/gym.sh b/gym.sh
index d24277e..dd4b033 100755
--- a/gym.sh
+++ b/gym.sh
@@ -15,20 +15,9 @@ PAGE="
 <!DOCTYPE html>
 <html>
 <meta name='viewport' content='width=device-width'>
+<link rel='stylesheet' href='gym.css'>
 <head>
   <style>
-    body {
-      background-color: #7fa99b;
-    }
-    form {
-      width: min(400px, 100%);
-    }
-    fieldset {
-      background-color: #f1d18a;
-      display: flex;
-      flex-direction: column;
-      row-gap: 5px;
-    }
     label {
       column-gap: 5px;
       display: flex;
diff --git a/record.sh b/record.sh
index 9ef5ea1..e92e2f2 100755
--- a/record.sh
+++ b/record.sh
@@ -52,6 +52,7 @@ PAGE="
 <!DOCTYPE html>
 <html>
 <meta name='viewport' content='width=device-width'>
+<link rel='stylesheet' href='gym.css'>
 <head>
   <script>
     window.onbeforeunload = function (event) {
@@ -60,17 +61,7 @@ PAGE="
     }
   </script>
   <style>
-    body {
-      background-color: #7fa99b;
-    }
-    form {
-      width: min(400px, 100%);
-    }
     fieldset {
-      background-color: #f1d18a;
-      display: flex;
-      flex-direction: column;
-      row-gap: 5px;
       margin: 5px 0;
     }
   </style>
-- 
2.39.5

