diff options
| author | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-09-26 20:15:48 +0200 |
|---|---|---|
| committer | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-09-26 20:15:48 +0200 |
| commit | fd832ce7a3660bd81b5476477ecdc2bc822df5c2 (patch) | |
| tree | 245ebcd20b3def57f46e7d28b3f4e551644a1afc /stalwart | |
| parent | chore: Initial Commit (diff) | |
| download | web-client-fd832ce7a3660bd81b5476477ecdc2bc822df5c2.zip | |
chore: Second version
Diffstat (limited to '')
| -rw-r--r-- | stalwart/Trunk.toml | 4 | ||||
| -rw-r--r-- | stalwart/index.html | 32 | ||||
| -rw-r--r-- | stalwart/input.css | 3 | ||||
| -rw-r--r-- | stalwart/package.json | 18 | ||||
| -rw-r--r-- | stalwart/tailwind.config.js | 36 |
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")], +} |