feat: add loading overlays and animations across various pages

- Implemented new CSS animations for UI elements including bobbing, pulsing, rotating, and spinning effects.
- Integrated loading overlays in CrowdSecConfig, Login, ProxyHosts, Security, and WafConfig pages to enhance user experience during asynchronous operations.
- Added contextual messages for loading states to inform users about ongoing processes.
- Created tests for Login and Security pages to ensure overlays function correctly during login attempts and security operations.
This commit is contained in:
GitHub Actions
2025-12-04 15:10:02 +00:00
parent 33c31a32c6
commit 3e4323155f
29 changed files with 5575 additions and 1344 deletions
+17 -35
View File
@@ -1,55 +1,37 @@
# 📚 Documentation
# Welcome to Charon!
Welcome to the Charon documentation!
**You're in the right place.** These guides explain everything in plain English, no technical jargon.
---
## 📖 Start Here
## 🎯 Start Here
| Guide | Description |
|-------|-------------|
| [✨ Features](features.md) | See everything Charon can do |
| [🚀 Getting Started](getting-started.md) | Your first proxy in 5 minutes |
| [📥 Import Guide](import-guide.md) | Migrate from Caddy or NPM |
**[🚀 Getting Started](getting-started.md)** — Get your first website running in 5 minutes
**[✨ What Can It Do?](features.md)** — See everything Charon can do for you
**[📥 Import Your Old Setup](import-guide.md)** — Bring your existing Caddy configs
---
## 🔒 Security
## Security (Optional)
| Guide | Description |
|-------|-------------|
| [Security Features](security.md) | CrowdSec, WAF, ACLs, and rate limiting |
| [ACME Staging](acme-staging.md) | Test SSL certificates without rate limits |
**[Security Features](security.md)** — Block bad guys, bad countries, or bad behavior
**[Testing SSL Certificates](acme-staging.md)** — Practice without hitting limits
---
## 🔧 Reference
## For Developers
| Guide | Description |
|-------|-------------|
| [API Documentation](api.md) | REST API endpoints and examples |
| [Database Schema](database-schema.md) | How data is stored |
**[API Reference](api.md)** — Control Charon with code
**[Database Schema](database-schema.md)** — How everything is stored
---
## 🛠️ Development
## ❓ Need Help?
| Guide | Description |
|-------|-------------|
| [Contributing](https://github.com/Wikid82/charon/blob/main/CONTRIBUTING.md) | How to help improve Charon |
| [Debugging Guide](debugging-local-container.md) | Troubleshooting containers |
| [GitHub Setup](github-setup.md) | CI/CD and deployment |
**[💬 Ask a Question](https://github.com/Wikid82/charon/discussions)** — No question is too basic
**[🐛 Report a Bug](https://github.com/Wikid82/charon/issues)** — Something not working?
**[📋 Roadmap](https://github.com/users/Wikid82/projects/7)** — See what's coming next
---
## 🆘 Getting Help
- **💬 Questions?** [Start a Discussion](https://github.com/Wikid82/charon/discussions)
- **🐛 Found a Bug?** [Open an Issue](https://github.com/Wikid82/charon/issues)
- **📋 Roadmap** [Project Board](https://github.com/users/Wikid82/projects/7)
---
<p align="center">
<strong>Made with ❤️ for the community</strong>
</p>
<p align="center"><em>Everything here is written for humans, not robots.</em></p>