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:
@@ -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">×</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>
|
||||
Reference in New Issue
Block a user