66 lines
3.2 KiB
HTML
66 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Support the Project - I2P Secure Share</title>
|
|
<link rel="stylesheet" href="/static/css/tailwind.css">
|
|
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
|
|
|
|
<style>
|
|
body { background-color: #1a202c; color: #cbd5e0; }
|
|
.content-container { background-color: #2d3748; border: 1px solid #4a5568; }
|
|
.announcement-bar { background-color: #2563eb; border-bottom: 1px solid #1e3a8a; }
|
|
.address-box { background-color: #1a202c; padding: 1rem; border-radius: 0.5rem; word-break: break-all; }
|
|
</style>
|
|
</head>
|
|
<body class="font-sans">
|
|
|
|
{% if announcement_enabled and announcement_message %}
|
|
<div id="announcement-bar" class="announcement-bar text-white text-center p-2 relative shadow-lg">
|
|
<span>{{ announcement_message }}</span>
|
|
<button id="close-announcement" class="absolute top-0 right-0 mt-2 mr-4 text-white hover:text-gray-200 text-2xl leading-none">×</button>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="flex items-center justify-center min-h-screen py-8">
|
|
<div class="w-full max-w-2xl mx-auto p-4">
|
|
<header class="text-center mb-8">
|
|
<a href="/" class="inline-block mb-4">
|
|
<img src="/static/images/stormycloud.svg" alt="StormyCloud Logo" style="width:350px; max-width:100%;" class="mx-auto"/>
|
|
</a>
|
|
<h1 class="text-3xl font-bold text-white">Support the Service</h1>
|
|
</header>
|
|
|
|
<main class="content-container rounded-lg p-8 shadow-lg">
|
|
<p class="text-center text-gray-400 mb-6">This service is developed and maintained for the I2P community free of charge. If you find it valuable, please consider a small donation to help cover server costs and support future development.</p>
|
|
|
|
<div class="text-center">
|
|
<h2 class="text-2xl font-semibold text-white mb-2">Monero (XMR)</h2>
|
|
<div class="address-box font-mono text-sm">
|
|
45Gtj5tkhs4EsbnV7kkhMCRpbZUdqCQqR5qmLFVLAvbFCYaPL4pFbBkEBLJ7beHqkiJxdTBkPwFsT5EMu5jDrYBHPjQzPuv
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mt-12 border-t border-gray-700 pt-6">
|
|
<a href="/" class="text-blue-400 hover:text-blue-300">Back to Uploader</a>
|
|
</div>
|
|
</main>
|
|
<footer class="text-center text-gray-500 mt-16 border-t border-gray-700 pt-8 pb-8">
|
|
<a href="http://stormycloud.i2p" class="hover:text-gray-400">StormyCloud</a>
|
|
<span class="mx-2">|</span>
|
|
<a href="/donate" class="hover:text-gray-400">Donate</a>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
const announcementBar = document.getElementById('announcement-bar');
|
|
const closeButton = document.getElementById('close-announcement');
|
|
if (closeButton) {
|
|
closeButton.addEventListener('click', () => {
|
|
announcementBar.style.display = 'none';
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |