Skip to content

Commit a6a206e

Browse files
dimitrov-ddimitrov-d
authored
Merge pull request #14 from Apillon/dev
Dev
2 parents a57ff96 + 1925a3d commit a6a206e

27 files changed

Lines changed: 6681 additions & 1363 deletions

‎.env.example‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
VITE_EMBEDDED_WALLET_CLIENT=APILLON_INTEGRATION_UUID_HERE # Paste the Embedded Wallet client uuid.
2+
VITE_CONTRACT_ADDRESS=CONTRACT_ADDRESS # Paste the address of the NFT collection.
3+
VITE_IMG_LOGO=COLLECTION_LOGO
4+
5+
6+
# Set active chain
7+
VITE_CHAIN_ID = 1287 # Change this to switch networks
8+
9+
# Production networks
10+
# enum EvmChainMainnet {
11+
# ETHEREUM = 1,
12+
# MOONBEAM = 1284,
13+
# ASTAR = 592,
14+
# CELO = 42220,
15+
# BASE = 8453,
16+
# ARBITRUM_ONE = 42161,
17+
# AVALANCHE = 43114,
18+
# OPTIMISM = 10,
19+
# POLYGON = 137,
20+
# }
21+
22+
# Test networks
23+
# enum EvmChainTestnet {
24+
# SEPOLIA = 11155111,
25+
# MOONBASE = 1287,
26+
# ALFAJORES = 44787, // Celo testnet
27+
# BASE_SEPOLIA = 84532,
28+
# ARBITRUM_ONE_SEPOLIA = 421614,
29+
# AVALANCHE_FUJI = 43113,
30+
# OPTIMISM_SEPOLIA = 11155420,
31+
# POLYGON_AMOY = 80002,
32+
# }

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,3 +49,4 @@ Thumbs.db
4949
*.mov
5050
*.wmv
5151

52+
.env

‎build.sh‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎generate-config.sh‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎images/ew.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎images/metaMask.svg‎

Lines changed: 43 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 46 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -2,66 +2,81 @@
22
<html>
33
<head>
44
<title>NFTs</title>
5+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
7-
<script src="./js/ethers-5.5.umd.min.js" type="application/javascript"></script>
87
<link rel="preconnect" href="https://fonts.googleapis.com" />
98
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
109
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap" rel="stylesheet" />
1110
<link href="./style/style.css" rel="stylesheet" />
1211
<link href="./style/tooltip.css" rel="stylesheet" />
13-
<script src="./js/abi.js" type="application/javascript" async></script>
14-
<script src="./js/env.js" type="application/javascript" async></script>
15-
<script src="./js/utils.js" type="application/javascript" async></script>
16-
<script src="./js/render.js" type="application/javascript" async></script>
17-
<script src="./js/script.js" type="application/javascript" async></script>
18-
<script src="./js/nestable.js" type="application/javascript" async></script>
1912
<script></script>
2013
</head>
2114
<body>
2215
<div class="container">
2316
<div class="header br">
2417
<div class="header-l">
25-
<h1>A matter of minutes. And zero developing costs. Want to build your own NFT collection?</h1>
18+
<h1 class="h1">A matter of minutes. And zero developing costs. Want to build your own NFT collection?</h1>
2619
<a href="https://apillon.io/" class="builders" target="_blank"> Build with Apillon </a>
2720
</div>
2821
<div class="header-r">
29-
<img src="images/header.svg" />
22+
<img id="logoImg" src="images/header.svg" height="126" />
3023
</div>
3124
</div>
3225
<div class="box collection br text-center">
3326
<div id="collection"></div>
27+
<div class="drop" id="drop" style="display: none"></div>
28+
<div class="drop">
29+
<button class="btn btn-mint" id="btnMint" style="display: none">Mint</button>
30+
</div>
3431
<div class="btn-connect-wrapper">
35-
<button id="btnConnect" onclick="connectWallet();">Connect wallet</button>
32+
<div class="flex gap-2">
33+
<div id="wallet"></div>
34+
<button class="btn inline-block" id="btnModalWallet">Connect wallet</button>
35+
</div>
3636
<span id="connectError" class="error"></span>
3737
</div>
3838
<span id="generalError" class="error"></span>
3939
</div>
40-
<div id="actions" style="display: none">
41-
<div
42-
class="nestable-info"
43-
>
44-
<h3>
45-
The collection you are viewing supports nesting NFTs you own. To setup the nested
46-
relationship between NFTs, you first have to own them.
47-
</h3>
48-
<strong>Instructions:</strong>
49-
<ol>
50-
<li>Mint one or multiple NFTs</li>
51-
<li>Once minted, click on “My NFTs”</li>
52-
<li>The NFTs you own will be displayed</li>
53-
<li>Click on the NFT you want to set as a parent</li>
54-
<li>A window will open, allowing you to link child NFTs to that NFT</li>
55-
</ol>
56-
</div>
40+
<div id="actions" style="display: none">
5741
<h2 class="text-center">Show NFTs:</h2>
5842
<div class="actions">
59-
<button id="btnAllNFTs" onclick="loadAllNFTs();">All nfts</button>
60-
<button id="myNFTs" onclick="loadMyNFTs();">My nfts</button>
43+
<button class="btn" id="btnAllNFTs">All nfts</button>
44+
<button class="btn" id="myNFTs">My nfts</button>
6145
</div>
6246
</div>
6347
<div class="grid" id="nfts"></div>
64-
<div class="modals" id="modals"></div>
48+
<div class="modals" id="modals">
49+
<div class="modal" id="modalWallet" >
50+
<div class="modal-bg" id="modalWalletBg"></div>
51+
<div class="modal-container">
52+
<button class="btn-modal-exit" id="btnModalExit"></button>
53+
<div class="container">
54+
<div class="relative text-center">
55+
<h2 class="my-4">Your NFTs, delivered with style</h2>
56+
<div>Email them. Airdrop them. Share a link. <br>No gas fees. No fuss.</div>
57+
<hr />
58+
<h4 class="my-4">Connect your wallet to get started:</h4>
59+
<div class="flex flex-col gap-2">
60+
<button class="btn btn-wallet" id="btnConnectEW">
61+
<span class="inline-flex items-center gap-2">
62+
<img src="/images/ew.svg" width="20" height="20" alt="embeddedWallet" />
63+
<span class="inline-block">Apillon Embedded Wallet</span>
64+
</span>
65+
</button>
66+
<button class="btn btn-wallet" id="btnConnect">
67+
<span class="inline-flex items-center gap-2">
68+
<img src="/images/metaMask.svg" width="20" height="20" alt="metamask" />
69+
<span>MetaMask</span>
70+
</span>
71+
</button>
72+
<button class="btn inline-block " id="btnConnected" style="display: none">Disconnect</button>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
6579
</div>
80+
<script src="./src/main.ts" type="module" async></script>
6681
</body>
6782
</html>

‎js/abi.js‎

Lines changed: 0 additions & 106 deletions
This file was deleted.

0 commit comments

Comments
 (0)