|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>International Umbrella Endowment</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=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="script.js" defer></script> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<div class="content-wrapper"> |
|
|
<header class="page-header"> |
|
|
<svg class="logo" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="currentColor"> |
|
|
<path d="M50 10 L90 45 L80 45 L50 20 L20 45 L10 45 Z" /> |
|
|
<path d="M50 25 L75 45 L65 45 L50 32 L35 45 L25 45 Z" /> |
|
|
<path d="M50 40 L60 50 L50 60 L40 50 Z" /> |
|
|
<path d="M50 65 L50 90" stroke="currentColor" stroke-width="4" /> |
|
|
</svg> |
|
|
<h1>International Umbrella Endowment</h1> |
|
|
</header> |
|
|
|
|
|
<div class="form-container" id="lookup-container"> |
|
|
<h2>Check Deal Status</h2> |
|
|
<form id="deal-lookup-form"> |
|
|
<div class="form-group"> |
|
|
<label for="lookup-deal-id">Enter Your Unique Deal ID</label> |
|
|
<input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-175..." required> |
|
|
</div> |
|
|
<button type="submit" id="lookup-button">Check Status</button> |
|
|
</form> |
|
|
</div> |
|
|
|
|
|
<div class="form-container admin-panel"> |
|
|
<details> |
|
|
<summary>Platform Operator Panel</summary> |
|
|
<div class="details-content"> |
|
|
<form id="admin-action-form"> |
|
|
</form> |
|
|
</div> |
|
|
</details> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button id="show-submission-button" class="floating-action-button" title="Submit New Deal"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="28" height="28"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg> |
|
|
</button> |
|
|
|
|
|
<div id="submission-modal" class="modal-backdrop hidden"> |
|
|
<div class="modal-content"> |
|
|
<button id="submission-modal-close-button" class="modal-close">×</button> |
|
|
<h3>Vessel Exchange Endowment</h3> |
|
|
<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">UMBR Tokens Requested</label> |
|
|
<input type="number" id="tokenAmount" name="tokenAmount" required min="0" step="any"> |
|
|
</div> |
|
|
<button type="submit" id="submit-button">Submit Exchange Request</button> |
|
|
</form> |
|
|
<div id="status-message" class="status" aria-live="polite"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="deal-modal" class="modal-backdrop hidden"> |
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
