basic layout and tailwind

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "pyrss-ng",
+  "version": "0.0.0",
+  "main": "src/app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "tailwind": "npx tailwindcss -i ./src/client/public/css/main.css -o ./src/client/public/css/tailwind.css",
+    "dev": "npm run tailwind && nodemon src/app.js",
+    "start": "node src/app.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.cor.bz/corbz/pyrss-ng.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "dotenv": "^16.4.7",
+    "ejs": "^3.1.10",
+    "ejs-mate": "^4.0.0",
+    "express": "^4.21.2",
+    "preline": "^2.7.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.9",
+    "tailwindcss": "^3.4.17"
+  }
+}

src/app.js

@@ -0,0 +1,26 @@
+const express = require("express");
+const engine = require("ejs-mate");
+const dotenv = require("dotenv");
+
+// import routers
+const homeRouter = require("./server/routes/home");
+
+dotenv.config();
+
+const app = express();
+
+app.engine("ejs", engine);
+app.set("views", __dirname + "/client/views");
+app.set("view engine", "ejs");
+
+app.use("/static", express.static(__dirname + "/client/public"));
+app.use("/static/preline.js", express.static(__dirname + "/../node_modules/preline/dist/preline.js"));
+
+// register routers
+app.use("/", homeRouter);
+
+const PORT = process.env.PORT || 3000;
+
+app.listen(PORT, () => {
+    console.log(`Server is listening on http://localhost:${PORT}`);
+});

src/client/public/css/main.css

@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* flex items-center gap-x-3.5 py-2 px-2.5 bg-gray-100 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-700 dark:text-white
+hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 */
+
+
+
+
+.sidebar-btn {
+    @apply flex items-center gap-x-3.5 py-2 px-2.5 text-sm rounded-lg focus:outline-none text-gray-800 hover:bg-gray-100 focus:bg-gray-100 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:text-neutral-200;
+}

src/client/views/home.ejs

@@ -0,0 +1,3 @@
+<%  layout("layout") -%>
+
+test

src/server/controllers/home.js

@@ -0,0 +1,6 @@
+
+const get = async (request, response) => {
+    response.render("home", {title: "home page"});
+};
+
+module.exports = { get };

src/server/routes/home.js

@@ -0,0 +1,9 @@
+
+const { Router } = require("express");
+const controller = require("../controllers/home");
+
+const router = Router();
+
+router.get("/", controller.get);
+
+module.exports = router;

tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/client/**/*.{html,js,ejs}",
+    "./node_modules/preline/dist/*.js"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [require('preline/plugin')],
+}
+