Add Tailwindcss as dev dependency (#5)

Simple PR adds tailwind as a dev dependencies, and updates layout by placing all app files under src/

closes #4

Reviewed-on: #5

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/*.{html,js,css,ico}

Dockerfile

@@ -1,2 +1,2 @@
 FROM nginx
-COPY . /usr/share/nginx/html
+COPY ./src/index.html ./src/script.js ./src/main.css /usr/share/nginx/html

Makefile

@@ -2,6 +2,10 @@ serve:
 	python3 -m http.server 8080
 .PHONY: serve
 
+watch:
+	npx tailwindcss -i ./src/dev.css -o ./src/main.css --watch
+.PHONY: watch
+
 build:
 	echo "Not implemented yet..."
 .PHONY: build

package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "tailwindcss": "^3.4.9"
+  }
+}

src/dev.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Web Serial Console</title>
     <link rel="icon" type="image/x-icon" href="./favicon.ico">
-    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" type="text/css" href="./main.css">
     <style>
       select:focus {
         outline: none;

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{html,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+