Mirror project with modern TailwindCSS design. Docker files provided for testing.

src/ contains the website files with modern styling and directory listing functionality.

• Tailwind CSS 4.1 (CSS-first configuration)
• Tailwind CLI (@tailwindcss/cli)
• Vanilla HTML/JS

• Node.js 20+ (Tailwind v4 requires modern Node and browsers)
• npm

npm install

• Production:

  npm run build-css-prod

  Outputs src/assets/css/tailwind.css (minified)

• Development (watch):

  npm run build-css

mirror/
├── src/
│   ├── assets/
│   │   ├── css/
│   │   │   ├── input.css      # Tailwind v4 entry + @theme, @utility
│   │   │   └── tailwind.css   # Generated CSS (after build)
│   │   ├── js/
│   │   └── img/
│   ├── theme/
│   ├── error/
│   └── *.html
├── package.json
└── README.md

1. Build CSS:

   npm run build-css-prod

2. Deploy the src/ directory to your web server. Ensure src/assets/css/tailwind.css is included.

• npm run build-css-prod — Build minified CSS for production
• npm run build-css — Watch and rebuild CSS on changes
• npm run lint — ESLint for JS
• npm run lint:fix — ESLint with auto-fix

Docker files are provided for testing and deployment:

sudo docker compose up --build -d