feat(donation): Add "Support Us" link and donation modal to the sidebar
This commit is contained in:
@ -147,6 +147,12 @@
|
||||
<p>Config</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link" data-toggle="modal" data-target="#donationModal">
|
||||
<i class="nav-icon fas fa-heart text-danger"></i>
|
||||
<p>Support Us</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon fas fa-book"></i>
|
||||
@ -157,7 +163,7 @@
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('index') }}docs" class="nav-link">
|
||||
<a href="{{ url_for('index') }}docs" target="_blank" class="nav-link">
|
||||
<i class="nav-icon fas fa-network-wired"></i>
|
||||
<p>API Documentation</p>
|
||||
</a>
|
||||
@ -198,6 +204,30 @@
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- Donation Modal -->
|
||||
<div class="modal fade" id="donationModal" tabindex="-1" role="dialog" aria-labelledby="donationModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 420px;">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="donationModalLabel"><i class="fas fa-heart text-danger mr-2"></i>Support the Project</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body p-4">
|
||||
<p class="text-center">Your support means a lot and helps us improve the project continuously 💖</p>
|
||||
<div class="d-flex justify-content-center mt-3">
|
||||
<iframe src="https://nowpayments.io/embeds/donation-widget?api_key=8e3029da-4479-4426-9e84-9b0fbee7be97" width="346" height="623" frameborder="0" scrolling="no" style="overflow-y: hidden; border-radius: 8px;">
|
||||
Can't load widget
|
||||
</iframe>
|
||||
</div>
|
||||
|
||||
<p class="text-center mt-3 font-weight-bold">Thank you for keeping this project alive and thriving! ❤️</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- REQUIRED SCRIPTS -->
|
||||
<!-- jQuery -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user