RClone Manager Website

Official website for RClone Manager – docs, downloads, and project info.

Built with Angular 20 and Angular Material, featuring the same custom Adwaita theme from the desktop application.

🚀 Live Site

Visit: https://zarestia-dev.github.io/rclone-manager/

📦 Features

• Modern Angular 20 with standalone components
• Angular Material with custom Adwaita theme
• Fully responsive design (mobile, tablet, desktop)
• Smooth animations and transitions
• Lazy-loaded routes for optimal performance
• GitHub Pages deployment via GitHub Actions

🛠️ Development

Prerequisites

• Node.js 20.x or higher
• npm 10.x or higher

Installation

npm install

Development Server

npm start

Navigate to http://localhost:4200/. The application will automatically reload if you change any source files.

Build

npm run build

Build artifacts will be stored in the dist/ directory.

Publish to GitHub Pages

ng deploy --repo=https://github.com/Zarestia-Dev/rclone-manager.git

📁 Project Structure

src/
├── app/
│   ├── components/       # Reusable components (navbar, hero, features, footer)
│   ├── pages/           # Page components (home, docs, downloads, faq, contact)
│   ├── app.routes.ts    # Route configuration
│   └── app.ts           # Root component
├── animations.scss       # Animation utilities
├── custom-theme.scss     # Material theme from desktop app
└── index.html           # HTML template

🎨 Theme

The website uses the same custom Adwaita theme as the RClone Manager desktop application, including:

• Custom color palette (Green primary, Blue accent)
• Custom spacing and border radius scales
• Light/dark theme support
• Material Design 3 components

🚢 Deployment

The site is automatically deployed to GitHub Pages when changes are pushed to the main branch via GitHub Actions.

📝 Adding Content

Docs Page

Edit src/app/pages/docs/docs.html to add documentation content.

Downloads Page

Edit src/app/pages/downloads/downloads.html to add download links.

FAQ Page

Edit src/app/pages/faq/faq.html to add FAQ content.

Contact Page

Edit src/app/pages/contact/contact.html to add contact information.

📄 License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.