Add About Modal with developer information

- Create a comprehensive About modal showcasing features and version history
- Add information about PowerData.dk and Michael Bay-Laursen as the developer
- Include version history section for tracking changes
- Style modal for optimal display on all device sizes

🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-03-05 00:08:49 +00:00
parent 57342e0450
commit 7c7697c2cd
2 changed files with 148 additions and 2 deletions
+95
View File
@@ -551,8 +551,103 @@
</footer>
</div>
<!-- About Modal -->
<div class="modal-backdrop" id="about-modal" style="display: none;">
<div class="modal">
<div class="modal-header">
<h2><i class="fas fa-info-circle"></i> About Transmission RSS Manager</h2>
<button class="modal-close" id="close-about-modal">&times;</button>
</div>
<div class="modal-body">
<div class="about-logo text-center mb-4">
<img src="https://powerdata.dk/wp-content/uploads/2023/08/PowerData-logo-1.png" alt="PowerData Logo" style="max-width: 200px;">
</div>
<h3>Developed by PowerData.dk</h3>
<p class="lead mb-4">Created by Michael Bay-Laursen, a passionate developer with a dedication to creating elegant, powerful automation solutions.</p>
<div class="card mb-4">
<div class="card-header">
<h4>About the Developer</h4>
</div>
<div class="card-body">
<p>Michael Bay-Laursen is the talented founder of PowerData.dk, bringing years of experience in system automation, network management, and web application development to create tools that simplify complex tasks.</p>
<p>With a focus on user experience and robust functionality, Michael has designed this application to make media management accessible to everyone while providing the power and flexibility that advanced users demand.</p>
</div>
</div>
<h4>Key Features</h4>
<ul class="features-list">
<li><strong>Intelligent RSS Integration</strong> - Automatically download content based on customizable filters</li>
<li><strong>Smart Media Organization</strong> - Categorize and organize your downloads automatically</li>
<li><strong>One-Click Updates</strong> - Stay current with the latest features and improvements</li>
<li><strong>Responsive Interface</strong> - Manage your downloads from any device</li>
<li><strong>Advanced Content Detection</strong> - Automatic categorization of various media types</li>
<li><strong>Transmission Integration</strong> - Seamless control of your Transmission client</li>
</ul>
<h4>Version History</h4>
<div class="version-history">
<div class="version">
<h5>v2.0.0 - March 2025</h5>
<ul>
<li>Git-based installation and update system</li>
<li>System status dashboard with version checking</li>
<li>One-click updates through web interface</li>
<li>Automatic Transmission installation</li>
</ul>
</div>
<div class="version">
<h5>v1.2.0 - February 2025</h5>
<ul>
<li>Enhanced media organization</li>
<li>Improved transmission client integration</li>
<li>Better error handling</li>
</ul>
</div>
<div class="version">
<h5>v1.0.0 - January 2025</h5>
<ul>
<li>Initial release</li>
<li>RSS feed integration with torrent downloads</li>
<li>Basic web interface</li>
</ul>
</div>
</div>
<div class="text-center mt-4">
<p><strong>Transmission RSS Manager v2.0.0</strong></p>
<p>© 2025 PowerData.dk - All Rights Reserved</p>
<p><a href="https://powerdata.dk" target="_blank">Visit PowerData.dk</a></p>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" id="close-about-btn">Close</button>
</div>
</div>
</div>
<!-- JavaScript Files -->
<script src="/js/system-status.js"></script>
<script src="/js/app.js"></script>
<!-- About Modal Script -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Show about modal
document.getElementById('show-about-modal').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('about-modal').style.display = 'flex';
});
// Close modal handlers
document.getElementById('close-about-modal').addEventListener('click', closeAboutModal);
document.getElementById('close-about-btn').addEventListener('click', closeAboutModal);
function closeAboutModal() {
document.getElementById('about-modal').style.display = 'none';
}
});
</script>
</body>
</html>