123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 |
- <template>
- <main class="py-8 overflow-x-hidden">
- <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8">
- <header class="px-2 lg:px-10 mt-5 w-full">
- <h1 class="text-4xl font-bold text-gray-500">
- Testnet Faucets
- </h1>
- <p class="max-w-xl text-gray-500 p-2 mt-5">
- Simply select your preferred crypto from the available faucets below, enter your <strong class="text-rose-500">"Testnet" Address</strong> and click:
- <span class="my-2 block text-2xl text-indigo-500 font-bold">
- START MINING
- </span>
- These faucets drip coins every 30 seconds...
- </p>
- </header>
- <!-- Page Section -->
- <section class="px-2 lg:px-10 mt-10 grid grid-cols-1 lg:grid-cols-3 gap-5">
- <button
- class="p-5 bg-rose-500 rounded-xl border-4 border-rose-300 text-xl text-yellow-100 font-bold"
- @click="loadAvalanche"
- >
- <h1 class="text-4xl">Avalanche</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-rose-200 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Fuji
- </span>
- <span class="text-right text-rose-200 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tAVAX</span>
- </div>
- </button>
- <button
- class="p-5 bg-yellow-500 rounded-xl border-4 border-yellow-300 text-xl text-yellow-100 font-bold"
- @click="loadBinance"
- >
- <h1 class="text-4xl">Binance</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-yellow-900 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- SmartChain
- </span>
- <span class="text-right text-yellow-900 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tBSC</span>
- </div>
- </button>
- <button
- class="p-5 bg-green-700 rounded-xl border-4 border-green-500 text-xl text-gray-100 font-bold"
- @click="loadBitcoinCash"
- >
- <h1 class="text-4xl">Bitcoin Cash</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-green-300 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Testnet3
- <svg @click.stop="toggleBCH" class="w-4 h-4 inline ml-0 hover:text-pink-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"></path></svg>
- </span>
- <span class="text-right text-green-300 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tBCH</span>
- </div>
- </button>
- <button
- class="p-5 bg-gray-500 rounded-xl border-4 border-gray-300 text-xl text-gray-100 font-bold"
- @click="loadRopsten"
- >
- <h1 class="text-4xl">Ethereum</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-purple-200 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Ropsten
- <svg @click.stop="toggleETH" class="w-4 h-4 inline ml-0 hover:text-pink-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"></path></svg>
- </span>
- <span class="text-right text-purple-200 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tETH</span>
- </div>
- </button>
- <button
- class="p-5 bg-yellow-600 rounded-xl border-4 border-yellow-400 text-xl text-yellow-100 font-bold"
- @click="loadNexa"
- >
- <h1 class="text-4xl">Nexa</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-yellow-200 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Nexa
- </span>
- <span class="text-right text-yellow-200 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tNEX</span>
- </div>
- </button>
- <button
- class="p-5 bg-gray-700 rounded-xl border-4 border-gray-500 text-xl text-gray-100 font-bold"
- @click="loadKovan"
- >
- <h1 class="text-4xl">Polygon</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-purple-200 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Mumbai
- </span>
- <span class="text-right text-purple-200 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tMATIC</span>
- </div>
- </button>
- <button
- class="p-5 bg-green-600 rounded-xl border-4 border-green-400 text-xl text-gray-100 font-bold"
- @click="loadSmartBCH"
- >
- <h1 class="text-4xl">Smart Bitcoin</h1>
- <div class="grid grid-cols-2 text-sm mt-2 flex items-center">
- <span class="text-right text-green-900 text-xs mt-1 mr-2 uppercase">Blockchain</span>
- <span class="text-left mt-1 ml-2 text-base">
- Amber
- </span>
- <span class="text-right text-green-900 text-xs mt-1 mr-2 uppercase">Asset</span>
- <span class="text-left mt-1 ml-2 text-base">tSBCH</span>
- </div>
- </button>
- </section>
- </div>
- </main>
- </template>
- <script>
- export default {
- data: () => {
- return {
- //
- }
- },
- head: () => ({
- title: 'Testnet Faucets — APECS Dev',
- meta: [
- {
- hid: 'description', // `vmid` for it as it will not work
- name: 'description',
- content: `Testnet Faucets`
- }
- ]
- }),
- methods: {
- loadBitcoinCash() {
- window.open('https://tbch.googol.cash/')
- },
- loadSmartBCH() {
- window.open('http://34.92.246.27:8080/faucet')
- },
- loadRopsten() {
- window.open('https://faucet.dimensions.network/')
- },
- loadKovan() {
- window.open('https://ethdrop.dev/')
- },
- loadBinance() {
- window.open('https://testnet.binance.org/faucet-smart')
- },
- loadNexa() {
- alert('faucet is coming soon...')
- },
- loadAvalanche() {
- window.open('https://faucet.avax.network/')
- },
- toggleBCH() {
- alert('Testnet4 is coming soon..')
- },
- toggleETH() {
- alert('Kovan is coming soon..')
- },
- },
- created: async function () {
- /* Retrieve session. */
- // const session = await this.hasSession()
- // .catch(err => console.error('Session Error:', err))
- /* Validate session. */
- // if (!session) {
- // return
- // }
- },
- mounted: function () {
- //
- },
- }
- </script>
|