]> git.ekhem.eu.org Git - gym.git/commitdiff
projects / gym.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 16b614b)
Move common CSS styles into a separte file.
authorJakub Czajka <jczajka@google.com>
Sat, 23 Dec 2023 21:38:50 +0000 (22:38 +0100)
committerJakub Czajka <jakub@ekhem.eu.org>
Sun, 31 Dec 2023 11:01:03 +0000 (12:01 +0100)
gym.css [new file with mode: 0644] patch | blob
gym.sh patch | blob | history
record.sh patch | blob | history

diff --git a/gym.css b/gym.css
new file mode 100644 (file)
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 d24277ee7ba0f6756d27338b4d4d487cf0f5b956..dd4b03393a4edb2e47ce0847c60252607a4255ab 100755 (executable)
--- 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 9ef5ea1a5e59c44099074d63ab946a7987317f89..e92e2f2479c6c0cd32fd54879fcfb098253a21a2 100755 (executable)
--- 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>
HTTP interface for a database tracking gym progress.