Merge pull request #374 from lofimichael/tailwind

added slopwind (tailwind) support
DishpitDev · Jan 8, 2025 · 8c10ec3 · 8c10ec3
2 parents 65bbe84 + 873222d
commit 8c10ec3
Show file tree

Hide file tree

Showing 6 changed files with 676 additions and 3 deletions.
diff --git a/LIVE/index.html b/LIVE/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <title>Slopify S1</title>
@@ -18,6 +18,8 @@
       crossorigin="anonymous"
     ></script>
     <script src="src/static/js/speech.js"></script>
+    <link rel="stylesheet" href="src/static/css/main.css">
+    <link rel="stylesheet" href="src/static/css/tailwind.css">
     <script src="tv/hls.min.js"></script>
     <script src="src/static/js/anime_girl_live_stream.js"></script>
     <link rel="stylesheet" href="src/static/css/main.css" />
@@ -49,7 +51,9 @@
 
   <body>
     <header>
-      <h1>Welcome to slopify.dev season 1 LIVE AND DIRECT</h1>
+        <h1 class="bg-red-300">Welcome to slopify.dev season 1 LIVE AND DIRECT</h1>
+    </header>
+    <hr>
       <button
         type="button"
         onclick="location.href = 'https://s0.slopify.dev/';"
@@ -59,6 +63,7 @@ <h1>Welcome to slopify.dev season 1 LIVE AND DIRECT</h1>
     </header>
     <div class="center"><p>This is how to center a div!</p></div>
     <hr />
+
     <h3>Navigation:</h3>
     <ul>
       <li>

diff --git a/LIVE/package.json b/LIVE/package.json
@@ -5,7 +5,10 @@
   "module": "index.ts",
   "type": "module",
   "scripts": {
-    "start": "live-server --open=index.html"
+    "start": "npm run build && live-server --open=index.html",
+    "build": "tailwindcss -i ./src/style.css -o ./src/static/css/tailwind.css",
+    "build:css": "tailwindcss -i ./src/style.css -o ./src/static/css/tailwind.css --watch",
+    "dev": "concurrently \"npm run build:css\" \"npm run start\""
   },
   "repository": {
     "type": "git",
@@ -25,14 +28,18 @@
     "@eslint/js": "^9.17.0",
     "@typescript-eslint/eslint-plugin": "^8.19.0",
     "@typescript-eslint/parser": "^8.19.0",
+    "autoprefixer": "^10.4.20",
+    "concurrently": "^9.1.2",
     "eslint": "^9.17.0",
     "eslint-plugin-jsonc": "^2.18.2",
     "globals": "^15.14.0",
     "htmlhint": "^1.1.4",
     "live-server": "^1.2.2",
+    "postcss": "^8.4.49",
     "standard": "^17.1.2",
     "stylelint": "^16.12.0",
     "stylelint-config-standard": "^36.0.1",
+    "tailwindcss": "^3.4.17",
     "typescript-eslint": "^8.19.0"
   },
   "dependencies": {

diff --git a/LIVE/postcss.config.js b/LIVE/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}