fix tos css + fix .well-known dir

is-a-dev · Jan 10, 2025 · 6cf3b44 · 6cf3b44
1 parent 1db66b4
commit 6cf3b44
Show file tree

Hide file tree

Showing 3 changed files with 62 additions and 46 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/.well-known/README.md b/.well-known/README.md
diff --git a/tos.html → terms.html b/tos.html → terms.html
@@ -1,45 +1,62 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-        <title>Terms of Service | is-a.dev</title>
-
-        <!-- Stylesheets -->
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.min.css">
-
-        <!-- Scripts -->
-        <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-    </head>
-
-    <body>
-        <div class="markdown-body" id="terms-of-service"></div>
-
-        <script>
-            const markdownUrl = 'https://raw.githubusercontent.com/is-a-dev/register/refs/heads/main/TERMS_OF_SERVICE.md';
-
-            const container = document.getElementById('terms-of-service');
-
-            // Fetch the Markdown file
-            fetch(markdownUrl)
-                .then(response => {
-                    if (!response.ok) {
-                        throw new Error(`Error fetching the file: ${response.statusText}`);
-                    }
-                    return response.text();
-                })
-                .then(markdown => {
-                    // Convert Markdown to HTML using Marked.js
-                    const htmlContent = marked.parse(markdown);
-
-                    // Insert the HTML into the container
-                    container.innerHTML = htmlContent;
-                })
-                .catch(error => {
-                    console.error('Error:', error);
-                    container.innerHTML = '<p>Failed to load Terms of Service.</p>';
-                });
-        </script>
-    </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title>Terms of Service | is-a.dev</title>
+
+        <!-- Stylesheets -->
+        <link rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.min.css">
+
+        <!-- Scripts -->
+        <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    </head>
+
+    <style>
+        body {
+            box-sizing: border-box;
+            min-width: 200px;
+            max-width: 980px;
+            margin: 0 auto;
+            padding: 45px;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: #0d1117;
+            }
+        }
+    </style>
+
+    <body>
+        <div class="markdown-body" id="terms-of-service">Loading Terms of Service...</div>
+
+        <script>
+            const markdownUrl = "https://raw.githubusercontent.com/is-a-dev/register/refs/heads/main/TERMS_OF_SERVICE.md";
+
+            const container = document.getElementById("terms-of-service");
+
+            // Fetch the Markdown file
+            fetch(markdownUrl)
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error(`Error fetching the file: ${response.statusText}`);
+                    }
+                    return response.text();
+                })
+                .then(markdown => {
+                    // Convert Markdown to HTML using Marked.js
+                    const htmlContent = marked.parse(markdown);
+
+                    // Insert the HTML into the container
+                    container.innerHTML = htmlContent;
+                })
+                .catch(err => {
+                    console.error(err);
+                    container.innerHTML = "<p>Failed to load Terms of Service.</p>";
+                });
+        </script>
+    </body>
+</html>