Add a separate index file for use in npm-package configuration so tha…

…t we can easily test out dark mode
ScottLogic · Jun 21, 2024 · 9de79bc · 9de79bc
1 parent f0890a8
commit 9de79bc
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/angular.json b/angular.json
@@ -41,6 +41,7 @@
               "baseHref": "/sl-tech-carbon-estimator/"
             },
             "npm-package": {
+              "index": {"input": "src/package-index.html", "output": "index.html"},
               "assets": [],
               "styles": ["src/styles.css"]
             },

diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>tech-carbon-estimator</title>
+    <title>Technology Carbon Estimator</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />

diff --git a/src/package-index.html b/src/package-index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Technology Carbon Estimator</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
+  </head>
+  <body class="dark:tce-bg-slate-800 dark:tce-text-slate-50">
+    <noscript
+      >Javascript appears to be disabled - unfortunately the estimator requires it to be enabled to function.</noscript
+    >
+    <tech-carbon-estimator></tech-carbon-estimator>
+  </body>
+</html>