index_Zh-Hant.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>ERC875 Token Factory</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <nav class="navbar navbar-light mt-3">
            <a style="margin-left: 1.5em;" class="navbar-brand" href="https://alphawallet.com">
                <img src="https://alphawallet.com/wp-content/uploads/2018/09/awlogo.png" width="130" height="25">
            </a>
            <form class="form-inline" style="margin-left: 1.5em; margin-top: 25px;">
                <a class="btn btn-sm btn-outline-dark" href="./index.html" role="button">English</a>
                <a style="margin-left: 8px;" class="btn btn-sm btn-outline-dark" href="./index_Zh-Hans.html" role="button">简体中文</a>
                <a style="margin-left: 8px;" class="btn btn-sm btn-outline-dark" href="./index_Zh-Hant.html" role="button">繁體中文</a>
            </form>
        </nav>
        <div class="container">
            <div class="starter-template">
                <h1 style="font-weight: 600;">NFT 令牌工廠</h1>
                <br>
                <h5 style="font-weight:300;">一鍵創建屬於你自己的 ERC 875 智能合約.
                <br>
                <br>
                然後加載進 <a href="http://d.alphawallet.com">AlphaWallet</a>, 就可以開始自己使用、交易、出售屬於你的唯一的 Token 了！
                <br>
                <br>
                我們推薦使用 <a href="http://d.alphawallet.com">AlphaWallet</a> 或 <a href="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en">Metamask</a> 來創建智能合約，簡單又安全。
                如果想要了解更多有關 ERC 875 的信息，請點擊 <a href="https://medium.com/alphawallet/erc875-a-new-standard-for-non-fungible-tokens-and-cheap-atomic-swaps-93ab85b9e7f9">這裏</a>.
                </h5>
            </div>
        </div>
        <br>
        <div class="container-bg">
            <div class="container">
                <div class="col-lg-12">
                    <form>
                        <div class="form-group row">
                            <h2 style="display: none; color: orangered;" id="notice">Contract is being deployed, please wait...</h2>
                            <label for="eventName" class="col-sm-2 col-form-label">Contract Name</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="eventName">
                                <small id="contractNameEvent" class="form-text text-muted">The name for the contract.</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="tokenSymbol" class="col-sm-2 col-form-label">Token Symbol</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="tokenSymbol">
                                <small id="symbolName" class="form-text text-muted">The Symbol for the contract.</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="ownerAddress" class="col-sm-2 col-form-label">Owner Address</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="ownerAddress">
                                <small id="addressOwner" class="form-text text-muted">This key controls the contract.</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="recipientAddress" class="col-sm-2 col-form-label">Recipient Address</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="recipientAddress">
                                <small id="addressRecipient" class="form-text text-muted">Receives the tokens.</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="numberOfTokens" class="col-sm-2 col-form-label">Number of tokens</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="numberOfTokens" type="number">
                                <small id="tokenNo" class="form-text text-muted">Type in the amount of tokens you want to generate (default 20)</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="addMoreTokens" id="addMoreTokensLabel" class="col-sm-2 col-form-label" style="display: none">Add more tokens</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="addMoreTokens" style="display: none" type="number">
                                <input type="button" class="btn btn btn-danger" id="addMoreTokensButton" value="Add tokens" style="display: none">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="state" class="col-sm-2 col-form-label">State</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="state">
                                <small id="stateBox" class="form-text text-muted">The state for your event</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="buildingInput" class="col-sm-2 col-form-label">Building</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="buildingInput">
                                <small id="buildingId" class="form-text text-muted">The building for your event</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="streetInput" class="col-sm-2 col-form-label">Street</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="streetInput">
                                <small id="streetInfo" class="form-text text-muted">The street for your event</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="localityInput" class="col-sm-2 col-form-label">Locality/City</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="localityInput">
                                <small id="localityBox" class="form-text text-muted">The locality for your event</small>
                            </div>
                        </div>
                        <br>
                        <h5><strong>If owner or recipient address is blank; the node address will be used </strong></h5>
                        <br>
                        <input type="button" class="btn-y btn-xl" id="deploy" value="Deploy Contract">
                        <input type="button" class="btn btn btn-success" id="viewOnXContract" value="Use on xcontract" style="display: none">
                        <input type="button" class="btn btn btn-info" id="viewOnEtherscan" value="View on etherscan" style="display: none">
                    </div>
                </form>
            </div>
        </div>
    </div>
    <footer>
        <h2 class="mt-5 text-center" style="font-weight:300;">Start selling and distributing your token instantly on <b>AlphaWallet</b> </h2>
        <p id="download_app">
            <div class="row m-5">
                <div class="col-lg-12">
                    <div align="center">
                        <a href="https://apple.co/2OQRS7c" target="_blank"><img style="margin: 5px;" src="https://alphawallet.com/wp-content/uploads/2018/10/app-store-button-light.png" width="200px"></a>
                        <a href="https://play.google.com/store/apps/details?id=io.stormbird.wallet&hl=en_SG" target="_blank"><img style="margin: 7px;" src="https://alphawallet.com/wp-content/uploads/2018/10/googleplay1.png" width="190px"></a><br>
                    </p>
                </div>
            </div>
        </footer>
        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
        <script src="./bundle.js"></script>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119752961-1"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-119752961-1');
        </script>
    </body>
</html>