Welcome to Your Protected Content System!
This system provides a simple yet effective way to protect certain pages on your website using CSV-based user management and popup authentication.
🎯 How It Works
This authentication system allows you to protect specific HTML pages without using a traditional database. Instead, it uses a simple CSV file to store registered users and JavaScript to handle authentication through an elegant popup interface.
🚀 System Features
CSV-Based Storage
User data is stored in a simple CSV file that administrators can easily download and manage without database complexity.
Persistent Sessions
Users stay logged in for 7 days using local storage, providing a seamless experience across browser sessions.
Beautiful Popup UI
Elegant popup interface with both login and registration functionality, preventing access to content until authenticated.
Easy Integration
Simply add data-protected="true" to any page's body tag and include the auth-system.js file.
Content Protection
Page content is blurred and interaction is disabled until user authentication is completed successfully.
Mobile Responsive
The authentication popup and protected pages work seamlessly on both desktop and mobile devices.
📋 Implementation Instructions
- Upload Files: Place all files in your web directory
- Set Permissions: Ensure the PHP file can read/write the CSV file
- Protect Pages: Add
data-protected="true"to any page's body tag - Include Scripts: Add
<script src="auth-system.js"></script>to protected pages - Customize: Modify the CSV file with your initial users or start empty
🎉 Your System Is Ready!
Try accessing the protected pages above. If you're not registered, you'll see the authentication popup. The system will remember your login for future visits!