Hush Smart Chain Creator https://hush.is/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.
 
 
 

146 lines
8.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> and more background <a href="https://git.hush.is/hush/hush-smart-chains/src/branch/master/README.md">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="algoInput" style="border-color: #2d2d2d;">
<label>Algo (-ac_algo)</label>
<select name="algo" v-model="optionAlgo" id="dropdown" style="border-color: #2d2d2d;">
<option value=" -ac_algo=randomx " disabled value="">RandomX</option>
<option value=" -ac_algo=equihash -ac_nk=200,9 ">Equihash (200,9)</option>
<option value=' -ac_algo=equihash -ac_nk=210,9 '>Equihash (210,9)</option>
<option value=' -ac_algo=equihash -ac_nk=48,5 '>Equihash (48,5)</option>
<option value=' -ac_algo=equihash -ac_nk=96,5 '>Equihash (96,5)</option>
<option value=' -ac_algo=equihash -ac_nk=144,5 '>Equihash (144,5)</option>
<option value=' -ac_algo=equihash -ac_nk=150,5 '>Equihash (150,5)</option>
</select>
</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>
<pre>This is in satoshis. 1 COIN = 100000000 satoshis.</pre>
<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>
<li>
<label> Test Chain (-testnode=1)</label>
<pre>Use this for testing. Requires only a single node.</pre>
<label class="switch">
<input type="checkbox" v-model="optionTestNode">
<div class="slider round"></div>
</label>
</li>
<li>
<label> Mining (-gen=1)</label>
<pre>Enable mining.</pre>
<label class="switch">
<input type="checkbox" v-model="optionGen">
<div class="slider round"></div>
</label>
</li>
</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://cdn.jsdelivr.net/npm/vue@2.6.0'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='main.js?v=8'></script>
</body>
</html>