Hugging Face's logo

Spaces:
privateuserh
/
ccremic-vbeta1-05
Running

App Files Community
privateuserh commited on
Commit
1b18f67
·
verified ·
1 Parent(s): 584bd4b

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +840 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ccremic Vbeta1 06
3
- emoji: 🐢
4
- colorFrom: red
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ccremic-vbeta1-06
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,840 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>REMIC | Blockchain Mortgage Solutions</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
12
+ }
13
+ .hero-pattern {
14
+ background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
15
+ background-size: 20px 20px;
16
+ }
17
+ .card-hover:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+ .process-step::before {
22
+ content: '';
23
+ position: absolute;
24
+ top: 0;
25
+ left: 24px;
26
+ height: 100%;
27
+ width: 2px;
28
+ background: #3b82f6;
29
+ }
30
+ .process-step:last-child::before {
31
+ display: none;
32
+ }
33
+ .crypto-bg {
34
+ background-image: url('https://images.unsplash.com/photo-1639762681057-408e52192e55?q=80&w=2232&auto=format&fit=crop');
35
+ background-size: cover;
36
+ background-position: center;
37
+ }
38
+ .floating-button {
39
+ position: fixed;
40
+ bottom: 2rem;
41
+ right: 2rem;
42
+ z-index: 50;
43
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
44
+ }
45
+ .token-calculator {
46
+ position: fixed;
47
+ bottom: 6rem;
48
+ right: 2rem;
49
+ z-index: 50;
50
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
51
+ transform-origin: bottom right;
52
+ transition: all 0.3s ease;
53
+ max-height: 80vh;
54
+ overflow-y: auto;
55
+ }
56
+ .token-calculator.hidden {
57
+ transform: scale(0);
58
+ opacity: 0;
59
+ pointer-events: none;
60
+ }
61
+ .remic-icon {
62
+ width: 80px;
63
+ height: 80px;
64
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
65
+ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
66
+ display: flex;
67
+ align-items: center;
68
+ justify-content: center;
69
+ color: white;
70
+ font-weight: bold;
71
+ font-size: 1.5rem;
72
+ }
73
+ .readonly-input {
74
+ background-color: #f3f4f6;
75
+ cursor: not-allowed;
76
+ }
77
+ .seller-input {
78
+ background-color: #eff6ff;
79
+ border-color: #3b82f6;
80
+ }
81
+ .tranche-a-bg {
82
+ background-color: rgba(59, 130, 246, 0.1);
83
+ border-left: 4px solid #3b82f6;
84
+ }
85
+ .tranche-b-bg {
86
+ background-color: rgba(16, 185, 129, 0.1);
87
+ border-left: 4px solid #10b981;
88
+ }
89
+ .tranche-c-bg {
90
+ background-color: rgba(239, 68, 68, 0.1);
91
+ border-left: 4px solid #ef4444;
92
+ }
93
+ .tranche-tab {
94
+ padding: 0.5rem 1rem;
95
+ border-radius: 0.375rem;
96
+ cursor: pointer;
97
+ transition: all 0.2s;
98
+ }
99
+ .tranche-tab.active {
100
+ background-color: rgba(59, 130, 246, 0.1);
101
+ color: #3b82f6;
102
+ font-weight: 600;
103
+ }
104
+ .tranche-content {
105
+ display: none;
106
+ }
107
+ .tranche-content.active {
108
+ display: block;
109
+ }
110
+ .tranche-badge {
111
+ display: inline-block;
112
+ padding: 0.25rem 0.5rem;
113
+ border-radius: 9999px;
114
+ font-size: 0.75rem;
115
+ font-weight: 600;
116
+ }
117
+ .badge-a {
118
+ background-color: rgba(59, 130, 246, 0.1);
119
+ color: #3b82f6;
120
+ }
121
+ .badge-b {
122
+ background-color: rgba(16, 185, 129, 0.1);
123
+ color: #10b981;
124
+ }
125
+ .badge-c {
126
+ background-color: rgba(239, 68, 68, 0.1);
127
+ color: #ef4444;
128
+ }
129
+ .submit-success {
130
+ animation: fadeInOut 3s ease-in-out;
131
+ opacity: 0;
132
+ }
133
+ @keyframes fadeInOut {
134
+ 0% { opacity: 0; }
135
+ 20% { opacity: 1; }
136
+ 80% { opacity: 1; }
137
+ 100% { opacity: 0; }
138
+ }
139
+ </style>
140
+ </head>
141
+ <body class="font-sans antialiased text-gray-800">
142
+ <!-- Header Section -->
143
+ <header class="gradient-bg text-white">
144
+ <div class="container mx-auto px-4 py-6">
145
+ <div class="flex justify-between items-center">
146
+ <div class="flex items-center space-x-4">
147
+ <div class="remic-icon">REMIC</div>
148
+ <div>
149
+ <h1 class="text-2xl font-bold">Century City REMIC</h1>
150
+ <p class="text-blue-200">Blockchain Mortgage Solutions</p>
151
+ </div>
152
+ </div>
153
+ <nav class="hidden md:flex space-x-8">
154
+ <a href="#" class="hover:text-blue-300 transition">Home</a>
155
+ <a href="#" class="hover:text-blue-300 transition">Invest</a>
156
+ <a href="#" class="hover:text-blue-300 transition">About</a>
157
+ <a href="#" class="hover:text-blue-300 transition">Contact</a>
158
+ </nav>
159
+ <button class="md:hidden text-white">
160
+ <i class="fas fa-bars text-2xl"></i>
161
+ </button>
162
+ </div>
163
+ </div>
164
+ </header>
165
+
166
+ <!-- Hero Section -->
167
+ <section class="gradient-bg hero-pattern text-white py-20">
168
+ <div class="container mx-auto px-4 text-center">
169
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Revolutionizing Real Estate Investment</h1>
170
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Mortgage solutions powered by blockchain technology and REMIC compliance.</p>
171
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
172
+ <button class="bg-white text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium transition">Invest Now</button>
173
+ <button class="border border-white text-white hover:bg-blue-700 px-6 py-3 rounded-lg font-medium transition">Learn More</button>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Trust Details Section -->
179
+ <section class="py-16 bg-gray-50">
180
+ <div class="container mx-auto px-4">
181
+ <div class="text-center mb-12">
182
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Century City REMIC Trust</h2>
183
+ <div class="w-24 h-1 bg-blue-600 mx-auto"></div>
184
+ </div>
185
+
186
+ <div class="grid md:grid-cols-3 gap-8">
187
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition">
188
+ <div class="text-blue-600 mb-4">
189
+ <i class="fas fa-chart-pie text-3xl"></i>
190
+ </div>
191
+ <h3 class="text-xl font-semibold mb-3">Trust & REMIC Structure</h3>
192
+ <p class="text-gray-600">200 authorized shares at $1.00 par value each. California Code, Corporations Code - CORP § 205</p><br>
193
+ <p class="text-gray-600">Regular Interest: Investors receive fixed, predictable cash flow from the interest payments on the underlying mortgages held by the REMIC.</p><br>
194
+ <p class="text-gray-600">No Residual Interest: There is no secondary class of ownership with claims on leftover cash flow after paying out regular interest obligations.</p>
195
+ <p class="text-gray-600"></p><br>
196
+ <p class="text-gray-600"><b>Tranche Breakdown:</b></p><br>
197
+ <p class="text-gray-600">Tranche A (Senior) Risk Profile: Lowest risk tranche.</p><br>
198
+ <p class="text-gray-600">Tranche B (Mezzanine) Risk Profile: Mod. risk tranche.</p><br>
199
+ <p class="text-gray-600">Tranche C (B-Piece) Risk Profile: Highest risk tranche.</p><br>
200
+ </div>
201
+
202
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition">
203
+ <div class="text-blue-600 mb-4">
204
+ <i class="fas fa-hand-holding-usd text-3xl"></i>
205
+ </div>
206
+ <h3 class="text-xl font-semibold mb-3">Annuity Payments</h3>
207
+ <p class="text-gray-600">Tokens 3% of designated annuity income.</p>
208
+ <p class="text-gray-600">Annuity paying 69458022 (sat), every 1011 blocks, after a 1200 (sat) executor allowance. LP trading pools support.</p><br>
209
+ <p class="text-gray-600">LAMREIT</p>
210
+ <p class="text-gray-600">https://bit.ly/WeeklyAnnuity</p><br>
211
+ <p class="text-gray-600">Tranche A 100% of designated annuity income.</p>
212
+ <p class="text-gray-600">Tranche A</p>
213
+ <p class="text-gray-600">Link</p><br>
214
+ <p class="text-gray-600">Tranche B 100% of designated annuity income.</p>
215
+ <p class="text-gray-600">Tranche B</p>
216
+ <p class="text-gray-600">Link</p><br>
217
+ <p class="text-gray-600">Tranche C 100% of designated annuity income.</p>
218
+ <p class="text-gray-600">Tranche C</p>
219
+ <p class="text-gray-600">Link</p><br>
220
+ </div>
221
+
222
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition">
223
+ <div class="text-blue-600 mb-4">
224
+ <i class="fas fa-exchange-alt text-3xl"></i>
225
+ </div>
226
+ <h3 class="text-xl font-semibold mb-3">LP Trading Pools</h3>
227
+ <p class="text-gray-600">LAMREIT 1.000.000 Tokens outstanding.</p><br>
228
+ <p class="text-gray-600">Tranche A Supply 0.3</p>
229
+ <p class="text-gray-600">Tranche B Supply 20.000.000</p>
230
+ <p class="text-gray-600">Tranche C Supply 10.000.000</p>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </section>
235
+
236
+ <!-- Tranche Pools Section -->
237
+ <section class="py-16 bg-white">
238
+ <div class="container mx-auto px-4">
239
+ <div class="text-center mb-12">
240
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Tranche Pool Information</h2>
241
+ <div class="w-24 h-1 bg-blue-600 mx-auto"></div>
242
+ </div>
243
+
244
+ <div class="grid md:grid-cols-3 gap-6">
245
+ <!-- Tranche A -->
246
+ <div class="tranche-a-bg p-6 rounded-lg">
247
+ <div class="flex items-center mb-4">
248
+ <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
249
+ <i class="fas fa-shield-alt text-blue-600"></i>
250
+ </div>
251
+ <h3 class="text-xl font-semibold">Tranche A (Senior)</h3>
252
+ </div>
253
+ <div class="space-y-3">
254
+ <div class="flex justify-between">
255
+ <span class="text-gray-600">Risk Level:</span>
256
+ <span class="font-medium">Low</span>
257
+ </div>
258
+ <div class="flex justify-between">
259
+ <span class="text-gray-600">Current Supply:</span>
260
+ <span id="tranche-a-supply" class="font-medium">0.3M Tokens</span>
261
+ </div>
262
+ <div class="flex justify-between">
263
+ <span class="text-gray-600">Yield:</span>
264
+ <span class="font-medium text-blue-600">4.5% APY</span>
265
+ </div>
266
+ <div class="flex justify-between">
267
+ <span class="text-gray-600">Liquidity:</span>
268
+ <span id="tranche-a-liquidity" class="font-medium">$1.2M</span>
269
+ </div>
270
+ <div class="pt-3 mt-3 border-t border-gray-200">
271
+ <button class="tranche-calculator-btn text-blue-600 hover:underline flex items-center" data-tranche="a">
272
+ <i class="fas fa-calculator mr-2"></i>
273
+ Calculate Investment
274
+ </button>
275
+ </div>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- Tranche B -->
280
+ <div class="tranche-b-bg p-6 rounded-lg">
281
+ <div class="flex items-center mb-4">
282
+ <div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
283
+ <i class="fas fa-balance-scale text-green-600"></i>
284
+ </div>
285
+ <h3 class="text-xl font-semibold">Tranche B (Mezzanine)</h3>
286
+ </div>
287
+ <div class="space-y-3">
288
+ <div class="flex justify-between">
289
+ <span class="text-gray-600">Risk Level:</span>
290
+ <span class="font-medium">Medium</span>
291
+ </div>
292
+ <div class="flex justify-between">
293
+ <span class="text-gray-600">Current Supply:</span>
294
+ <span id="tranche-b-supply" class="font-medium">20M Tokens</span>
295
+ </div>
296
+ <div class="flex justify-between">
297
+ <span class="text-gray-600">Yield:</span>
298
+ <span class="font-medium text-green-600">7.2% APY</span>
299
+ </div>
300
+ <div class="flex justify-between">
301
+ <span class="text-gray-600">Liquidity:</span>
302
+ <span id="tranche-b-liquidity" class="font-medium">$8.5M</span>
303
+ </div>
304
+ <div class="pt-3 mt-3 border-t border-gray-200">
305
+ <button class="tranche-calculator-btn text-green-600 hover:underline flex items-center" data-tranche="b">
306
+ <i class="fas fa-calculator mr-2"></i>
307
+ Calculate Investment
308
+ </button>
309
+ </div>
310
+ </div>
311
+ </div>
312
+
313
+ <!-- Tranche C -->
314
+ <div class="tranche-c-bg p-6 rounded-lg">
315
+ <div class="flex items-center mb-4">
316
+ <div class="w-10 h-10 rounded-full bg-red-100 flex items-center justify-center mr-3">
317
+ <i class="fas fa-arrow-up text-red-600"></i>
318
+ </div>
319
+ <h3 class="text-xl font-semibold">Tranche C (B-Piece)</h3>
320
+ </div>
321
+ <div class="space-y-3">
322
+ <div class="flex justify-between">
323
+ <span class="text-gray-600">Risk Level:</span>
324
+ <span class="font-medium">High</span>
325
+ </div>
326
+ <div class="flex justify-between">
327
+ <span class="text-gray-600">Current Supply:</span>
328
+ <span id="tranche-c-supply" class="font-medium">10M Tokens</span>
329
+ </div>
330
+ <div class="flex justify-between">
331
+ <span class="text-gray-600">Yield:</span>
332
+ <span class="font-medium text-red-600">11.0% APY</span>
333
+ </div>
334
+ <div class="flex justify-between">
335
+ <span class="text-gray-600">Liquidity:</span>
336
+ <span id="tranche-c-liquidity" class="font-medium">$3.8M</span>
337
+ </div>
338
+ <div class="pt-3 mt-3 border-t border-gray-200">
339
+ <button class="tranche-calculator-btn text-red-600 hover:underline flex items-center" data-tranche="c">
340
+ <i class="fas fa-calculator mr-2"></i>
341
+ Calculate Investment
342
+ </button>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </section>
349
+
350
+ <!-- Token Details Section -->
351
+ <section class="py-16 bg-gray-50">
352
+ <div class="container mx-auto px-4">
353
+ <div class="text-center mb-12">
354
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Token Information</h2>
355
+ <div class="w-24 h-1 bg-blue-600 mx-auto"></div>
356
+ </div>
357
+
358
+ <div class="max-w-4xl mx-auto bg-white rounded-lg p-6 shadow-md">
359
+ <div class="grid md:grid-cols-2 gap-8">
360
+ <div>
361
+ <h3 class="text-xl font-semibold mb-4 text-blue-600">Token Distribution</h3>
362
+ <div class="space-y-4">
363
+ <div>
364
+ <div class="flex justify-between mb-1">
365
+ <span class="text-gray-600">Tranche A</span>
366
+ <span id="dist-a" class="font-medium">0.3M (1%)</span>
367
+ </div>
368
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
369
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 1%"></div>
370
+ </div>
371
+ </div>
372
+ <div>
373
+ <div class="flex justify-between mb-1">
374
+ <span class="text-gray-600">Tranche B</span>
375
+ <span id="dist-b" class="font-medium">20M (66.67%)</span>
376
+ </div>
377
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
378
+ <div class="bg-green-500 h-2.5 rounded-full" style="width: 66.67%"></div>
379
+ </div>
380
+ </div>
381
+ <div>
382
+ <div class="flex justify-between mb-1">
383
+ <span class="text-gray-600">Tranche C</span>
384
+ <span id="dist-c" class="font-medium">10M (33.33%)</span>
385
+ </div>
386
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
387
+ <div class="bg-red-500 h-2.5 rounded-full" style="width: 33.33%"></div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+ </div>
392
+ <div>
393
+ <h3 class="text-xl font-semibold mb-4 text-blue-600">Blockchain Details</h3>
394
+ <ul class="space-y-3">
395
+ <li class="flex items-start">
396
+ <i class="fas fa-link text-blue-500 mt-1 mr-2"></i>
397
+ <span>Network: <strong>Bitcoin Cash</strong></span>
398
+ </li>
399
+ <li class="flex items-start">
400
+ <i class="fas fa-search text-blue-500 mt-1 mr-2"></i>
401
+ <span>Explorer: <a href="https://blockchair.com/bitcoin-cash/transaction/8874186362dd0510af5e26c4321c2a335f7089cfc1a70fcd9e4efb63a49d2a76" class="text-blue-600 hover:underline" target="_blank">View Transaction</a></span>
402
+ </li>
403
+ <li class="flex items-start">
404
+ <i class="fas fa-info-circle text-blue-500 mt-1 mr-2"></i>
405
+ <span>Token Explorer: <a href="https://tokenexplorer.cash/?tokenId=841a9e7522200b5fdd7023c7c71d17b93579283e28a362718cbcb551aea36635" class="text-blue-600 hover:underline" target="_blank">View Token</a></span>
406
+ </li>
407
+ </ul>
408
+ </div>
409
+ </div>
410
+
411
+ <div class="mt-8 pt-6 border-t border-gray-200">
412
+ <h3 class="text-xl font-semibold mb-4 text-blue-600">LP Trading Pool Agreement</h3>
413
+ <div class="bg-gray-50 p-4 rounded border border-gray-200">
414
+ <p class="text-gray-700 mb-4">This Agreement establishes LP trading pools on Cauldron DEX to provide liquidity for LAMREIT tokens, supported by 3% of Century City REMIC's designated annuity income.</p>
415
+ <div class="text-sm text-gray-500">
416
+ <p><strong>Effective Date:</strong> June 11, 2024</p>
417
+ <p><strong>Term:</strong> 2 years</p>
418
+ <p><strong>Parties:</strong> Century City REMIC & Los Angeles Mortgage REIT</p>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ </section>
425
+
426
+ <!-- Floating Token Calculator Button -->
427
+ <button id="token-calculator-btn" class="floating-button flex items-center justify-center h-14 w-14 rounded-full bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
428
+ <i class="fas fa-coins text-xl"></i>
429
+ </button>
430
+
431
+ <!-- Token Calculator Panel -->
432
+ <div id="token-calculator" class="token-calculator hidden w-80 bg-white rounded-lg overflow-hidden border border-gray-200">
433
+ <div class="bg-blue-600 px-4 py-3">
434
+ <div class="flex items-center justify-between">
435
+ <h3 class="text-lg font-medium text-white">REMIC Token Offer</h3>
436
+ <button id="close-calculator" class="text-blue-100 hover:text-white focus:outline-none">
437
+ <i class="fas fa-times"></i>
438
+ </button>
439
+ </div>
440
+ <p class="text-xs text-blue-200 mt-1">For Mortgage Sellers & Investors</p>
441
+ </div>
442
+
443
+ <div class="p-4">
444
+ <!-- Tab Navigation -->
445
+ <div class="flex space-x-2 mb-4 border-b border-gray-200 pb-2">
446
+ <button class="tranche-tab active" data-tranche="a">Tranche A</button>
447
+ <button class="tranche-tab" data-tranche="b">Tranche B</button>
448
+ <button class="tranche-tab" data-tranche="c">Tranche C</button>
449
+ </div>
450
+
451
+ <!-- Success Message -->
452
+ <div id="success-message" class="submit-success hidden mb-4 p-3 bg-green-100 text-green-700 rounded text-sm">
453
+ <i class="fas fa-check-circle mr-2"></i>
454
+ <span>Your investment has been submitted successfully!</span>
455
+ </div>
456
+
457
+ <!-- Tranche A Calculator -->
458
+ <div id="tranche-a-calc" class="tranche-content active">
459
+ <div class="mb-4">
460
+ <label for="assets-a" class="block text-sm font-medium text-gray-700 mb-1">Pool Assets ($)</label>
461
+ <input type="number" id="assets-a" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm p-2 border readonly-input" value="1200000" readonly>
462
+ </div>
463
+
464
+ <div class="mb-4">
465
+ <label for="tokens-a" class="block text-sm font-medium text-gray-700 mb-1">Tokens Outstanding</label>
466
+ <input type="number" id="tokens-a" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm p-2 border readonly-input" value="0.3" readonly>
467
+ </div>
468
+
469
+ <div class="mb-4">
470
+ <label for="liabilities-a" class="block text-sm font-medium text-gray-700 mb-1">Your Liabilities ($)</label>
471
+ <input type="number" id="liabilities-a" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm p-2 border seller-input" placeholder="200,000" value="200000">
472
+ </div>
473
+
474
+ <div class="mb-4">
475
+ <label for="contribution-a" class="block text-sm font-medium text-gray-700 mb-1">Your Contribution ($)</label>
476
+ <input type="number" id="contribution-a" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm p-2 border seller-input" placeholder="50,000" value="50000">
477
+ </div>
478
+
479
+ <div class="mt-6 p-4 bg-blue-50 rounded-md">
480
+ <h4 class="text-sm font-medium text-blue-700 mb-3 flex items-center">
481
+ <span class="tranche-badge badge-a mr-2">Tranche A</span>
482
+ Offer Summary
483
+ </h4>
484
+ <div class="flex justify-between mb-2">
485
+ <span class="text-sm font-medium text-gray-600">Token NAV:</span>
486
+ <span id="token-price-a" class="text-sm font-semibold text-blue-600">$3.33</span>
487
+ </div>
488
+ <div class="flex justify-between mb-2">
489
+ <span class="text-sm font-medium text-gray-600">Your Allocation:</span>
490
+ <span id="token-allocation-a" class="text-sm font-semibold text-blue-600">15,015</span>
491
+ </div>
492
+ <div class="flex justify-between mb-2">
493
+ <span class="text-sm font-medium text-gray-600">% of Pool:</span>
494
+ <span id="pool-percentage-a" class="text-sm font-semibold text-blue-600">5.00%</span>
495
+ </div>
496
+ <div class="flex justify-between">
497
+ <span class="text-sm font-medium text-gray-600">% of REMIC:</span>
498
+ <span id="remic-percentage-a" class="text-sm font-semibold text-blue-600">0.25%</span>
499
+ </div>
500
+ </div>
501
+
502
+ <div class="mt-4 flex space-x-2">
503
+ <button class="calculate-btn flex-1 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" data-tranche="a">
504
+ Calculate
505
+ </button>
506
+ <button class="submit-offer flex-1 justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" data-tranche="a">
507
+ Submit
508
+ </button>
509
+ </div>
510
+ </div>
511
+
512
+ <!-- Tranche B Calculator -->
513
+ <div id="tranche-b-calc" class="tranche-content">
514
+ <div class="mb-4">
515
+ <label for="assets-b" class="block text-sm font-medium text-gray-700 mb-1">Pool Assets ($)</label>
516
+ <input type="number" id="assets-b" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500 sm:text-sm p-2 border readonly-input" value="8500000" readonly>
517
+ </div>
518
+
519
+ <div class="mb-4">
520
+ <label for="tokens-b" class="block text-sm font-medium text-gray-700 mb-1">Tokens Outstanding</label>
521
+ <input type="number" id="tokens-b" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500 sm:text-sm p-2 border readonly-input" value="20000000" readonly>
522
+ </div>
523
+
524
+ <div class="mb-4">
525
+ <label for="liabilities-b" class="block text-sm font-medium text-gray-700 mb-1">Your Liabilities ($)</label>
526
+ <input type="number" id="liabilities-b" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500 sm:text-sm p-2 border seller-input" placeholder="200,000" value="200000">
527
+ </div>
528
+
529
+ <div class="mb-4">
530
+ <label for="contribution-b" class="block text-sm font-medium text-gray-700 mb-1">Your Contribution ($)</label>
531
+ <input type="number" id="contribution-b" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500 sm:text-sm p-2 border seller-input" placeholder="50,000" value="50000">
532
+ </div>
533
+
534
+ <div class="mt-6 p-4 bg-green-50 rounded-md">
535
+ <h4 class="text-sm font-medium text-green-700 mb-3 flex items-center">
536
+ <span class="tranche-badge badge-b mr-2">Tranche B</span>
537
+ Offer Summary
538
+ </h4>
539
+ <div class="flex justify-between mb-2">
540
+ <span class="text-sm font-medium text-gray-600">Token NAV:</span>
541
+ <span id="token-price-b" class="text-sm font-semibold text-green-600">$0.42</span>
542
+ </div>
543
+ <div class="flex justify-between mb-2">
544
+ <span class="text-sm font-medium text-gray-600">Your Allocation:</span>
545
+ <span id="token-allocation-b" class="text-sm font-semibold text-green-600">119,048</span>
546
+ </div>
547
+ <div class="flex justify-between mb-2">
548
+ <span class="text-sm font-medium text-gray-600">% of Pool:</span>
549
+ <span id="pool-percentage-b" class="text-sm font-semibold text-green-600">0.60%</span>
550
+ </div>
551
+ <div class="flex justify-between">
552
+ <span class="text-sm font-medium text-gray-600">% of REMIC:</span>
553
+ <span id="remic-percentage-b" class="text-sm font-semibold text-green-600">0.25%</span>
554
+ </div>
555
+ </div>
556
+
557
+ <div class="mt-4 flex space-x-2">
558
+ <button class="calculate-btn flex-1 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" data-tranche="b">
559
+ Calculate
560
+ </button>
561
+ <button class="submit-offer flex-1 justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" data-tranche="b">
562
+ Submit
563
+ </button>
564
+ </div>
565
+ </div>
566
+
567
+ <!-- Tranche C Calculator -->
568
+ <div id="tranche-c-calc" class="tranche-content">
569
+ <div class="mb-4">
570
+ <label for="assets-c" class="block text-sm font-medium text-gray-700 mb-1">Pool Assets ($)</label>
571
+ <input type="number" id="assets-c" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-red-500 focus:ring-red-500 sm:text-sm p-2 border readonly-input" value="3800000" readonly>
572
+ </div>
573
+
574
+ <div class="mb-4">
575
+ <label for="tokens-c" class="block text-sm font-medium text-gray-700 mb-1">Tokens Outstanding</label>
576
+ <input type="number" id="tokens-c" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-red-500 focus:ring-red-500 sm:text-sm p-2 border readonly-input" value="10000000" readonly>
577
+ </div>
578
+
579
+ <div class="mb-4">
580
+ <label for="liabilities-c" class="block text-sm font-medium text-gray-700 mb-1">Your Liabilities ($)</label>
581
+ <input type="number" id="liabilities-c" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-red-500 focus:ring-red-500 sm:text-sm p-2 border seller-input" placeholder="200,000" value="200000">
582
+ </div>
583
+
584
+ <div class="mb-4">
585
+ <label for="contribution-c" class="block text-sm font-medium text-gray-700 mb-1">Your Contribution ($)</label>
586
+ <input type="number" id="contribution-c" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-red-500 focus:ring-red-500 sm:text-sm p-2 border seller-input" placeholder="50,000" value="50000">
587
+ </div>
588
+
589
+ <div class="mt-6 p-4 bg-red-50 rounded-md">
590
+ <h4 class="text-sm font-medium text-red-700 mb-3 flex items-center">
591
+ <span class="tranche-badge badge-c mr-2">Tranche C</span>
592
+ Offer Summary
593
+ </h4>
594
+ <div class="flex justify-between mb-2">
595
+ <span class="text-sm font-medium text-gray-600">Token NAV:</span>
596
+ <span id="token-price-c" class="text-sm font-semibold text-red-600">$0.38</span>
597
+ </div>
598
+ <div class="flex justify-between mb-2">
599
+ <span class="text-sm font-medium text-gray-600">Your Allocation:</span>
600
+ <span id="token-allocation-c" class="text-sm font-semibold text-red-600">131,579</span>
601
+ </div>
602
+ <div class="flex justify-between mb-2">
603
+ <span class="text-sm font-medium text-gray-600">% of Pool:</span>
604
+ <span id="pool-percentage-c" class="text-sm font-semibold text-red-600">1.32%</span>
605
+ </div>
606
+ <div class="flex justify-between">
607
+ <span class="text-sm font-medium text-gray-600">% of REMIC:</span>
608
+ <span id="remic-percentage-c" class="text-sm font-semibold text-red-600">0.25%</span>
609
+ </div>
610
+ </div>
611
+
612
+ <div class="mt-4 flex space-x-2">
613
+ <button class="calculate-btn flex-1 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500" data-tranche="c">
614
+ Calculate
615
+ </button>
616
+ <button class="submit-offer flex-1 justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500" data-tranche="c">
617
+ Submit
618
+ </button>
619
+ </div>
620
+ </div>
621
+ </div>
622
+ </div>
623
+
624
+ <script>
625
+ document.addEventListener('DOMContentLoaded', function() {
626
+ // Initialize tranche data
627
+ const trancheData = {
628
+ a: {
629
+ assets: 1200000,
630
+ tokens: 0.3,
631
+ liquidity: 1.2,
632
+ distribution: 0.3
633
+ },
634
+ b: {
635
+ assets: 8500000,
636
+ tokens: 20000000,
637
+ liquidity: 8.5,
638
+ distribution: 20
639
+ },
640
+ c: {
641
+ assets: 3800000,
642
+ tokens: 10000000,
643
+ liquidity: 3.8,
644
+ distribution: 10
645
+ }
646
+ };
647
+
648
+ // Calculator toggle functionality
649
+ const calculatorBtn = document.getElementById('token-calculator-btn');
650
+ const calculator = document.getElementById('token-calculator');
651
+ const closeCalculator = document.getElementById('close-calculator');
652
+ const successMessage = document.getElementById('success-message');
653
+
654
+ calculatorBtn.addEventListener('click', function() {
655
+ calculator.classList.toggle('hidden');
656
+ });
657
+
658
+ closeCalculator.addEventListener('click', function() {
659
+ calculator.classList.add('hidden');
660
+ });
661
+
662
+ // Tab switching functionality
663
+ const tabs = document.querySelectorAll('.tranche-tab');
664
+ const contents = document.querySelectorAll('.tranche-content');
665
+
666
+ tabs.forEach(tab => {
667
+ tab.addEventListener('click', function() {
668
+ const tranche = this.dataset.tranche;
669
+
670
+ // Update active tab
671
+ tabs.forEach(t => t.classList.remove('active'));
672
+ this.classList.add('active');
673
+
674
+ // Update active content
675
+ contents.forEach(c => c.classList.remove('active'));
676
+ document.getElementById(`tranche-${tranche}-calc`).classList.add('active');
677
+ });
678
+ });
679
+
680
+ // Calculator buttons from tranche cards
681
+ const trancheCalculatorBtns = document.querySelectorAll('.tranche-calculator-btn');
682
+
683
+ trancheCalculatorBtns.forEach(btn => {
684
+ btn.addEventListener('click', function() {
685
+ const tranche = this.dataset.tranche;
686
+
687
+ // Show calculator if hidden
688
+ if (calculator.classList.contains('hidden')) {
689
+ calculator.classList.remove('hidden');
690
+ }
691
+
692
+ // Switch to the correct tab
693
+ tabs.forEach(t => t.classList.remove('active'));
694
+ document.querySelector(`.tranche-tab[data-tranche="${tranche}"]`).classList.add('active');
695
+
696
+ contents.forEach(c => c.classList.remove('active'));
697
+ document.getElementById(`tranche-${tranche}-calc`).classList.add('active');
698
+ });
699
+ });
700
+
701
+ // Calculate functions for each tranche
702
+ function calculateTrancheOffer(tranche) {
703
+ const assets = parseFloat(document.getElementById(`assets-${tranche}`).value) || 0;
704
+ const liabilities = parseFloat(document.getElementById(`liabilities-${tranche}`).value) || 0;
705
+ const tokens = parseFloat(document.getElementById(`tokens-${tranche}`).value) || 1;
706
+ const contribution = parseFloat(document.getElementById(`contribution-${tranche}`).value) || 0;
707
+
708
+ // Different calculation formulas based on tranche
709
+ let tokenPrice, tokenAllocation, poolPercentage, remicPercentage;
710
+
711
+ switch(tranche) {
712
+ case 'a':
713
+ // Senior tranche - lower risk, higher price
714
+ tokenPrice = (assets * 0.9 - liabilities * 0.5) / tokens;
715
+ tokenAllocation = contribution / tokenPrice;
716
+ poolPercentage = (tokenAllocation / tokens) * 100;
717
+ remicPercentage = (contribution / (assets * 1.5)) * 100;
718
+ break;
719
+ case 'b':
720
+ // Mezzanine tranche - balanced approach
721
+ tokenPrice = (assets * 0.8 - liabilities * 0.7) / tokens;
722
+ tokenAllocation = contribution / tokenPrice;
723
+ poolPercentage = (tokenAllocation / tokens) * 100;
724
+ remicPercentage = (contribution / (assets * 1.2)) * 100;
725
+ break;
726
+ case 'c':
727
+ // B-Piece tranche - higher risk, lower price
728
+ tokenPrice = (assets * 0.7 - liabilities * 0.9) / tokens;
729
+ tokenAllocation = contribution / tokenPrice;
730
+ poolPercentage = (tokenAllocation / tokens) * 100;
731
+ remicPercentage = (contribution / assets) * 100;
732
+ break;
733
+ }
734
+
735
+ // Update display
736
+ document.getElementById(`token-price-${tranche}`).textContent = `$${tokenPrice.toFixed(2)}`;
737
+ document.getElementById(`token-allocation-${tranche}`).textContent = Math.round(tokenAllocation).toLocaleString();
738
+ document.getElementById(`pool-percentage-${tranche}`).textContent = `${poolPercentage.toFixed(2)}%`;
739
+ document.getElementById(`remic-percentage-${tranche}`).textContent = `${remicPercentage.toFixed(2)}%`;
740
+ }
741
+
742
+ // Set up calculate buttons
743
+ const calculateBtns = document.querySelectorAll('.calculate-btn');
744
+
745
+ calculateBtns.forEach(btn => {
746
+ btn.addEventListener('click', function() {
747
+ const tranche = this.dataset.tranche;
748
+ calculateTrancheOffer(tranche);
749
+ });
750
+ });
751
+
752
+ // Also calculate when seller inputs change
753
+ const sellerInputs = ['a', 'b', 'c'].map(t => [
754
+ `liabilities-${t}`,
755
+ `contribution-${t}`
756
+ ]).flat();
757
+
758
+ sellerInputs.forEach(id => {
759
+ document.getElementById(id).addEventListener('input', function() {
760
+ const tranche = id.split('-')[1];
761
+ calculateTrancheOffer(tranche);
762
+ });
763
+ });
764
+
765
+ // Submit offer buttons
766
+ const submitOfferBtns = document.querySelectorAll('.submit-offer');
767
+
768
+ submitOfferBtns.forEach(btn => {
769
+ btn.addEventListener('click', function() {
770
+ const tranche = this.dataset.tranche;
771
+ const trancheName = {
772
+ 'a': 'Tranche A (Senior)',
773
+ 'b': 'Tranche B (Mezzanine)',
774
+ 'c': 'Tranche C (B-Piece)'
775
+ }[tranche];
776
+
777
+ const liabilities = parseFloat(document.getElementById(`liabilities-${tranche}`).value) || 0;
778
+ const contribution = parseFloat(document.getElementById(`contribution-${tranche}`).value) || 0;
779
+
780
+ if (liabilities <= 0 || contribution <= 0) {
781
+ alert('Please enter valid values for liabilities and contribution');
782
+ return;
783
+ }
784
+
785
+ // Update tranche data with new investment
786
+ trancheData[tranche].assets += contribution;
787
+ trancheData[tranche].liquidity += contribution * 0.9; // Assuming 90% goes to liquidity
788
+
789
+ // Update the pool information display
790
+ updateTranchePoolInfo();
791
+
792
+ // Show success message
793
+ successMessage.classList.remove('hidden');
794
+ setTimeout(() => {
795
+ successMessage.classList.add('hidden');
796
+ }, 3000);
797
+
798
+ // Reset form
799
+ document.getElementById(`liabilities-${tranche}`).value = '';
800
+ document.getElementById(`contribution-${tranche}`).value = '';
801
+
802
+ // Recalculate
803
+ calculateTrancheOffer(tranche);
804
+ });
805
+ });
806
+
807
+ // Function to update tranche pool information
808
+ function updateTranchePoolInfo() {
809
+ // Update supply and liquidity displays
810
+ document.getElementById('tranche-a-supply').textContent = `${trancheData.a.tokens.toLocaleString()} Tokens`;
811
+ document.getElementById('tranche-a-liquidity').textContent = `$${(trancheData.a.liquidity / 1000000).toFixed(1)}M`;
812
+
813
+ document.getElementById('tranche-b-supply').textContent = `${(trancheData.b.tokens / 1000000).toFixed(1)}M Tokens`;
814
+ document.getElementById('tranche-b-liquidity').textContent = `$${(trancheData.b.liquidity / 1000000).toFixed(1)}M`;
815
+
816
+ document.getElementById('tranche-c-supply').textContent = `${(trancheData.c.tokens / 1000000).toFixed(1)}M Tokens`;
817
+ document.getElementById('tranche-c-liquidity').textContent = `$${(trancheData.c.liquidity / 1000000).toFixed(1)}M`;
818
+
819
+ // Update token distribution
820
+ const total = trancheData.a.distribution + trancheData.b.distribution + trancheData.c.distribution;
821
+ const aPercent = (trancheData.a.distribution / total * 100).toFixed(2);
822
+ const bPercent = (trancheData.b.distribution / total * 100).toFixed(2);
823
+ const cPercent = (trancheData.c.distribution / total * 100).toFixed(2);
824
+
825
+ document.getElementById('dist-a').textContent = `${trancheData.a.distribution}M (${aPercent}%)`;
826
+ document.getElementById('dist-b').textContent = `${trancheData.b.distribution}M (${bPercent}%)`;
827
+ document.getElementById('dist-c').textContent = `${trancheData.c.distribution}M (${cPercent}%)`;
828
+
829
+ // Update distribution bars
830
+ document.querySelector('#tranche-a-calc .bg-blue-600').style.width = `${aPercent}%`;
831
+ document.querySelector('#tranche-b-calc .bg-green-500').style.width = `${bPercent}%`;
832
+ document.querySelector('#tranche-c-calc .bg-red-500').style.width = `${cPercent}%`;
833
+ }
834
+
835
+ // Initial calculations
836
+ ['a', 'b', 'c'].forEach(tranche => calculateTrancheOffer(tranche));
837
+ });
838
+ </script>
839
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/ccremic-vbeta1-06" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
840
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Keep all components working Modify REMIC Token Offer ensure submit button is visible. When submitted update Tranche Pool Information automatically