-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
430 lines (391 loc) · 20.5 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Tue Jul 26 2022 08:47:37 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="62de798201805b4865910a96" data-wf-site="62de798201805b802e910a92">
<head>
<meta charset="utf-8">
<title>Liberty Dogs NFT</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/edisons-awesome-site-86a433.webflow.css" rel="stylesheet" type="text/css">
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script
type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon"><!-- Please keep this css code to improve the font quality -->
<style>
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
<meta name="facebook-domain-verification" content="mlk59ybu44651lzcbhhxjfl8vfae8q">
<style>
html {
font-size: calc(1.0460484384958573rem + 0.12746972594008923vw);
}
@media screen and (max-width:2560px) {
html {
font-size: calc(1.0460484384958573rem + 0.1274697259400892vw);
}
}
@media screen and (max-width:991px) {
html {
font-size: calc(0.8484933035714286rem + 0.4464285714285714vw);
}
}
@media screen and (max-width:767px) {
html {
font-size: calc(0.8966262975778546rem + 0.34602076124567477vw);
}
}
@media screen and (max-width:478px) {
html {
font-size: calc(0.875rem + 0.41841004184100417vw);
}
}
</style>
</head>
<body>
<div class="page-wrapper">
<div class="global-styles w-embed">
<style>
/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
margin-top: 0;
}
/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
margin-bottom: 0;
}
/* Snippet makes all link elements listed below to inherit color from their parent */
a,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
}
/* Snippet prevents all click and hover interaction with an element */
.clickable-off {
pointer-events: none;
}
/* Snippet enables all click and hover interaction with an element */
.clickable-on {
pointer-events: auto;
}
/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
/*Hide focus outline for main content element*/
main:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/* Make sure containers never lose their center alignment*/
.container-medium,
.container-small,
.container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*Reset selects, buttons, and links styles*/
.w-input,
.w-select,
a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
/*Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
-ms-overflow-style: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
.no-scrollbar::-webkit-scrollbar {
display: none; // Safari and Chrome
}
</style>
</div>
<div data-collapse="medium" data-animation="default" data-duration="400"
data-w-id="cecbe119-dda2-0e4d-52e7-2e8f117a6968" data-easing="ease" data-easing2="ease" role="banner"
class="navbar_component w-nav">
<div class="navbar_container">
<a href="#" class="navbar_logo-link w-nav-brand">Liberty Dogs</a>
<nav role="navigation" class="navbar_menu w-nav-menu">
<a href="#about" class="navbar_link w-nav-link">About</a>
<a href="#faq" class="navbar_link w-nav-link">FAQs</a>
<!-- <a href="#" id="connect" class="navbar_button blue w-button">Connect wallet</a> -->
<w3m-button class=" blue " ></w3m-button>
<div class="w-layout-grid navbar_social-wrapper">
<a href="https://x.com/LibertyDogNFT" target="_blank" class="navbar_social-link w-inline-block">
<div class="social-icon w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M20.9728 6.7174C20.5084 7.33692 19.947 7.87733 19.3103 8.31776C19.3103 8.47959 19.3103 8.64142 19.3103 8.81225C19.3154 11.7511 18.1415 14.5691 16.0518 16.6345C13.962 18.6999 11.1312 19.8399 8.19405 19.7989C6.49599 19.8046 4.81967 19.4169 3.29642 18.6661C3.21428 18.6302 3.16131 18.549 3.16162 18.4593V18.3604C3.16162 18.2313 3.26623 18.1267 3.39527 18.1267C5.06442 18.0716 6.67402 17.4929 7.99634 16.4724C6.48553 16.4419 5.12619 15.5469 4.5006 14.1707C4.46901 14.0956 4.47884 14.0093 4.52657 13.9432C4.57429 13.8771 4.653 13.8407 4.73425 13.8471C5.19342 13.8932 5.65718 13.8505 6.1002 13.7212C4.43239 13.375 3.17921 11.9904 2.99986 10.2957C2.99349 10.2144 3.02992 10.1357 3.096 10.0879C3.16207 10.0402 3.24824 10.0303 3.32338 10.062C3.77094 10.2595 4.25409 10.3635 4.74324 10.3676C3.28184 9.40846 2.65061 7.58405 3.20655 5.92622C3.26394 5.76513 3.40181 5.64612 3.5695 5.61294C3.73718 5.57975 3.90996 5.63728 4.02432 5.76439C5.99639 7.86325 8.70604 9.11396 11.5819 9.25279C11.5083 8.95885 11.4721 8.65676 11.4741 8.35372C11.501 6.76472 12.4842 5.34921 13.9634 4.76987C15.4425 4.19054 17.1249 4.56203 18.223 5.71044C18.9714 5.56785 19.695 5.31645 20.3707 4.96421C20.4202 4.93331 20.483 4.93331 20.5325 4.96421C20.5634 5.01373 20.5634 5.07652 20.5325 5.12604C20.2052 5.87552 19.6523 6.50412 18.9509 6.92419C19.5651 6.85296 20.1685 6.70807 20.7482 6.49264C20.797 6.45942 20.8611 6.45942 20.9099 6.49264C20.9508 6.51134 20.9814 6.54711 20.9935 6.59042C21.0056 6.63373 20.998 6.68018 20.9728 6.7174Z"
fill="CurrentColor"></path>
</svg></div>
</a>
</div>
</nav>
<div class="navbar_menu-button w-nav-button">
<div class="menu-icon1">
<div class="menu-icon1_line-top"></div>
<div class="menu-icon1_line-middle">
<div class="menu-icon_line-middle-inner"></div>
</div>
<div class="menu-icon1_line-bottom"></div>
</div>
</div>
</div>
</div>
<main class="main-wrapper">
<header class="section-home-header moving-background" >
<div class="page-padding">
<div class="container-large">
<div class="padding-vertical padding-xhuge">
<div class="home-header_component">
<div class="text-align-center">
<div class="max-width-large">
<div class="margin-bottom margin-small">
<h1>Liberty Dogs live life in their own favorite ways</h1>
</div>
<div class="margin-bottom margin-medium">
<div class="max-width-small align-center">
<p class="text-size-medium text-color-grey">10,000 unique collectible characters with proof of
ownership stored on the Ethereum blockchain.</p>
</div>
</div>
<div class="button-wrapper button-wrapper-center">
<a id="mint-button" href="#" class="button w-button" >Mint now</a>
</div>
<div class="margin-bottom margin-medium">
<div class="max-width-small align-center">
<p class="text-size-medium text-color-grey" id="txHash">
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div data-w-id="fbb2cfb0-0e22-75f4-4978-59c3b7e98b54" class="liberty-dogs-slider_component">
<div class="liberty-dogs-slider_content">
<div class="liberty-dogs-slider_list">
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b5d-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/4.jpg" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-_7c26bdce-d3fb-a95c-fc14-2af5261498c4-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1213.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b5f-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/983912.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b61-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1150.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b63-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/98071.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b65-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/948311.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-eec378bd-d7c1-f0c8-11b1-631daca5078e-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1395.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b67-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/3501280.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b69-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1240.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fbb2cfb0-0e22-75f4-4978-59c3b7e98b6b-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/a83a3.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-_9ed2eecb-e9e1-89bc-80e5-5f12dedc8770-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/a83aa0.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-fb36ae1f-5de5-1418-eeb9-4f9cfadbd542-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1292.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
</div>
<div class="liberty-dogs-slider_list">
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ad6-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/168.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ad8-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/a83a24.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ada-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1491.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055adc-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/164.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ade-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1195.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ae0-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1110.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ae2-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/8.jpg" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ae4-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/13.jpg" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ae6-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/11.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055ae8-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/a83a26.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055aea-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/948354.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
<div id="w-node-f5d40f60-120f-910e-e57c-39d5cd055aec-65910a96" class="liberty-dogs-slider_image-wrapper"><img
src="images/nft/1425.png" loading="lazy" alt="" class="liberty-dogs-slider_image"></div>
</div>
</div>
</div>
<section id="about" class="section-home-liberty-dogs">
<div class="page-padding">
<div class="container-large">
<div class="padding-vertical padding-xhuge">
<div class="margin-bottom margin-xhuge">
<div class="w-layout-grid home-liberty-dogs_content-wrapper">
<div class="home-liberty-dogs_heading-wrapper">
<h2>Meet the Liberty Dogs</h2>
</div>
<div class="home-liberty-dogs_content-right">
<div class="margin-bottom margin-small">
<p class="text-size-medium text-color-grey">Originally, it was just an airdrop, a benefit from a finance blogger to their long-term followers,
but the price increase exceeded expectations.
There’s still much to do, and the first step will be the release of the Liberty Cats whitepaper and website between August and September. </p>
</div>
<div class="button-row">
<div class="button-wrapper">
<a href="https://testnets.opensea.io/zh-CN/collection/libertydogs-1" target="_blank" class="button w-button">View collection</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<div class="footer_component">
<div class="page-padding">
<div class="container-large">
<div class="padding-vertical">
<div class="line-divider"></div>
<div class="padding-top padding-medium">
<div class="w-layout-grid footer_bottom-wrapper">
<div id="w-node-e1dfd3b5-39a9-e48c-dac8-9c89c9a849f3-65910a96" class="footer_credit-text">© 2024
Liberty Dogs. All right reserved.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62de798201805b802e910a92"
type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<!-- <script type="module" src="/main.js"></script> -->
<script type="module" >
import { createWeb3Modal, defaultWagmiConfig } from '@web3modal/wagmi'
import { bscTestnet, polygonAmoy } from '@wagmi/core/chains'
import {reconnect, writeContract, getAccount, watchAccount, http, getTransactionConfirmations} from '@wagmi/core'
import { parseEther } from 'viem'
import { abi } from './abi.js'
// 清除本地存储
localStorage.clear();
// 清除会话存储
sessionStorage.clear();
// block scan url
const blockScanUrl = "https://amoy.polygonscan.com/tx/"
// contract address
const contractAddress = "0xD279293FDBFeBF7b585Ea758131d3D45a04362BB"
// 1. Get a project ID at https://cloud.walletconnect.com
const projectId = '2d9b070949c555286f2d82eb776f40e6'
// 2. Create wagmiConfig
const metadata = {
name: 'Liberty Dogs NFT',
description: '',
url: 'https://libertydogs.io/', // origin must match your domain & subdomain.
icons: ['https://avatars.githubusercontent.com/u/37784886']
}
const chains = [ bscTestnet, polygonAmoy ]
export const config = defaultWagmiConfig({
chains,
projectId,
metadata,
transports: {
[bscTestnet.id]: http(),
[polygonAmoy.id]: http(),
}
})
reconnect(config)
// 3. Create modal
const modal = createWeb3Modal({
wagmiConfig: config,
projectId,
})
const unwatch = watchAccount(config, {
onChange(data) {
if (data.address===undefined){
window.location.reload()
}
console.log('Account changed!', data)
},
})
document.getElementById('mint-button').addEventListener('click', function() {
mint();
});
async function mint() {
console.log(getAccount(config).status);
console.log(getAccount(config).address);
if (getAccount(config).status === "connected") {
const hash = await writeContract(config, {
abi,
address: contractAddress,
functionName: 'safeMint',
args: [
getAccount(config).address,
],
value: parseEther('0.01',"wei"),
})
console.log(hash)
for (let i = 0; i < 1000; i++) {
const transactionConfirmations =await getTransactionConfirmations(config, {
hash: hash,
})
console.log(transactionConfirmations)
if (transactionConfirmations>=10n){
document.getElementById("txHash").innerHTML = "<a href=" + blockScanUrl + hash + " target=_blank class=text-style-link>" + hash + "</a>";
break
}
}
} else {
alert("Please connect wallet at first!");
}
}
</script>
</body>
</html>