Add css to the /windows and /apple templates (juanfont#1211)

atorregrosa-smd · kradalby · web-flow · commit cf7767d8f9b7 · 2023-02-09T08:49:05.000-05:00
Co-authored-by: Kristoffer Dalby &lt;kristoffer@dalby.cc&gt;
diff --git a/templates/apple.html b/templates/apple.html
@@ -4,11 +4,27 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>headscale - Apple</title>
+    <style>
+      body {
+        margin: 40px auto;
+        max-width: 800px;
+        line-height: 1.5;
+        font-size: 16px;
+        color: #444;
+        padding: 0 10px;
+        font-family: Sans-serif;
+      }
+      h1,
+      h2,
+      h3 {
+        line-height: 1.2;
+      }
+    </style>
   </head>
 
   <body>
-    <h1>headscale</h1>
+    <h1>headscale: Apple configuration</h1>
     <h2>Recent Tailscale versions (1.34.0 and higher)</h2>
     <p>
       Tailscale added Fast User Switching in version 1.34 and you can now use
diff --git a/templates/windows.html b/templates/windows.html
@@ -4,11 +4,27 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>headscale - Windows</title>
+    <style>
+      body {
+        margin: 40px auto;
+        max-width: 800px;
+        line-height: 1.5;
+        font-size: 16px;
+        color: #444;
+        padding: 0 10px;
+        font-family: Sans-serif;
+      }
+      h1,
+      h2,
+      h3 {
+        line-height: 1.2;
+      }
+    </style>
   </head>
 
   <body>
-    <h1>headscale</h1>
+    <h1>headscale: Windows configuration</h1>
     <h2>Recent Tailscale versions (1.34.0 and higher)</h2>
     <p>
       Tailscale added Fast User Switching in version 1.34 and you can now use
