RanchiMall/explorer-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Transaction card added and basics

Browse Source
This commit is contained in:
Vivek Teega 2019-06-19 09:34:40 +05:30
parent 8c9c3b7d5a
commit 2d824cdd60
1 changed files with 883 additions and 492 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

479
vscout2.html
View File

@ -1,4 +1,5 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
@ -7,7 +8,208 @@
<!-- THIS IS A BEAUTIFUL SOLUTION --> <!-- THIS IS A BEAUTIFUL SOLUTION -->
<style> <style>
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family: 'Titillium Web';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: 'Titillium Web';
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C""\201D""\2018""\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body { body {
margin: 0; margin: 0;
@ -20,7 +222,9 @@ body {
background-color: #fff; background-color: #fff;
} }
*, *::before, *::after { *,
*::before,
*::after {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
@ -280,9 +484,6 @@ body {
white-space: nowrap; white-space: nowrap;
} }
.card-body { .card-body {
padding: 30px; padding: 30px;
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -331,18 +532,9 @@ body {
box-shadow: 0 0 30px 0 rgba(202, 199, 226, .5); box-shadow: 0 0 30px 0 rgba(202, 199, 226, .5);
margin-bottom: 50px; margin-bottom: 50px;
position: relative; position: relative;
} }
/*Card Blocks Section */ /*Card Blocks Section */
.container1 { .container1 {
@ -379,23 +571,151 @@ body {
color: #5c34a2; color: #5c34a2;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
} }
/* Card Transaction section */
.box2class {
width: 195px;
height: 122px;
border-radius: 4px;
border: 1px solid #dee2e6;
border-left: 4px solid #5c34a2;
margin-right: 15px;
margin-left: 15px;
flex-shrink: 0;
color: #a5b2cf;
font-size: 12px;
line-height: 1.4rem;
display: flex;
flex-direction: column;
padding-top: 10px;
}
.box3class {
width: auto;
height: 122px;
border-radius: 4px;
border: 1px solid #dee2e6;
border-left: 4px solid #5c34a2;
margin-right: 15px;
margin-left: 15px;
margin-top: 9px;
margin-bottom: 9px;
flex-shrink: 0;
color: #a5b2cf;
font-size: 12px;
line-height: 1.4rem;
display: flex;
flex-direction: column;
padding-top: 10px;
}
.transactions-token-transfer {
width: auto;
height: 132px;
border-radius: 4px;
border: 1px solid #dee2e6;
border-left: 4px solid #ef9a60;
margin-right: 15px;
margin-left: 15px;
margin-top: 9px;
margin-bottom: 9px;
flex-shrink: 0;
color: #a5b2cf;
font-size: 12px;
line-height: 1.4rem;
}
.color-block-token-transfer {
background-color: rgba(239,154,96,.1);
border-bottom: 1px solid #ef9a60;
border-right: 1px solid #ef9a60;
border-top: 1px solid #ef9a60;
color: #ef9a60;
height:132px;
width:172px;
align-items: center;
margin-top: -1px;
margin-left: -4px;
border-radius: 4px 0px 0px 4px;
}
.transactions-transaction {
width: auto;
height: 100px;
border: 1px solid #dee2e6;
border-left: 4px solid #4786ff;
border-radius: 4px;
margin-right: 15px;
margin-left: 15px;
margin-top: 9px;
margin-bottom: 9px;
flex-shrink: 0;
color: #a5b2cf;
font-size: 12px;
line-height: 1.4rem;
}
.color-block-transaction {
background-color: rgba(71,134,255,.1);
border-bottom: 1px solid #4786ff;
border-right: 1px solid #4786ff;
border-top: 1px solid #4786ff;
color: #4786ff;
height:100px;
width:172px;
align-items: center;
margin-top: -1px;
margin-left: -4px;
border-radius: 4px 0px 0px 4px;
}
.transactions-transaction-content{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
flex-direction: column!important;
display: flex!important;
padding-right: 0!important;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.container2 {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
padding: 30px 15px 30px;
}
/*Footer Section*/ /*Footer Section*/
.footerBar { .footerBar {
flex: 1 1 20%; flex: 1 1 20%;
} }
.footerBar a { .footerBar a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
@ -414,16 +734,46 @@ body {
} }
.footerBar li::before { .footerBar li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ content: "\2022";
color: #87e1a9; /* Change the color */ /* Add content: \2022 is the CSS Code/unicode for a bullet */
font-weight: bold; /* If you want it to be bold */ color: #87e1a9;
display: inline-block; /* Needed to add space between the bullet and the text */ /* Change the color */
width: 1em; /* Also needed for space (tweak if needed) */ font-weight: bold;
margin-left: -1em; /* Also needed for space (tweak if needed) */ /* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
margin-right: 10px; margin-right: 10px;
} }
.transfer-indicator {
background-color: rgba(71, 134, 255, .1);
border-bottom: 1px solid #4786ff;
border-right: 1px solid #4786ff;
border-top: 1px solid #4786ff;
color: #4786ff;
-webkit-box-align: center;
align-items: center;
bottom: -17px;
-webkit-box-pack: center;
justify-content: center;
margin-left: -1px;
margin-top: -34px;
padding: 0;
position: relative;
/* media query shiz */
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
display: flex !important;
-webkit-box-flex: 0;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
</style> </style>
<body> <body>
@ -432,7 +782,8 @@ body {
<nav class="navbar"> <nav class="navbar">
<div class="navbar_container"> <div class="navbar_container">
<a href="vscout2.html"> <a href="vscout2.html">
<img class="navbar-logo" style="vertical-align:middle; border-style:none;" src="FLO_horizontal_text1.svg" alt="POA Core"> <img class="navbar-logo" style="vertical-align:middle; border-style:none;"
src="FLO_horizontal_text1.svg" alt="POA Core">
</a> </a>
<div class="navbarmenu_search"> <div class="navbarmenu_search">
@ -480,7 +831,8 @@ body {
<div class="dashboard-banner-network-stats-item"> <div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label"> <span class="dashboard-banner-network-stats-label">
Wallet addresses </span> Wallet addresses </span>
<span class="dashboard-banner-network-stats-value" data-selector="address-count">25,207</span> <span class="dashboard-banner-network-stats-value"
data-selector="address-count">25,207</span>
</div> </div>
</div> </div>
</div> </div>
@ -492,8 +844,6 @@ body {
<div class="card card-chain-blocks"> <div class="card card-chain-blocks">
<div class="card-body"></div> <div class="card-body"></div>
</div> </div>
</section> </section>
</main> </main>
@ -515,25 +865,58 @@ body {
</div> </div>
<!-- Blocks Card -->
<div style="text-align:center;min-width:630px;max-width:1000px;margin:auto"> <div style="text-align:center;min-width:630px;max-width:1000px;margin:auto">
<div class="card"> <div class="card">
<div class="container1"> <div class="container1">
<div class='box1class'> <div class='box1class'>
<div style="flex:0 0 30px;text-align: left"><a href="#" style="margin-left: 20px">345678</a></div> <div style="flex:0 0 30px;text-align: left"><a href="#" style="margin-left: 20px">345678</a></div>
<div style="background: #f6f7f9;flex:1 1 100px;text-align: left"><div style="margin-left: 20px">Test Data</div></div> <div style="background: #f6f7f9;flex:1 1 100px;text-align: left">
<div style="margin-left: 20px">Test Data</div>
</div> </div>
<div class='box1class'>
</div> </div>
<div class='box1class'> <div class='box1class'></div>
<div class='box1class'></div>
<div class='box1class'></div>
</div> </div>
<div class='box1class'>
</div> </div>
</div> </div>
<!-- Transaction Card -->
<div style="text-align:center;min-width:630px;max-width:1000px;margin:auto">
<div class="card">
<div class="container2">
<h2 style="text-align:left; font-size:18px; font-weight:400; margin-left:14px; line-height:1.2rem; margin-bottom:2rem; display:block; margin-block-start:0.83em; margin-block-end:0.83em;">
Transactions</h2>
<div class='transactions-token-transfer'>
<div style="display:flex; flex-direction: column;">
<div class='color-block-token-transfer'>
<span style="color:#ef9a60; font-size: 12px; font-weight: 700; line-height: 1.2; margin: 0 0 2px; text-align: center;">
Token Transfer</span>
<span style="color:inherit; font-size: 12px; font-weight: 400; line-height: 1.2; text-align:center; padding: 0 5px;">
Token Transfer</span>
</div>
<div></div>
<div></div>
</div>
</div>
<div class='transactions-transaction'>
<div style="display:flex; flex-direction:column; width:172px;">
<div class='color-block-transaction'>
<span style="color:#4786ff; font-size: 12px; font-weight: 700; line-height: 1.2; margin: 0 0 2px; text-align: center;">
Transactions</span>
<span style="color:inherit; font-size: 12px; font-weight: 400; line-height: 1.2; text-align:center; padding: 0 5px;">
Success</span>
</div>
</div>
<div style="overflow:none" class="transactions-transaction-content">kjhkjkjdf</div>
<div></div>
</div>
</div>
</div> </div>
</div> </div>
@ -546,20 +929,27 @@ body {
<div class="footer" style="width:80%;margin:auto"> <div class="footer" style="width:80%;margin:auto">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59pt" height="27pt" viewBox="0 0 59 27" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59pt"
height="27pt" viewBox="0 0 59 27" version="1.1">
<g id="surface1"> <g id="surface1">
<path style=" stroke:none;fill-rule:nonzero;fill:white;" d="M 46.871094 22.328125 L 39.714844 22.328125 L 39.714844 12.007812 L 41.496094 12.007812 L 41.496094 20.691406 L 46.871094 20.691406 Z M 46.871094 22.328125 "/> <path style=" stroke:none;fill-rule:nonzero;fill:white;"
<path style=" stroke:none;fill-rule:nonzero;fill:white" d="M 53.628906 22.503906 C 52.839844 22.503906 52.121094 22.363281 51.46875 22.085938 C 50.816406 21.804688 50.257812 21.421875 49.789062 20.941406 C 49.324219 20.460938 48.957031 19.898438 48.695312 19.253906 C 48.433594 18.609375 48.300781 17.925781 48.300781 17.195312 L 48.300781 17.167969 C 48.300781 16.4375 48.433594 15.753906 48.695312 15.109375 C 48.957031 14.464844 49.328125 13.902344 49.804688 13.414062 C 50.28125 12.929688 50.847656 12.542969 51.5 12.257812 C 52.148438 11.972656 52.871094 11.832031 53.660156 11.832031 C 54.445312 11.832031 55.167969 11.96875 55.820312 12.25 C 56.472656 12.53125 57.03125 12.910156 57.496094 13.394531 C 57.964844 13.875 58.332031 14.4375 58.59375 15.082031 C 58.855469 15.726562 58.988281 16.410156 58.988281 17.136719 L 58.988281 17.167969 C 58.988281 17.894531 58.855469 18.578125 58.59375 19.222656 C 58.332031 19.867188 57.960938 20.433594 57.484375 20.917969 C 57.007812 21.40625 56.441406 21.792969 55.789062 22.074219 C 55.136719 22.359375 54.417969 22.503906 53.628906 22.503906 M 53.660156 20.839844 C 54.164062 20.839844 54.625 20.742188 55.046875 20.550781 C 55.46875 20.359375 55.828125 20.097656 56.128906 19.769531 C 56.429688 19.441406 56.667969 19.054688 56.835938 18.613281 C 57.003906 18.167969 57.089844 17.699219 57.089844 17.195312 L 57.089844 17.167969 C 57.089844 16.667969 57.003906 16.191406 56.835938 15.746094 C 56.667969 15.296875 56.429688 14.910156 56.125 14.578125 C 55.816406 14.25 55.453125 13.988281 55.027344 13.789062 C 54.597656 13.59375 54.132812 13.496094 53.628906 13.496094 C 53.125 13.496094 52.664062 13.589844 52.242188 13.785156 C 51.820312 13.976562 51.460938 14.234375 51.15625 14.566406 C 50.859375 14.894531 50.621094 15.28125 50.453125 15.722656 C 50.285156 16.164062 50.199219 16.636719 50.199219 17.136719 L 50.199219 17.167969 C 50.199219 17.667969 50.285156 18.140625 50.453125 18.589844 C 50.621094 19.039062 50.859375 19.425781 51.164062 19.753906 C 51.472656 20.085938 51.835938 20.347656 52.261719 20.542969 C 52.691406 20.738281 53.15625 20.839844 53.660156 20.839844 Z M 53.660156 20.839844 "/> d="M 46.871094 22.328125 L 39.714844 22.328125 L 39.714844 12.007812 L 41.496094 12.007812 L 41.496094 20.691406 L 46.871094 20.691406 Z M 46.871094 22.328125 " />
<path style=" stroke:none;fill-rule:nonzero;fill:white;" d="M 30.140625 16.488281 L 30.140625 22.328125 L 31.921875 22.328125 L 31.921875 18.125 L 37.074219 18.125 L 37.074219 16.488281 Z M 30.140625 16.488281 "/> <path style=" stroke:none;fill-rule:nonzero;fill:white"
<path style=" stroke:none;fill-rule:nonzero;fill:white;" d="M 30.140625 12.007812 L 30.140625 13.644531 L 37.730469 13.644531 L 37.730469 12.007812 Z M 30.140625 12.007812 "/> d="M 53.628906 22.503906 C 52.839844 22.503906 52.121094 22.363281 51.46875 22.085938 C 50.816406 21.804688 50.257812 21.421875 49.789062 20.941406 C 49.324219 20.460938 48.957031 19.898438 48.695312 19.253906 C 48.433594 18.609375 48.300781 17.925781 48.300781 17.195312 L 48.300781 17.167969 C 48.300781 16.4375 48.433594 15.753906 48.695312 15.109375 C 48.957031 14.464844 49.328125 13.902344 49.804688 13.414062 C 50.28125 12.929688 50.847656 12.542969 51.5 12.257812 C 52.148438 11.972656 52.871094 11.832031 53.660156 11.832031 C 54.445312 11.832031 55.167969 11.96875 55.820312 12.25 C 56.472656 12.53125 57.03125 12.910156 57.496094 13.394531 C 57.964844 13.875 58.332031 14.4375 58.59375 15.082031 C 58.855469 15.726562 58.988281 16.410156 58.988281 17.136719 L 58.988281 17.167969 C 58.988281 17.894531 58.855469 18.578125 58.59375 19.222656 C 58.332031 19.867188 57.960938 20.433594 57.484375 20.917969 C 57.007812 21.40625 56.441406 21.792969 55.789062 22.074219 C 55.136719 22.359375 54.417969 22.503906 53.628906 22.503906 M 53.660156 20.839844 C 54.164062 20.839844 54.625 20.742188 55.046875 20.550781 C 55.46875 20.359375 55.828125 20.097656 56.128906 19.769531 C 56.429688 19.441406 56.667969 19.054688 56.835938 18.613281 C 57.003906 18.167969 57.089844 17.699219 57.089844 17.195312 L 57.089844 17.167969 C 57.089844 16.667969 57.003906 16.191406 56.835938 15.746094 C 56.667969 15.296875 56.429688 14.910156 56.125 14.578125 C 55.816406 14.25 55.453125 13.988281 55.027344 13.789062 C 54.597656 13.59375 54.132812 13.496094 53.628906 13.496094 C 53.125 13.496094 52.664062 13.589844 52.242188 13.785156 C 51.820312 13.976562 51.460938 14.234375 51.15625 14.566406 C 50.859375 14.894531 50.621094 15.28125 50.453125 15.722656 C 50.285156 16.164062 50.199219 16.636719 50.199219 17.136719 L 50.199219 17.167969 C 50.199219 17.667969 50.285156 18.140625 50.453125 18.589844 C 50.621094 19.039062 50.859375 19.425781 51.164062 19.753906 C 51.472656 20.085938 51.835938 20.347656 52.261719 20.542969 C 52.691406 20.738281 53.15625 20.839844 53.660156 20.839844 Z M 53.660156 20.839844 " />
<path style=" stroke:none;fill-rule:nonzero;fill:white;" d="M 13.109375 19.214844 C 11.601562 21.222656 11.601562 23.203125 13.109375 25.144531 C 14.617188 23.203125 14.617188 21.222656 13.109375 19.214844 M 13.109375 2.800781 C 9.648438 7.207031 9.648438 11.6875 13.109375 16.25 C 16.570312 11.6875 16.570312 7.207031 13.109375 2.800781 Z M 5.273438 22.441406 C 6.546875 19.515625 9.21875 18.070312 12.203125 18.105469 C 8.417969 14.140625 5.128906 12.539062 2.339844 13.3125 C 2.710938 15.5 4.21875 17.359375 6.859375 18.890625 C 3.820312 17.921875 1.53125 15.578125 0 11.859375 C 4.558594 11.074219 8.152344 12.210938 10.773438 15.261719 C 8.382812 10.101562 9.160156 5.007812 13.109375 -0.0117188 C 17.058594 5.007812 17.835938 10.097656 15.445312 15.261719 C 18.066406 12.210938 21.660156 11.074219 26.21875 11.859375 C 24.6875 15.578125 22.398438 17.921875 19.359375 18.890625 C 22 17.359375 23.507812 15.5 23.878906 13.3125 C 21.089844 12.542969 17.800781 14.140625 14.015625 18.105469 C 17 18.070312 19.671875 19.515625 20.945312 22.441406 C 18.691406 22.953125 16.835938 22.601562 15.382812 21.394531 C 16.972656 22.207031 18.339844 22.328125 19.492188 21.757812 C 18.988281 20.21875 16.757812 19.152344 13.90625 18.5625 C 15.53125 21.410156 15.265625 24.21875 13.109375 26.980469 C 10.953125 24.21875 10.6875 21.410156 12.3125 18.5625 C 9.460938 19.152344 7.230469 20.21875 6.726562 21.757812 C 7.878906 22.328125 9.246094 22.207031 10.835938 21.394531 C 9.382812 22.601562 7.527344 22.953125 5.273438 22.441406 Z M 5.273438 22.441406 "/> <path style=" stroke:none;fill-rule:nonzero;fill:white;"
d="M 30.140625 16.488281 L 30.140625 22.328125 L 31.921875 22.328125 L 31.921875 18.125 L 37.074219 18.125 L 37.074219 16.488281 Z M 30.140625 16.488281 " />
<path style=" stroke:none;fill-rule:nonzero;fill:white;"
d="M 30.140625 12.007812 L 30.140625 13.644531 L 37.730469 13.644531 L 37.730469 12.007812 Z M 30.140625 12.007812 " />
<path style=" stroke:none;fill-rule:nonzero;fill:white;"
d="M 13.109375 19.214844 C 11.601562 21.222656 11.601562 23.203125 13.109375 25.144531 C 14.617188 23.203125 14.617188 21.222656 13.109375 19.214844 M 13.109375 2.800781 C 9.648438 7.207031 9.648438 11.6875 13.109375 16.25 C 16.570312 11.6875 16.570312 7.207031 13.109375 2.800781 Z M 5.273438 22.441406 C 6.546875 19.515625 9.21875 18.070312 12.203125 18.105469 C 8.417969 14.140625 5.128906 12.539062 2.339844 13.3125 C 2.710938 15.5 4.21875 17.359375 6.859375 18.890625 C 3.820312 17.921875 1.53125 15.578125 0 11.859375 C 4.558594 11.074219 8.152344 12.210938 10.773438 15.261719 C 8.382812 10.101562 9.160156 5.007812 13.109375 -0.0117188 C 17.058594 5.007812 17.835938 10.097656 15.445312 15.261719 C 18.066406 12.210938 21.660156 11.074219 26.21875 11.859375 C 24.6875 15.578125 22.398438 17.921875 19.359375 18.890625 C 22 17.359375 23.507812 15.5 23.878906 13.3125 C 21.089844 12.542969 17.800781 14.140625 14.015625 18.105469 C 17 18.070312 19.671875 19.515625 20.945312 22.441406 C 18.691406 22.953125 16.835938 22.601562 15.382812 21.394531 C 16.972656 22.207031 18.339844 22.328125 19.492188 21.757812 C 18.988281 20.21875 16.757812 19.152344 13.90625 18.5625 C 15.53125 21.410156 15.265625 24.21875 13.109375 26.980469 C 10.953125 24.21875 10.6875 21.410156 12.3125 18.5625 C 9.460938 19.152344 7.230469 20.21875 6.726562 21.757812 C 7.878906 22.328125 9.246094 22.207031 10.835938 21.394531 C 9.382812 22.601562 7.527344 22.953125 5.273438 22.441406 Z M 5.273438 22.441406 " />
</g> </g>
</svg> </svg>
<div style="display:flex;justify-content: flex-start;margin-top:30px"> <div style="display:flex;justify-content: flex-start;margin-top:30px">
<div class="footerBar" style="max-width: 200px;margin-right: 100px"> <div class="footerBar" style="max-width: 200px;margin-right: 100px">
<div style="padding-right:30px">Floscout is a tool for inspecting and analyzing FLO based tokens and smart contracts. Token and Smart Contract explorer for FLO Network.</div> <div style="padding-right:30px">Floscout is a tool for inspecting and analyzing FLO based tokens and
smart contracts. Token and Smart Contract explorer for FLO Network.</div>
<div style="color:#bda6e7;font-size: 18px;margin-top:25px"> <div style="color:#bda6e7;font-size: 18px;margin-top:25px">
<a href="h#" rel="noreferrer" target="_blank" title="Github"> <a href="h#" rel="noreferrer" target="_blank" title="Github">
@ -621,4 +1011,5 @@ body {
</body> </body>
</html> </html>