summary refs log tree commit diff stats
path: root/stalwart
diff options
context:
space:
mode:
Diffstat (limited to 'stalwart')
-rw-r--r--stalwart/Trunk.toml4
-rw-r--r--stalwart/index.html32
-rw-r--r--stalwart/input.css3
-rw-r--r--stalwart/package.json18
-rw-r--r--stalwart/tailwind.config.js36
5 files changed, 93 insertions, 0 deletions
diff --git a/stalwart/Trunk.toml b/stalwart/Trunk.toml
new file mode 100644
index 0000000..579d138
--- /dev/null
+++ b/stalwart/Trunk.toml
@@ -0,0 +1,4 @@
+[[hooks]]
+stage = "pre_build"
+command = "sh"
+command_arguments = ["-c", "npx tailwindcss -i input.css -o style/output.css"]
diff --git a/stalwart/index.html b/stalwart/index.html
new file mode 100644
index 0000000..e7f5dae
--- /dev/null
+++ b/stalwart/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link data-trunk rel="rust" data-wasm-opt="z" />
+
+    <!-- Favicon for browsers -->
+    <link data-trunk rel="icon" type="image/ico" href="./src/assets/favicon.ico">
+    <!-- Favicon sizes for different platforms -->
+    <link data-trunk rel="icon" type="image/png" sizes="32x32" href="./src/assets/favicon-32x32.png">
+    <link data-trunk rel="icon" type="image/png" sizes="16x16" href="./src/assets/favicon-16x16.png">
+    <!-- For Android Chrome -->
+    <link data-trunk rel="icon" type="image/png" sizes="192x192" href="./src/assets/android-chrome-192x192.png">
+    <link data-trunk rel="icon" type="image/png" sizes="512x512" href="./src/assets/android-chrome-512x512.png">
+    <!-- For iOS devices -->
+    <link data-trunk rel="copy-file" href="./src/assets/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <!-- Manifest -->
+    <link data-trunk rel="copy-file" href="./src/assets/site.webmanifest" />
+    <link rel="manifest" href="/site.webmanifest">
+    <link data-trunk rel="css" href="/style/output.css" />
+    <link data-trunk rel="copy-file" href="./src/assets/logo.svg" />
+
+    <title>Stalwart Management</title>
+</head>
+
+<body>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/stalwart/input.css b/stalwart/input.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/stalwart/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/stalwart/package.json b/stalwart/package.json
new file mode 100644
index 0000000..32a2cb5
--- /dev/null
+++ b/stalwart/package.json
@@ -0,0 +1,18 @@
+{
+    "name": "stalwart-admin",
+    "version": "0.1.0",
+    "description": "",
+    "main": "index.js",
+    "scripts": {
+        "build": "npx tailwindcss -i ./style/input.css -o ./style/output/output.css",
+        "watch": "npx tailwindcss -i ./style/input.css -o ./style/output/output.css --watch"
+    },
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/typography": "^0.5.10",
+        "preline": "^1.9.0",
+        "tailwindcss": "^3.3.5"
+    }
+}
diff --git a/stalwart/tailwind.config.js b/stalwart/tailwind.config.js
new file mode 100644
index 0000000..f8dfe93
--- /dev/null
+++ b/stalwart/tailwind.config.js
@@ -0,0 +1,36 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["*.html", "./src/**/*.rs", "./node_modules/preline/dist/*.js"],
+  theme: {
+    screens: {
+      sm: '480px',
+      md: '768px',
+      lg: '1020px',
+      xl: '1440px',
+    },
+    fontFamily: {
+      sans: ['Inter', 'sans-serif'],
+
+    },
+    extend: {
+      //https://play.tailwindcss.com/VCZwwz1e3R
+      animation: {
+        text: 'text 5s ease infinite',
+      },
+      keyframes: {
+        text: {
+          '0%, 100%': {
+            'background-size': '200% 200%',
+            'background-position': 'left center',
+          },
+          '50%': {
+            'background-size': '200% 200%',
+            'background-position': 'right center',
+          },
+        },
+      },
+    },
+  },
+  darkMode: 'class',
+  plugins: [require('@tailwindcss/forms'), require("@tailwindcss/typography"), require("preline/plugin")],
+}