Made UI changes

This commit is contained in:
tripathyr 2019-03-10 21:32:44 +05:30 committed by GitHub
parent cea5861e63
commit b24d591e95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,10 +2,56 @@
<html> <html>
<head> <head>
<title>FLO walletless</title> <title>FLO walletless</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<style> <style>
table, th, td {
border: 1px solid black;
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
body {
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
font-size: 1.05em;
margin: 0;
text-align:justify;
} }
table {
border-collapse: collapse;
}
table, tr, th, td {
border: 1px solid #e3e3e3;
}
button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 8px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.newColor {
color: black;
}
button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
</style> </style>
</head> </head>
<body> <body>
@ -20,9 +66,28 @@ table, th, td {
const fee = 0.0005; const fee = 0.0005;
</script> </script>
<h1>FLO</h1> <h1>FLO</h1>
<button id="addrGenBtn" onclick="addrGenMode();">Address Generator</button> <button id="getDataBtn" onclick="showSection(this,getDataMode);">Monitor FLO Data</button>
<button id="sendDataBtn" onclick="sendDataMode();">Send FLO Data</button> <button id="sendDataBtn" onclick="showSection(this,sendDataMode);">Send FLO Data</button>
<button id="getDataBtn" onclick="getDataMode();">Monitor FLO Data</button> <button id="addrGenBtn" onclick="showSection(this,addrGenMode);">Address Generator</button>
<script>
var mainButtonList = [];mainButtonList.push(document.getElementById("getDataBtn"));
document.getElementById("getDataBtn").classList.add('newColor');
function showSection(that,callback) {
if (!(mainButtonList.length == 0 )) {
var x = mainButtonList.pop();
x.classList.remove('newColor');
}
that.classList.add('newColor');
mainButtonList.push(that)
callback();
}
</script>
<br/> <br/>
<div id="addrGen"> <div id="addrGen">
@ -61,7 +126,7 @@ table, th, td {
<script> <script>
addrGenMode(); //default start getDataMode(); //default start
function clearLocalData() function clearLocalData()
{ {