Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>International Umbrella</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="script.js" defer></script> | |
| </head> | |
| <body> | |
| <main class="main-container"> | |
| <header class="page-header"> | |
| <svg class="logo" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 15 L95 55 L80 55 L50 30 L20 55 L5 55 Z" /><path d="M50 35 L70 55 L60 55 L50 45 L40 55 L30 55 Z" /><path d="M50 50 L55 55 L50 60 L45 55 Z" /><path d="M50 65 L50 85" stroke-width="5" /></svg> | |
| <h1>Portal</h1> | |
| </header> | |
| <div class="widget-card" id="lookup-container"> | |
| <h2></h2> | |
| <form id="deal-lookup-form"> | |
| <div class="form-group"> | |
| <label for="lookup-deal-id">Enter Your Unique Deal ID</label> | |
| <label for=""><b>Important</b>: Submit your request and make a note of your Unique ID. It will also be available in the deal status window.</label> | |
| <p> | |
| <br> | |
| <label for""">Tokenomics: BCH BRC-20, BTC (FB) BRC-20 Ordinals Tokens.</label> | |
| <p> | |
| <label for""">Yield Farming%: 0.3% Per Pool Trade.</label> | |
| <p> | |
| <label for""">Legal: S.4912 - BITCOIN Act of 2024 § 1.482-4 (b) (4)(5) §1.482-4(f)(3) § 6132 (h)(1) Section 798.3. Notice 2014-21 . B3-4.1-04, Virtual Currency (05/04/2022) B3-4.3-02, Trust Accounts (04/01/2009) 5501.3 Sections 5501.3(b)(ii) and 5501.3(c). Howey Test Compliant. OCC Interpretive Letter #1188 December 2025. Fannie Mae guidelines B3-4.3-02, Trust Accounts (04/01/2009)</label> | |
| <input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-17..." required> | |
| </div> | |
| <button type="submit" id="lookup-button" class="button-primary">Check Status</button> | |
| </form> | |
| </div> | |
| <div class="widget-card admin-panel"> | |
| <details> | |
| <summary>Platform Operator Panel</summary> | |
| <div class="details-content"> | |
| <form id="admin-action-form"> | |
| <div class="form-group"> | |
| <label for="admin-deal-id">Deal ID to Action</label> | |
| <input type="text" id="admin-deal-id" name="deal_id" placeholder="Enter Deal ID..." required> | |
| </div> | |
| <div class="admin-buttons"> | |
| <button type="button" id="admin-approve-button" class="button-approve">Approve</button> | |
| <button type="button" id="admin-decline-button" class="button-decline">Decline</button> | |
| </div> | |
| <div id="admin-status-message" class="status" aria-live="polite"></div> | |
| </form> | |
| </div> | |
| </details> | |
| </div> | |
| </main> | |
| <button id="show-submission-button" class="fab" title="Submit New Deal"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24" height="24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6z"/></svg> | |
| </button> | |
| <div id="submission-modal" class="modal-backdrop hidden"> | |
| <div class="modal-content"> | |
| <button id="submission-modal-close-button" class="modal-close">×</button> | |
| <h2>New Request</h2> | |
| <form id="vessel-exchange-form"> | |
| <input type="hidden" name="action" value="submit"> | |
| <div class="form-group"> | |
| <label for="ownerName">Owner Name</label> | |
| <input type="text" id="ownerName" name="ownerName" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="contactEmail">Contact Email</label> | |
| <input type="email" id="contactEmail" name="contactEmail" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="tokenAmount">Tokens Requested</label> | |
| <input type="number" id="tokenAmount" name="tokenAmount" required min="0" step="any"> | |
| </div> | |
| <button type="submit" id="submit-button" class="button-primary">Submit Request</button> | |
| </form> | |
| <div id="status-message" class="status" aria-live="polite"></div> | |
| </div> | |
| </div> | |
| <div id="deal-modal" class="modal-backdrop hidden"> | |
| <div class="modal-content"> | |
| <button id="modal-close-button" class="modal-close">×</button> | |
| <h3>Deal Information</h3> | |
| <div id="modal-body"> | |
| <p><strong>Deal ID:</strong> <span id="modal-deal-id"></span></p> | |
| <p><strong>Status:</strong> <span id="modal-status-badge" class="badge"></span></p> | |
| <hr class="modal-hr"> | |
| <p><strong>Owner:</strong> <span id="modal-owner-name"></span></p> | |
| <p><strong>Contact Email:</strong> <span id="modal-contact-email"></span></p> | |
| <p><strong>Contact Phone:</strong> <span id="modal-contact-phone"></span></p> | |
| <hr class="modal-hr"> | |
| <p><strong>Vessel Year Built:</strong> <span id="modal-year-built"></span></p> | |
| <p><strong>Gross Tonnage:</strong> <span id="modal-gross-tonnage"></span></p> | |
| <p><strong>Tokens Requested:</strong> <span id="modal-token-amount"></span></p> | |
| <p class="description-label"><strong>Description:</strong></p> | |
| <p id="modal-vessel-description" class="description-text"></p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </html> | |
| </body> | |
| </html> | |