forked from hush/hsc-creator
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
6.0 KiB
113 lines
6.0 KiB
<html lang="en">
|
|
<head>
|
|
<title>HUSH Smart Chain Creator</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="shortcut icon" href="https://hush.is/favicon.ico">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
|
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/milligram/1.1.0/milligram.min.css'>
|
|
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,700'>
|
|
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
|
|
<link rel="stylesheet" href="style.css?v=5">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="jumbo text-center">
|
|
<div class="logo">
|
|
<img src="logo.jpg" />
|
|
</div>
|
|
<h1>Hush Smart Chain Creator</h1>
|
|
<h4>Select your flavor</h4>
|
|
<ul id="flavor">
|
|
<li><button class="button-white button-outline" v-on:click="setFlavor('z2z')">Full Privacy (z2z)</button></li>
|
|
<li><button class="button-white button-outline" v-on:click="setFlavor('hybrid')">Hybrid Privacy (Smart contracts)</button></li>
|
|
</ul>
|
|
</div>
|
|
<div id="build" class="content text-center">
|
|
<h3>Let's create a HUSH Smart Chain!</h3>
|
|
<h5>You have great power at your fingertips! Use it wisely, for Good</h5>
|
|
<h5>More detailed docs <a href="https://git.hush.is/hush/hsc-creator/src/branch/master/docs.md" target=_blank>here</a></h5>
|
|
<div class="row">
|
|
<div class="column">
|
|
<form class="center">
|
|
|
|
<fieldset>
|
|
<h4>Options</h4>
|
|
<div class="row">
|
|
<div class="column">
|
|
<h5>General</h5>
|
|
<p>Customize general Hush settings</p>
|
|
<ul class="toggles">
|
|
<li class="animated fadeInRight" id="minerAddress" v-on:click="showMinerAddress">
|
|
<label>Specific Address</label>
|
|
<label class="switch">
|
|
<input type="checkbox" v-model="customMinerToAddress" v-on:click="showMinerAddress">
|
|
<div class="slider round"></div>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>Fully Shielded z2z (-ac_private)</label>
|
|
<label class="switch">
|
|
<input type="checkbox" v-model="optionz2z">
|
|
<div class="slider round"></div>
|
|
</label>
|
|
</li>
|
|
<li class="animated fadeInRight" id="nameInput" style="border-color: #2d2d2d;">
|
|
<label>Name (-ac_name)</label>
|
|
<input class="input" type="text" v-model="optionName" style="border-color: #2d2d2d;">
|
|
</li>
|
|
<li class="animated fadeInRight" id="supplyInput" style="border-color: #2d2d2d;">
|
|
<label>Initial Supply (-ac_supply)</label>
|
|
<input class="input" type="text" v-model="optionSupply" style="border-color: #2d2d2d;">
|
|
</li>
|
|
<li class="animated fadeInRight" id="rewardInput" style="border-color: #2d2d2d;">
|
|
<label>Initial Block Reward (-ac_reward)</label>
|
|
<input class="input" type="text" v-model="optionReward" style="border-color: #2d2d2d;">
|
|
</li>
|
|
<li class="animated fadeInRight" id="blocktimeInput" style="border-color: #2d2d2d;">
|
|
<label>Block time (-ac_blocktime)</label>
|
|
<input class="input" type="text" v-model="optionBlocktime" style="border-color: #2d2d2d;">
|
|
</li>
|
|
<li class="animated fadeInRight" id="halvingInput" style="border-color: #2d2d2d;">
|
|
<label>Block Halving Period (-ac_halving)</label>
|
|
<input class="input" type="text" v-model="optionHalving" style="border-color: #2d2d2d;">
|
|
</li>
|
|
<li class="animated fadeInRight" id="pubkeyInput" style="border-color: #2d2d2d;">
|
|
<label>Public Key (-ac_pubkey)</label>
|
|
<input class="input" type="text" width="40" v-model="optionPubkey" style="border-color: #2d2d2d;">
|
|
</li>
|
|
</ul>
|
|
<h5 style="margin-top: 15px;">Addnodes</h5>
|
|
<p>Add trusted bootstrap nodes. Remove by clicking.</p>
|
|
<input style="border-color: #2d2d2d;" type="text" placeholder="Enter hostname or IP address and hit enter" v-model="tempAllowlist" @keyup.enter="addAllowList(tempAllowlist)">
|
|
<ul class="allowlist" v-for="item in optionAllowList" v-bind:item="item">
|
|
<li v-on:click="removeAllowListItem(item)">{{ item }}</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<button class="compile button-dark" v-on:click="compile">Compile</button>
|
|
</div>
|
|
<div class="column">
|
|
<div class="flavor-banner animated fadeInDown">
|
|
You have selected <span class="bold">{{ flavor }}</span> as your flavor. A wise decision.
|
|
</div>
|
|
|
|
<div id="meme" class="animated fadeInDown">
|
|
<img src=hush-bam.gif>
|
|
</div>
|
|
<div id="profile" class="profile animated fadeInDown" v-html="command">
|
|
</div>
|
|
<div id="clapping" class="clapping animated fadeInDown">
|
|
<center>
|
|
<img src=clapping.gif>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src='https://unpkg.com/vue'></script>
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
|
|
<script src='main.js?v=7'></script>
|
|
</body>
|
|
</html>
|
|
|