Update index.html
Browse files- index.html +31 -21
index.html
CHANGED
@@ -6,53 +6,57 @@
|
|
6 |
<title>International Umbrella Endowment</title>
|
7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
9 |
-
<link href="https://fonts.googleapis.com/css2?family=
|
10 |
<link rel="stylesheet" href="style.css">
|
11 |
<script src="script.js" defer></script>
|
12 |
</head>
|
13 |
<body>
|
14 |
|
15 |
-
<
|
16 |
<header class="page-header">
|
17 |
-
<svg class="logo" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"
|
18 |
-
|
19 |
-
<path d="M50 25 L75 45 L65 45 L50 32 L35 45 L25 45 Z" />
|
20 |
-
<path d="M50 40 L60 50 L50 60 L40 50 Z" />
|
21 |
-
<path d="M50 65 L50 90" stroke="currentColor" stroke-width="4" />
|
22 |
-
</svg>
|
23 |
-
<h1>International Umbrella Endowment</h1>
|
24 |
</header>
|
25 |
-
|
26 |
-
<div class="
|
27 |
<h2>Check Deal Status</h2>
|
28 |
<form id="deal-lookup-form">
|
29 |
<div class="form-group">
|
30 |
<label for="lookup-deal-id">Enter Your Unique Deal ID</label>
|
31 |
-
<input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-
|
32 |
</div>
|
33 |
-
<button type="submit" id="lookup-button">Check Status</button>
|
34 |
</form>
|
35 |
</div>
|
36 |
|
37 |
-
<div class="
|
38 |
<details>
|
39 |
<summary>Platform Operator Panel</summary>
|
40 |
<div class="details-content">
|
41 |
<form id="admin-action-form">
|
42 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
43 |
</div>
|
44 |
</details>
|
45 |
</div>
|
46 |
-
</
|
47 |
|
48 |
-
<button id="show-submission-button" class="
|
49 |
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="
|
50 |
</button>
|
51 |
|
52 |
<div id="submission-modal" class="modal-backdrop hidden">
|
53 |
<div class="modal-content">
|
54 |
<button id="submission-modal-close-button" class="modal-close">×</button>
|
55 |
-
<
|
56 |
<form id="vessel-exchange-form">
|
57 |
<input type="hidden" name="action" value="submit">
|
58 |
<div class="form-group">
|
@@ -64,17 +68,23 @@
|
|
64 |
<input type="email" id="contactEmail" name="contactEmail" required>
|
65 |
</div>
|
66 |
<div class="form-group">
|
67 |
-
<label for="tokenAmount">
|
68 |
<input type="number" id="tokenAmount" name="tokenAmount" required min="0" step="any">
|
69 |
</div>
|
70 |
-
<button type="submit" id="submit-button">Submit
|
71 |
</form>
|
72 |
<div id="status-message" class="status" aria-live="polite"></div>
|
73 |
</div>
|
74 |
</div>
|
75 |
|
76 |
<div id="deal-modal" class="modal-backdrop hidden">
|
|
|
|
|
|
|
|
|
|
|
77 |
</div>
|
|
|
78 |
|
79 |
</body>
|
80 |
</html>
|
|
|
6 |
<title>International Umbrella Endowment</title>
|
7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
9 |
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
10 |
<link rel="stylesheet" href="style.css">
|
11 |
<script src="script.js" defer></script>
|
12 |
</head>
|
13 |
<body>
|
14 |
|
15 |
+
<main class="main-container">
|
16 |
<header class="page-header">
|
17 |
+
<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>
|
18 |
+
<h1>Endowment Portal</h1>
|
|
|
|
|
|
|
|
|
|
|
19 |
</header>
|
20 |
+
|
21 |
+
<div class="widget-card" id="lookup-container">
|
22 |
<h2>Check Deal Status</h2>
|
23 |
<form id="deal-lookup-form">
|
24 |
<div class="form-group">
|
25 |
<label for="lookup-deal-id">Enter Your Unique Deal ID</label>
|
26 |
+
<input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-17..." required>
|
27 |
</div>
|
28 |
+
<button type="submit" id="lookup-button" class="button-primary">Check Status</button>
|
29 |
</form>
|
30 |
</div>
|
31 |
|
32 |
+
<div class="widget-card admin-panel">
|
33 |
<details>
|
34 |
<summary>Platform Operator Panel</summary>
|
35 |
<div class="details-content">
|
36 |
<form id="admin-action-form">
|
37 |
+
<div class="form-group">
|
38 |
+
<label for="admin-deal-id">Deal ID to Action</label>
|
39 |
+
<input type="text" id="admin-deal-id" name="deal_id" placeholder="Enter Deal ID..." required>
|
40 |
+
</div>
|
41 |
+
<div class="admin-buttons">
|
42 |
+
<button type="button" id="admin-approve-button" class="button-approve">Approve</button>
|
43 |
+
<button type="button" id="admin-decline-button" class="button-decline">Decline</button>
|
44 |
+
</div>
|
45 |
+
<div id="admin-status-message" class="status" aria-live="polite"></div>
|
46 |
+
</form>
|
47 |
</div>
|
48 |
</details>
|
49 |
</div>
|
50 |
+
</main>
|
51 |
|
52 |
+
<button id="show-submission-button" class="fab" title="Submit New Deal">
|
53 |
+
<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>
|
54 |
</button>
|
55 |
|
56 |
<div id="submission-modal" class="modal-backdrop hidden">
|
57 |
<div class="modal-content">
|
58 |
<button id="submission-modal-close-button" class="modal-close">×</button>
|
59 |
+
<h2>New Endowment Request</h2>
|
60 |
<form id="vessel-exchange-form">
|
61 |
<input type="hidden" name="action" value="submit">
|
62 |
<div class="form-group">
|
|
|
68 |
<input type="email" id="contactEmail" name="contactEmail" required>
|
69 |
</div>
|
70 |
<div class="form-group">
|
71 |
+
<label for="tokenAmount">Tokens Requested</label>
|
72 |
<input type="number" id="tokenAmount" name="tokenAmount" required min="0" step="any">
|
73 |
</div>
|
74 |
+
<button type="submit" id="submit-button" class="button-primary">Submit Request</button>
|
75 |
</form>
|
76 |
<div id="status-message" class="status" aria-live="polite"></div>
|
77 |
</div>
|
78 |
</div>
|
79 |
|
80 |
<div id="deal-modal" class="modal-backdrop hidden">
|
81 |
+
<div class="modal-content">
|
82 |
+
<button id="modal-close-button" class="modal-close">×</button>
|
83 |
+
<h3>Deal Information</h3>
|
84 |
+
<div id="modal-body">
|
85 |
+
</div>
|
86 |
</div>
|
87 |
+
</div>
|
88 |
|
89 |
</body>
|
90 |
</html>
|