dereklseitz
732be668f7
- Split header-footer.css into:
- header.css
- footer.css
- modals.css
- Split footer.njk into:
- footer.njk
- modals.njk
- Updated front matter of:
- index.njk
- about.njk
- credits.njk
- gallery.njk
- community.njk
50 lines
1.9 KiB
Plaintext
50 lines
1.9 KiB
Plaintext
<!-- Custom Newsletter Modal -->
|
|
<div id="custom-alert" class="modal hidden">
|
|
<div class="modal-content">
|
|
<span class="close-modal" id="alert-close-btn">×</span>
|
|
<p id="alert-message"></p>
|
|
<button id="alert-ok-button">OK</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal for Shopping Cart -->
|
|
<div id="cart-modal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close-modal">×</span>
|
|
<h2>Your Shopping Cart</h2>
|
|
<ul id="cart-items"></ul> <!-- Dynamically populated -->
|
|
<p id="cart-total"></p> <!-- Sub-total will appear here -->
|
|
<div class="modal-buttons">
|
|
<button id="clear-cart-modal-btn">Clear Cart</button>
|
|
<button id="process-order-modal-btn">Process Order</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal for Item Added -->
|
|
<div id="item-added-modal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close-modal" id="item-added-close">×</span>
|
|
<p id="item-added-message"></p> <!-- Dynamically set message -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Confirmation Modal -->
|
|
<div id="confirmation-modal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close-modal" id="confirmation-close-btn">×</span>
|
|
<p id="confirmation-message"></p> <!-- Dynamic confirmation message -->
|
|
<button id="confirmation-confirm-btn">Confirm</button>
|
|
<button id="confirmation-close-btn">Close</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Final Confirmation Modal -->
|
|
<div id="final-confirmation-modal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close-modal" id="final-confirmation-close-btn">×</span>
|
|
<p id="final-confirmation-message"></p> <!-- Message after successful action -->
|
|
<button id="final-confirmation-close-btn">Close</button>
|
|
</div>
|
|
</div>
|