Add tailwindcss to calm-visualizer

oliviajanejohns · Jan 10, 2025 · eafc9d4 · eafc9d4
1 parent d96027b
commit eafc9d4
Show file tree

Hide file tree

Showing 10 changed files with 6,497 additions and 3,111 deletions.
diff --git a/calm-visualizer/.prettierrc b/calm-visualizer/.prettierrc
@@ -1,10 +1,8 @@
 {
-    "trailingComma": "all",
+    "trailingComma": "es5",
     "tabWidth": 4,
-    "semi": true,
+    "semi": false,
     "singleQuote": true,
     "bracketSpacing": true,
-    "arrowParens": "always",
-    "printWidth": 120,
     "endOfLine": "auto"
 }
diff --git a/calm-visualizer/eslint.config.js b/calm-visualizer/eslint.config.js
@@ -1,8 +1,8 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
     { ignores: ['dist'] },
@@ -19,7 +19,10 @@ export default tseslint.config(
         },
         rules: {
             ...reactHooks.configs.recommended.rules,
-            'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+            'react-refresh/only-export-components': [
+                'warn',
+                { allowConstantExport: true },
+            ],
         },
-    },
-);
+    }
+)
diff --git a/calm-visualizer/index.html b/calm-visualizer/index.html
@@ -1,13 +1,14 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link href="./output.css" rel="stylesheet" />
+        <title>CALM Visualizer</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
 </html>