-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
138 lines (127 loc) · 7.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://openordex.org/">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Teleburn - Welcoming NFTs to Bitcoin</title>
<meta name="author" content="Oren">
<meta name="description" content="Teleburn your Ethereum NFTs to Bitcoin Ordinals">
<meta name="keywords"
content="ordinals, bitcoin, nfts, nft, nft, btc, telemint, evm, ethereum, inscriptions, digital artifacts, teleburn" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://teleburn.wtf/">
<meta property="og:title" content="Teleburn - Welcoming NFTs to Bitcoin">
<meta property="og:description" content="Teleburn your Ethereum NFTs to Bitcoin Ordinals">
<meta property="og:image" content="https://teleburn.wtf/img/favicon/logo.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://teleburn.wtf/">
<meta property="twitter:title" content="Teleburn - Welcoming NFTs to Bitcoin">
<meta property="twitter:description" content="Teleburn your Ethereum NFTs to Bitcoin Ordinals">
<meta property="twitter:image" content="https://teleburn.wtf/img/favicon/logo.png">
<link rel="icon" type="image/png" href="img/favicon/logo.png">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link type="text/css" rel="stylesheet" href="css/w95.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-55HP01J1RT"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-55HP01J1RT'); </script>
</head>
<body>
<header class="header-global">
<nav id="navbar-main"
class="navbar d-flex flex-row align-items-center navbar-main navbar-expand-lg navbar-dark justify-content-between">
<ul class="navbar-nav navbar-nav-hover flex-row align-items-center">
<li class="nav-item">
<a href="/" class="nav-link" role="button">
<span class="nav-link-inner-text">Teleburn</span>
</a>
</li>
<li class="nav-item">
<a href="https://github.com/orenyomtov/teleburn" target="_blank" class="nav-link" role="button">
<span class="nav-link-inner-text">GitHub</span>
</a>
</li>
<li class="nav-item">
<a href="https://twitter.com/teleburned" target="_blank" class="nav-link" role="button">
<span class="nav-link-inner-text">Twitter</span>
</a>
</li>
</ul>
<div class="time text-center">
<span id="time" class="text-uppercase"></span>
</div>
</nav>
</header>
<main>
<!-- Section -->
<section class="min-vh-100 d-flex align-items-center bg-secondary">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 d-flex align-items-center justify-content-center mt-4" id="walletConnect">
<div class="card card-tertiary w-100 fmxw-400">
<div class="card-header text-center">
<span id="title">Choose NFT to teleburn</span>
</div>
<div class="card-body text-center">
<form class="mt-0" method="GET" onsubmit="connectWallet(); return false">
<button type="submit" class="btn btn-block btn-primary">Connect Wallet</button>
</form>
</div>
</div>
</div>
<div class="mb-2" style="margin-top:2rem; display: none" id="choose">
<h4 class="text-white">Choose NFT to teleburn:</h4>
</div>
<div id="nftsContainer" style="display: none !important"
class="mt-4 flex-grid col-12 d-flex align-items-start justify-content-center">
<h6 class="text-gray my-5">Loading...</h6>
</div>
</div>
</div>
</section>
<!-- Teleburn Dialog -->
<dialog id="teleburnDialog" style="top:0; padding:0; background-color: transparent; border: 0">
<section class="min-vh-100 d-flex align-items-center" style="background-color: transparent;">
<div class="">
<div class="row justify-content-center">
<div class="col-12 d-flex align-items-center justify-content-center">
<div class="card card-tertiary w-100 fmxw-400">
<div class="card-header text-center">
<span>Teleburn NFT</span>
</div>
<div class="card-body">
<form id="teleburnStep1" action="#" class="mt-0"
onsubmit="sendTeleburnTx(inscriptionId.value); return false;">
<!-- Form -->
<div class="form-group">
<label class="mb-2">Teleburn <span id="nftName" class="text-muted"></span></label>
<img id="nftImage" style="display: block; width: 200px; margin: 0 auto; border-width: 2px; border-style: inset">
</div>
<div class="form-group">
<label for="inscriptionId" class="mb-2">Into inscription id</label>
<input id="inscriptionId" name="inscriptionId" type="text" class="form-control" required oninput="inscriptionIdChanged(this.value)" />
<iframe id="inscriptionIframe" class="mt-2" style="display: none; max-width: 200px; margin: 0 auto; aspect-ratio: 1"></iframe>
<label for="teleburnAddress" class="mb-2 text-muted">Generated teleburn address</label>
<input id="teleburnAddress" type="text" class="form-control" style="min-width: 320px" disabled />
</div>
<!-- End of Form -->
<button type="submit" class="btn btn-block btn-primary" id="btnSendTeleburnTx" disabled>Teleburn</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</dialog>
</main>
<script src="js/ethers.js"></script>
<script src="js/app.js"></script>
</body>
</html>