diff --git a/FLO_horizontal_text.svg b/FLO_horizontal_text.svg new file mode 100644 index 0000000..b73c798 --- /dev/null +++ b/FLO_horizontal_text.svg @@ -0,0 +1,146 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/FLO_horizontal_text1.svg b/FLO_horizontal_text1.svg new file mode 100644 index 0000000..545e9e7 --- /dev/null +++ b/FLO_horizontal_text1.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/address.html b/address.html new file mode 100644 index 0000000..de293bd --- /dev/null +++ b/address.html @@ -0,0 +1,3740 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+

+ Address Details

+ +
+
+
+ + + +
+
+
+ + +
+ +
+
+

+ Balance +

+ +
+
+
+ + +
+
+
+
+
+ +
+ +
+ + + +
+
+
+ +
+ +
+ +
+
+
+ +
+ + + +
+
+ +
+ +
+
+
+ +
+ + + +
+ +
+
+
+ + +
+ + + +
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/block.html b/block.html new file mode 100644 index 0000000..7d850b3 --- /dev/null +++ b/block.html @@ -0,0 +1,3379 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+

+ Block Details

+ +
+
+
+ + +
+
+
+
+
+ +
+
+
+

+ Block Transactions

+
+ +
+
+
+ +
+
+
+
+ + +
+ + + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/contract.html b/contract.html new file mode 100644 index 0000000..428e467 --- /dev/null +++ b/contract.html @@ -0,0 +1,3985 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+ + +
+
+ + + +
+
+ +
+ +
+ + + +
+
+
+ + + +
+
+ + +
+
+ +
+
+ +
+
+
+ +
+ +
+
+
+

+ Contract Transactions

+ View All Transactions +
+ +
+
+
+ +
+
+
+
+ + +
+ + + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/css/main.css b/css/main.css deleted file mode 100644 index 304efc9..0000000 --- a/css/main.css +++ /dev/null @@ -1,1247 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap"); -*, -::before, -::after { - padding: 0; - margin: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-family: 'Roboto', sans-serif; -} - -body { - --primary-color: #1565C0; - --text: 17, 17, 17; - --text-light: 100, 100, 100; - --foreground: 255, 255, 255; - --background: #e8e8e8; - --dark-shade: #dadada; - font-size: 16px; - color: rgba(var(--text), 1); - background: rgba(var(--foreground), 1); - background-size: cover; -} - -body[data-theme='dark'] { - --primary-color: #2196F3; - --text: 218, 218, 218; - --text-light: 170, 170, 170; - --foreground: 20, 20, 20; - --background: #0a0a0a; - --dark-shade: #1a1a1a; -} - -input[type=text]::-ms-clear { - display: none; - width: 0; - height: 0; -} - -input[type=text]::-ms-reveal { - display: none; - width: 0; - height: 0; -} - -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-results-button, -input[type="search"]::-webkit-search-results-decoration { - display: none; -} - -input[type=number] { - -moz-appearance: textfield; -} - -input:invalid { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -::-moz-focus-inner { - border: none; -} - -button { - border: none; - border-radius: 0.2em; - text-transform: uppercase; - font-weight: 500; - letter-spacing: 0.06em; - background: none; - cursor: pointer; - padding: 0.6rem 1rem; - color: var(--primary-color); - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; -} - -h1 { - font-size: 4rem; -} - -h2 { - font-size: 2rem; - font-weight: 500; -} - -h3 { - font-size: 1.5rem; -} - -.flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.grid { - display: -ms-grid; - display: grid; -} - -.grid-2 { - -ms-grid-columns: auto auto; - grid-template-columns: auto auto; - gap: 1em; -} - -.hide { - opacity: 0; - pointer-events: none; -} - -.hide-completely { - display: none !important; -} - -.breakable { - word-break: break-word; - font-weight: 500; - letter-spacing: 0.06rem; -} - -.other-font { - font-family: 'Barlow', sans-serif; -} - -.uppercase { - text-transform: uppercase !important; -} - -.capitalise { - text-transform: capitalize !important; -} - -.toggle { - position: relative; - cursor: pointer; - z-index: 1; -} - -.toggle input[type='checkbox'] { - display: none; -} - -.toggle .switch { - overflow: hidden; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - justify-items: center; - padding: 0.2rem; - min-height: 1.6rem; - max-height: 1.6rem; - border-radius: 0.5rem; - position: relative; -} - -.toggle .circle { - border-radius: 0.5rem; - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; - fill: rgba(var(--text), 0.8); - overflow: visible; - stroke-linecap: round; - stroke-linejoin: round; - height: 1.2rem; - width: 1.2rem; -} - -.toggle .circle:first-of-type { - margin-bottom: 0.4rem; -} - -.toggle .circle line { - stroke: rgba(var(--text), 0.8); - stroke-width: 6; -} - -.toggle input:checked ~ .switch .circle { - -webkit-transform: translateY(-1.7rem); - transform: translateY(-1.7rem); -} - -section { - position: relative; -} - -section .dark-background { - display: -ms-grid; - display: grid; - -ms-grid-rows: auto 1fr; - grid-template-rows: auto 1fr; -} - -ul[type='circle'] { - padding: 1.5rem 2.5rem; - list-style: circle; -} - -ul[type='circle'] li { - margin-bottom: 1rem; -} - -ul[type='circle'] li:last-of-type { - margin-bottom: 0; -} - -ul { - list-style: none; -} - -ul .balance { - margin-bottom: 2rem; -} - -ul .balance:last-of-type { - margin-bottom: 0; -} - -.top-bottom-padding { - padding: 1.5rem 0; -} - -.margin, .page { - margin: 0 1.5rem; -} - -.margin-left-auto { - margin-left: auto; -} - -.card { - padding: 2rem 1.5rem; - border-radius: 0.5rem; - background: rgba(var(--text), 0.06); - margin: 1.5rem 0; -} - -.card h4 { - margin-bottom: 0.4rem; - font-weight: 400; - text-transform: capitalize; -} - -.card h2 { - margin-bottom: 1.5rem; -} - -.transaction-container { - display: -ms-grid; - display: grid; - margin-top: 1.5rem; - gap: 1.5rem; - -ms-grid-columns: (minmax(20rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); -} - -.label { - text-transform: capitalize; - font-size: 0.8rem; - margin-bottom: 0.3rem; - line-height: 1.4em; - color: rgba(var(--text-light), 1); - margin-top: 1.5rem; - font-weight: 400; -} - -.label:first-of-type { - margin-top: 0; -} - -.label + h4:not(.address) { - text-transform: capitalize; -} - -.header { - justify-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -#logo { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - letter-spacing: 0.1em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} - -#logo h4 { - font-weight: 400; -} - -#logo #main_logo { - height: 1.2rem; - width: 1.2rem; - margin-right: 0.2rem; - fill: rgba(var(--text), 1); -} - -#homepage { - padding-top: 0; -} - -#first_section { - display: -ms-grid; - display: grid; - -ms-grid-rows: 1fr auto; - grid-template-rows: 1fr auto; - min-height: calc(100vh - 8rem); -} - -header.grid-2 { - margin-top: 2rem; -} - -#search_page { - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 20; - margin: 0; - background: rgba(var(--foreground), 1); - padding: 1.5rem 8vw; -} - -#search_page header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-top: 2rem; -} - -#search_page header .icon { - margin: 0; - cursor: pointer; - height: 2.2rem; - width: 2.2rem; - padding: 0.6rem; -} - -#search_page h1 { - font-weight: 500; - font-size: 3rem; -} - -#search_page .input { - -webkit-animation: fade 0.4s; - animation: fade 0.4s; -} - -#search_page .input input:valid ~ #suggestions { - opacity: 1; - pointer-events: all; - -webkit-transform: none; - transform: none; -} - -#search_page #suggestions { - opacity: 0; - pointer-events: none; - -webkit-transform: translateY(-0.5rem); - transform: translateY(-0.5rem); - -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; - transition: opacity 0.3s, -webkit-transform 0.3s; - transition: transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; - position: absolute; - top: 100%; - width: 100%; - background: var(--background); - border-radius: 0.5rem; - padding: 0.5rem 0; - max-height: 30vh; - overflow-y: auto; - margin-top: 0.5rem; -} - -#search_page #suggestions:empty { - padding: 0; -} - -#search_page .suggestion { - padding: 0.6rem 1.5rem 0.6rem 3rem; - opacity: 0.8; - cursor: pointer; -} - -#search_page .suggestion:hover, #search_page .suggestion:focus { - opacity: 1; -} - -#main_search { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -#main_search h2 { - margin-top: 2rem; - -ms-flex-item-align: start; - align-self: flex-start; - font-size: 4rem; - letter-spacing: 0.1em; - font-weight: 600; -} - -#main_search h4 { - line-height: 1.4em; - margin-top: 2rem; - font-weight: 400; - color: rgba(var(--text-light), 1); -} - -#main_search label { - position: relative; -} - -.input { - border-radius: 0.2rem; - position: relative; - display: -ms-grid; - display: grid; - -ms-grid-columns: auto 1fr; - grid-template-columns: auto 1fr; - z-index: 1; - width: 100%; - margin: 1.5rem 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0.8rem; - gap: 1em; - background: var(--background); -} - -.input input { - border: none; - width: 100%; - background: transparent; - outline: none; - font-size: 1rem; - color: rgba(var(--text), 1); -} - -.icon { - height: 1rem; - overflow: visible; - width: 1rem; - fill: none; - stroke: rgba(var(--text), 1); - stroke-linecap: round; - stroke-linejoin: round; - stroke-width: 6; -} - -.copy-row { - display: -ms-grid; - display: grid; - -ms-grid-columns: 1fr auto; - grid-template-columns: 1fr auto; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 0.5rem; -} - -.copy-row .icon { - cursor: pointer; -} - -#textCopied { - padding: 1rem; - border-radius: 2rem; - background: rgba(var(--text), 0.2); - color: rgba(var(--text), 1); - position: fixed; - bottom: 0; - pointer-events: none; - margin: 2rem 0; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-transition: 0.3s opacity ease; - transition: 0.3s opacity ease; - z-index: 20; -} - -@-webkit-keyframes flyInLeft { - from { - opacity: 0; - -webkit-transform: translateX(-0.5rem); - transform: translateX(-0.5rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes flyInLeft { - from { - opacity: 0; - -webkit-transform: translateX(-0.5rem); - transform: translateX(-0.5rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@-webkit-keyframes flyInRight { - from { - opacity: 0; - -webkit-transform: translateX(0.5rem); - transform: translateX(0.5rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes flyInRight { - from { - opacity: 0; - -webkit-transform: translateX(0.5rem); - transform: translateX(0.5rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@-webkit-keyframes flyOutLeft { - from { - opacity: 1; - -webkit-transform: none; - transform: none; - } - to { - opacity: 0; - -webkit-transform: translateX(-0.5rem); - transform: translateX(-0.5rem); - } -} - -@keyframes flyOutLeft { - from { - opacity: 1; - -webkit-transform: none; - transform: none; - } - to { - opacity: 0; - -webkit-transform: translateX(-0.5rem); - transform: translateX(-0.5rem); - } -} - -@-webkit-keyframes flyOutRight { - from { - opacity: 1; - -webkit-transform: none; - transform: none; - } - to { - opacity: 0; - -webkit-transform: translateX(0.5rem); - transform: translateX(0.5rem); - } -} - -@keyframes flyOutRight { - from { - opacity: 1; - -webkit-transform: none; - transform: none; - } - to { - opacity: 0; - -webkit-transform: translateX(0.5rem); - transform: translateX(0.5rem); - } -} - -.fly-in-from-left { - -webkit-animation: flyInLeft 0.2s forwards; - animation: flyInLeft 0.2s forwards; -} - -.fly-in-from-right { - -webkit-animation: flyInRight 0.2s forwards; - animation: flyInRight 0.2s forwards; -} - -.fly-out-to-left { - -webkit-animation: flyOutLeft 0.2s forwards; - animation: flyOutLeft 0.2s forwards; -} - -.fly-out-to-right { - -webkit-animation: flyOutRight 0.2s forwards; - animation: flyOutRight 0.2s forwards; -} - -#highlights { - padding: 1.5rem 0; - display: -ms-grid; - display: grid; - -ms-grid-columns: 1fr 1fr; - grid-template-columns: 1fr 1fr; - grid-template-areas: 'token token' 'total wallet' 'contract contract'; - gap: 1.5rem; -} - -#highlights .highlight-item { - opacity: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 1.5rem; - border-left: 0.1rem solid rgba(var(--text), 0.2); -} - -#highlights .highlight-item .label { - margin-top: auto; -} - -#highlights .highlight-item h1 { - font-size: 2rem; - letter-spacing: 0.1rem; - font-weight: 500; - text-transform: uppercase; - overflow-wrap: break-word; -} - -#highlights .highlight-item:first-of-type { - text-transform: uppercase; -} - -#highlights .highlight-item:nth-of-type(2) { - text-transform: capitalize; -} - -#highlights .highlight-item:first-of-type { - -ms-grid-row: 1; - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-area: token; - -webkit-animation: flyInLeft 0.4s 0.2s forwards; - animation: flyInLeft 0.4s 0.2s forwards; -} - -#highlights .highlight-item:nth-of-type(2) { - -ms-grid-row: 2; - -ms-grid-column: 1; - grid-area: total; - -webkit-animation: flyInLeft 0.4s 0.4s forwards; - animation: flyInLeft 0.4s 0.4s forwards; -} - -#highlights .highlight-item:nth-of-type(3) { - -ms-grid-row: 2; - -ms-grid-column: 2; - grid-area: wallet; - -webkit-animation: flyInLeft 0.4s 0.6s forwards; - animation: flyInLeft 0.4s 0.6s forwards; -} - -#highlights .highlight-item:last-of-type { - -ms-grid-row: 3; - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-area: contract; - -webkit-animation: flyInLeft 0.4s 0.8s forwards; - animation: flyInLeft 0.4s 0.8s forwards; -} - -#latest_transaction_section, -#latest_blocks_section { - background: rgba(var(--foreground), 1); -} - -#latest_transaction_section header, -#latest_blocks_section header { - -ms-grid-columns: 1fr auto; - grid-template-columns: 1fr auto; - background: inherit; - z-index: 2; -} - -#main_header { - height: 8rem; -} - -#main_header > .flex:first-of-type { - margin-top: 1.5rem; -} - -#page_header { - padding: 1rem 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -#page_header h3 { - font-weight: 500; - text-transform: capitalize; -} - -#page_header .icon { - height: 1.8rem; - width: 1.8rem; - cursor: pointer; -} - -#page_header .icon:first-of-type { - margin-right: 1rem; - padding: 0.4rem 0.4rem 0.4rem 0; -} - -#page_header .icon:nth-of-type(2) { - padding: 0.4rem 0 0.4rem 0.4rem; -} - -#page_header #secondary_search_btn { - margin-left: auto; -} - -.page { - padding: 0 0 1rem 0; -} - -.page h3.heading { - text-transform: capitalize; - font-weight: 500; -} - -.page > h3.heading { - margin-top: 2rem; -} - -p { - overflow-wrap: break-word; - line-height: 1.6em; - text-transform: capitalize; -} - -.balance-card { - display: -ms-inline-grid; - display: inline-grid; - -ms-grid-columns: auto auto; - grid-template-columns: auto auto; - grid-template-areas: 'labl logo' 'balance logo' 'address address'; - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style='fill:none; stroke: %23ffffff08'%3E%3Ccircle cx='3.5' cy='3.5' r='2.12'/%3E%3Ccircle cx='5' cy='10' r='1'/%3E%3Ccircle cx='8.5' cy='4.5' r='1.5'/%3E%3Ccircle cx='6' cy='33' r='2'/%3E%3Ccircle cx='14' cy='29' r='1'/%3E%3Ccircle cx='9.5' cy='22.5' r='1.5'/%3E%3Ccircle cx='29.5' cy='17.5' r='4.5'/%3E%3Ccircle cx='22' cy='8' r='1'/%3E%3Ccircle cx='15.5' cy='12.5' r='2.5'/%3E%3Ccircle cx='27.5' cy='30.5' r='0.5'/%3E%3Ccircle cx='18.5' cy='35.5' r='2.5'/%3E%3Ccircle cx='32' cy='36' r='1'/%3E%3Ccircle cx='35' cy='25' r='1'/%3E%3Ccircle cx='23' cy='21' r='2'/%3E%3Ccircle cx='36.5' cy='1.5' r='0.5'/%3E%3Ccircle cx='30.5' cy='3.5' r='1.5'/%3E%3Ccircle cx='34.5' cy='6.5' r='1.5'/%3E%3C/svg%3E"), linear-gradient(135deg, #4d20a7, #21106e); - background-size: cover; - color: white; - border-radius: 0.5rem; - padding: 2rem 1.5rem; - margin-bottom: 1rem; -} - -.balance-card .flo-logo { - -ms-grid-row: 1; - -ms-grid-row-span: 2; - -ms-grid-column: 2; - grid-area: logo; - fill: white; - height: 1.5rem; - width: 1.5rem; - opacity: 0.8; - justify-self: flex-end; -} - -.balance-card h3, .balance-card h4 { - display: inline-block; - width: auto; -} - -.balance-card h3 { - -ms-grid-row: 2; - -ms-grid-column: 1; - grid-area: balance; - font-weight: 400; - opacity: 0.8; -} - -.balance-card h4 { - font-weight: 400; -} - -.balance-card p { - font-size: 0.8rem; - -ms-grid-row: 3; - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-area: address; - opacity: 0.8; - letter-spacing: 0.1em; - margin-top: 3rem; -} - -.balance-card .label { - -ms-grid-row: 1; - -ms-grid-column: 1; - grid-area: labl; - color: white; - opacity: 0.7; -} - -.choice, .status { - padding: 0.5rem 0.8rem; - border-radius: 2rem; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 0.5rem; - text-transform: capitalize; -} - -.choice-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.choice { - border: solid 1px rgba(var(--text), 0.2); -} - -.choice:last-of-type { - margin-bottom: 0; -} - -.status { - font-size: 0.8rem; -} - -.status.closed { - background: rgba(var(--foreground), 1); - border: solid 1px rgba(var(--text), 0.2); -} - -.address, .token, .hash, .contract, .block-height { - cursor: pointer; - color: var(--primary-color); -} - -.address { - text-transform: none !important; - word-break: break-all; -} - -.tabs { - position: -webkit-sticky; - position: sticky; - top: 0; - padding: 1rem 0 1rem 0; - background: rgba(var(--foreground), 1); - z-index: 2; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - overflow-x: auto; -} - -.tabs .tab { - cursor: pointer; - opacity: 0.6; - margin-right: 1.5rem; - -webkit-tap-highlight-color: transparent; - white-space: nowrap; - font-size: 1.1rem; -} - -.tabs .tab:last-of-type { - margin-right: 0; -} - -.tabs .tab.active { - opacity: 1; -} - -.tabs .line { - position: absolute; - height: 0.12rem; - background: rgba(var(--text), 1); - width: 1px; - bottom: 0; - -webkit-transition: width 0.4s, -webkit-transform 0.4s; - transition: width 0.4s, -webkit-transform 0.4s; - transition: transform 0.4s, width 0.4s; - transition: transform 0.4s, width 0.4s, -webkit-transform 0.4s; -} - -.contract-choice { - display: -ms-grid; - display: grid; - gap: 0.5rem 1rem; - margin-bottom: 2rem; -} - -.contract-choice:last-of-type { - margin-bottom: 0; -} - -@-webkit-keyframes fade { - from { - opacity: 0; - -webkit-transform: translateY(1rem); - transform: translateY(1rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fade { - from { - opacity: 0; - -webkit-transform: translateY(1rem); - transform: translateY(1rem); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.transaction { - display: -ms-grid; - display: grid; - gap: 2rem 1rem; - padding: 2rem; - border-radius: 0.5rem; - -ms-grid-columns: min-content 1fr; - grid-template-columns: -webkit-min-content 1fr; - grid-template-columns: min-content 1fr; - -ms-grid-rows: auto 1fr; - grid-template-rows: auto 1fr; - background: rgba(var(--text), 0.06); - grid-template-areas: '. .' 'info info'; -} - -.transaction .contract-info { - -ms-grid-row: 2; - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-area: info; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} - -.transaction h4 { - font-weight: 500; -} - -.transaction > .icon:first-of-type { - stroke-width: 4; - -ms-grid-column-align: center; - justify-self: center; - height: 3rem; - width: 3rem; - padding: 0.8rem; - border-radius: 1rem; - background: rgba(var(--foreground), 1); -} - -#loader_page { - display: -ms-grid; - display: grid; - place-content: center; - height: 100vh; - width: 100vw; - text-align: center; - position: fixed; - z-index: 10; - background: rgba(var(--foreground), 1); -} - -#loader_page h4 { - margin-top: 1.5rem; - font-weight: 500; -} - -#loader { - -ms-grid-column-align: center; - justify-self: center; - height: 2.5rem; - width: 2.5rem; - -webkit-transform-origin: center; - transform-origin: center; - stroke-dashoffset: 200; - stroke-dasharray: 200; - -webkit-animation: load 2s infinite linear; - animation: load 2s infinite linear; - stroke: var(--primary-color); -} - -@-webkit-keyframes load { - 50% { - stroke-dashoffset: 0; - } - 100% { - stroke-dashoffset: -200; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes load { - 50% { - stroke-dashoffset: 0; - } - 100% { - stroke-dashoffset: -200; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -#all_blocks_page, #top_blocks_container, #token_balance_container { - display: -ms-grid; - display: grid; - gap: 1rem; - -ms-grid-columns: (minmax(12rem, 1fr))[auto-fill]; - grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); - margin-top: 1rem; -} - -#all_blocks_page .card, #top_blocks_container .card, #token_balance_container .card { - margin: 0; -} - -#token_balance_container { - margin-top: 1.5rem; -} - -@media only screen and (min-width: 640px) { - .margin, .page { - margin: 0 4vw; - } - .input { - width: 60% !important; - } - section header h1 { - font-size: 2rem; - } - #main_search h1 { - font-size: 6rem; - text-align: center; - } - #highlights { - gap: 2rem; - -ms-grid-columns: (auto)[2]; - grid-template-columns: repeat(2, auto); - grid-template-areas: 'token total' ' wallet contract'; - } - #highlights .highlight-item h1 { - font-size: 2.5rem; - } - #highlights .highlight-item:first-of-type { - -ms-grid-row: 1; - -ms-grid-column: 1; - grid-area: token; - } - #highlights .highlight-item:nth-of-type(2) { - -ms-grid-row: 1; - -ms-grid-column: 2; - grid-area: total; - } - #highlights .highlight-item:nth-of-type(3) { - -ms-grid-row: 2; - -ms-grid-column: 1; - grid-area: wallet; - } - #highlights .highlight-item:last-of-type { - -ms-grid-row: 2; - -ms-grid-column: 2; - grid-area: contract; - } - #page_header { - padding: 1.5rem 0; - } - #transaction_page { - display: -ms-grid; - display: grid; - gap: 0 1.5rem; - -ms-grid-columns: 40% 60%; - grid-template-columns: 40% 60%; - grid-template-areas: 'header header' '. .'; - } - #transaction_page .head { - -ms-grid-row: 1; - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-area: header; - } - .contract-choice { - -ms-grid-columns: 2fr 1fr 1fr; - grid-template-columns: 2fr 1fr 1fr; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width: 1280px) { - .margin, .page { - margin: 0 12vw; - } - .input { - width: 50% !important; - } - #highlights { - -ms-grid-columns: (auto)[4]; - grid-template-columns: repeat(4, auto); - grid-template-areas: 'token total wallet contract'; - } - #highlights .highlight-item:first-of-type { - -ms-grid-row: 1; - -ms-grid-column: 1; - grid-area: token; - } - #highlights .highlight-item:nth-of-type(2) { - -ms-grid-row: 1; - -ms-grid-column: 2; - grid-area: total; - } - #highlights .highlight-item:nth-of-type(3) { - -ms-grid-row: 1; - -ms-grid-column: 3; - grid-area: wallet; - } - #highlights .highlight-item:last-of-type { - -ms-grid-row: 1; - -ms-grid-column: 4; - grid-area: contract; - } -} - -@media only screen and (min-width: 1920px) { - body { - font-size: 24px; - } - .margin, .page { - margin: 0 16vw; - } - #search_page { - padding: 1.5rem 12vw; - } - .input { - width: 40% !important; - } -} - -@media only screen and (min-width: 2048px) { - body { - font-size: 24px; - } - .margin, .page { - margin: 0 26vw; - } - #search_page { - padding: 1.5rem 24vw; - } - #first_section { - min-height: auto; - } - .input { - width: 30% !important; - } -} - -@media only screen and (max-width: 320px) { - body { - font-size: 14px; - } -} - -@media (hover: hover) { - button { - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - } - button:hover { - background: var(--primary-color); - color: rgba(var(--foreground), 1); - } - .hover { - cursor: pointer; - } - .tab { - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - } - .tab:hover { - opacity: 1; - } -} -/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/css/main.css.map b/css/main.css.map deleted file mode 100644 index 4454f1b..0000000 --- a/css/main.css.map +++ /dev/null @@ -1,9 +0,0 @@ -{ - "version": 3, - "mappings": "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", - "sources": [ - "main.scss" - ], - "names": [], - "file": "main.css" -} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss deleted file mode 100644 index 871ee51..0000000 --- a/css/main.scss +++ /dev/null @@ -1,870 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap'); -*, -::before, -::after{ - padding: 0; - margin: 0; - box-sizing: border-box; - font-family: 'Roboto', sans-serif; -} -body{ - --primary-color: #1565C0; - --text: 17, 17, 17; - --text-light: 100, 100, 100; - --foreground: 255, 255, 255; - --background: #e8e8e8; - --dark-shade: #dadada; - font-size: 16px; - color: rgba(var(--text), 1); - background: rgba(var(--foreground), 1); - background-size: cover; -} -body[data-theme='dark']{ - --primary-color: #2196F3; - --text: 218, 218, 218; - --text-light: 170, 170, 170; - --foreground: 20, 20, 20; - --background: #0a0a0a; - --dark-shade: #1a1a1a; -} -input[type=text]::-ms-clear { display: none; width : 0; height: 0; } -input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-results-button, -input[type="search"]::-webkit-search-results-decoration { display: none; } -input[type=number] { - -moz-appearance:textfield; -} -input:invalid{ - outline: none; - box-shadow: none; -} -::-moz-focus-inner{ - border: none; -} -button{ - border: none; - border-radius: 0.2em; - text-transform: uppercase; - font-weight: 500; - letter-spacing: 0.06em; - background: none; - cursor: pointer; - padding: 0.6rem 1rem; - color: var(--primary-color); - align-self: center; -} -h1{ - font-size: 4rem; -} -h2{ - font-size: 2rem; - font-weight: 500; -} -h3{ - font-size: 1.5rem; -} -.flex{ - display: flex; -} -.grid{ - display: grid; -} -.grid-2{ - grid-template-columns: auto auto; - gap: 1em; -} -.hide{ - opacity: 0; - pointer-events: none; -} -.hide-completely{ - display: none !important; -} -.breakable{ - word-break: break-word; - font-weight: 500; - letter-spacing: 0.06rem; -} -.other-font{ - font-family: 'Barlow', sans-serif; -} -.uppercase{ - text-transform: uppercase !important; -} -.capitalise{ - text-transform: capitalize !important; -} -.toggle{ - position: relative; - cursor: pointer; - z-index: 1; - input[type='checkbox']{ - display: none; - } - .switch{ - overflow: hidden; - display: inline-flex; - flex-direction: column; - justify-items: center; - padding: 0.2rem; - min-height: 1.6rem; - max-height: 1.6rem; - border-radius: 0.5rem; - position: relative; - } - .circle{ - border-radius: 0.5rem; - transition: transform 0.3s; - &:first-of-type{ - margin-bottom: 0.4rem; - } - fill: rgba(var(--text), 0.8); - overflow: visible; - stroke-linecap: round; - stroke-linejoin: round; - height: 1.2rem; - width: 1.2rem; - line{ - stroke: rgba(var(--text), 0.8); - stroke-width: 6; - } - } - input:checked ~ .switch .circle{ - transform: translateY(-1.7rem); - } -} -section{ - position: relative; - .dark-background{ - display: grid; - grid-template-rows: auto 1fr; - } -} -ul{ - &[type='circle']{ - padding: 1.5rem 2.5rem; - list-style: circle; - li{ - margin-bottom: 1rem; - &:last-of-type{ - margin-bottom: 0; - } - } - } - &{ - list-style: none; - .balance{ - margin-bottom: 2rem; - &:last-of-type{ - margin-bottom: 0; - } - } - } -} -.top-bottom-padding{ - padding: 1.5rem 0; -} -.margin, .page{ - margin: 0 1.5rem; -} -.margin-left-auto{ - margin-left: auto; -} -.card{ - padding: 2rem 1.5rem; - border-radius: 0.5rem; - background: rgba(var(--text), 0.06); - margin: 1.5rem 0; - h4{ - margin-bottom: 0.4rem; - font-weight: 400; - text-transform: capitalize; - } - h2{ - margin-bottom: 1.5rem; - } -} -.transaction-container{ - display: grid; - margin-top: 1.5rem; - gap: 1.5rem; - grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); -} -.label{ - text-transform: capitalize; - font-size: 0.8rem; - margin-bottom: 0.3rem; - line-height: 1.4em; - color: rgba(var(--text-light), 1); - margin-top: 1.5rem; - font-weight: 400; - &:first-of-type{ - margin-top: 0; - } - &+h4:not(.address){ - text-transform: capitalize; - } -} -.header{ - justify-items: center; - flex-direction: column; -} -#logo{ - display: inline-flex; - letter-spacing: 0.1em; - align-items: center; - cursor: pointer; - h4{ - font-weight: 400; - } - #main_logo{ - height: 1.2rem; - width: 1.2rem; - margin-right: 0.2rem; - fill: rgba(var(--text), 1); - } -} -#homepage{ - padding-top: 0; -} -#first_section{ - display: grid; - grid-template-rows: 1fr auto; - min-height: calc(100vh - 8rem); -} -header.grid-2{ - margin-top: 2rem; -} -#search_page{ - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 20; - margin: 0; - background: rgba(var(--foreground), 1); - padding: 1.5rem 8vw; - header{ - align-items: center; - justify-content: space-between; - margin-top: 2rem; - .icon{ - margin: 0; - cursor: pointer; - height: 2.2rem; - width: 2.2rem; - padding: 0.6rem; - } - } - h1{ - font-weight: 500; - font-size: 3rem; - } - .input{ - animation: fade 0.4s; - input:valid ~ #suggestions{ - opacity: 1; - pointer-events: all; - transform: none; - } - } - #suggestions{ - opacity: 0; - pointer-events: none; - transform: translateY(-0.5rem); - transition: transform 0.3s, opacity 0.3s; - position: absolute; - top: 100%; - width: 100%; - background: var(--background); - border-radius: 0.5rem; - padding: 0.5rem 0; - max-height: 30vh; - overflow-y: auto; - &:empty{ - padding: 0; - } - margin-top: 0.5rem; - } - .suggestion{ - padding: 0.6rem 1.5rem 0.6rem 3rem; - opacity: 0.8; - cursor: pointer; - &:hover, &:focus{ - opacity: 1; - } - } -} -#main_search{ - position: relative; - display: flex; - flex-direction: column; - h2{ - margin-top: 2rem; - align-self: flex-start; - font-size: 4rem; - letter-spacing: 0.1em; - font-weight: 600; - } - h4{ - line-height: 1.4em; - margin-top: 2rem; - font-weight: 400; - color: rgba(var(--text-light), 1); - } - label{ - position: relative; - } -} -.input{ - border-radius: 0.2rem; - position: relative; - display: grid; - grid-template-columns: auto 1fr; - z-index: 1; - width: 100%; - margin: 1.5rem 0; - align-items: center; - padding: 0.8rem; - gap: 1em; - background: var(--background); - input{ - border: none; - width: 100%; - background: transparent; - outline: none; - font-size: 1rem; - color: rgba(var(--text), 1); - } -} -.icon{ - height: 1rem; - overflow: visible; - width: 1rem; - fill: none; - stroke: rgba(var(--text), 1); - stroke-linecap: round; - stroke-linejoin: round; - stroke-width: 6; -} -.copy-row{ - display: grid; - grid-template-columns: 1fr auto; - align-items: center; - gap: 0.5rem; - .icon{ - cursor: pointer; - } -} -#textCopied{ - padding: 1rem; - border-radius: 2rem; - background: rgba(var(--text), 0.2); - color: rgba(var(--text), 1); - position: fixed; - bottom: 0; - pointer-events: none; - margin: 2rem 0; - left: 50%; - transform: translateX(-50%); - transition: 0.3s opacity ease; - z-index: 20; -} -@keyframes flyInLeft{ - from{ - opacity: 0; - transform: translateX(-0.5rem); - } - to{ - opacity: 1; - transform: none; - } -} -@keyframes flyInRight{ - from{ - opacity: 0; - transform: translateX(0.5rem); - } - to{ - opacity: 1; - transform: none; - } -} -@keyframes flyOutLeft{ - from{ - opacity: 1; - transform: none; - } - to{ - opacity: 0; - transform: translateX(-0.5rem); - } -} -@keyframes flyOutRight{ - from{ - opacity: 1; - transform: none; - } - to{ - opacity: 0; - transform: translateX(0.5rem); - } -} -.fly-in-from-left{ - animation: flyInLeft 0.2s forwards; -} -.fly-in-from-right{ - animation: flyInRight 0.2s forwards; -} -.fly-out-to-left{ - animation: flyOutLeft 0.2s forwards; -} -.fly-out-to-right{ - animation: flyOutRight 0.2s forwards; -} -#highlights{ - padding: 1.5rem 0; - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-areas: 'token token' - 'total wallet' - 'contract contract'; - gap: 1.5rem; - .highlight-item{ - opacity: 0; - display: flex; - flex-direction: column; - padding: 1.5rem; - border-left: 0.1rem solid rgba(var(--text), 0.2); - .label{ - margin-top: auto; - } - h1{ - font-size: 2rem; - letter-spacing: 0.1rem; - font-weight: 500; - text-transform: uppercase; - overflow-wrap: break-word; - } - &:first-of-type{ - text-transform: uppercase; - } - &:nth-of-type(2){ - text-transform: capitalize; - } - &:first-of-type{ - grid-area: token; - animation: flyInLeft 0.4s 0.2s forwards; - } - &:nth-of-type(2){ - grid-area: total; - animation: flyInLeft 0.4s 0.4s forwards; - } - &:nth-of-type(3){ - grid-area: wallet; - animation: flyInLeft 0.4s 0.6s forwards; - } - &:last-of-type{ - grid-area: contract; - animation: flyInLeft 0.4s 0.8s forwards; - } - } -} -#latest_transaction_section, -#latest_blocks_section{ - background: rgba(var(--foreground), 1); - header{ - grid-template-columns: 1fr auto; - background: inherit; - z-index: 2; - } -} -#main_header{ - & > .flex:first-of-type{ - margin-top: 1.5rem; - } - height: 8rem; -} -#page_header{ - padding: 1rem 0; - align-items: center; - h3{ - font-weight: 500; - text-transform: capitalize; - } - .icon{ - height: 1.8rem; - width: 1.8rem; - cursor: pointer; - } - .icon:first-of-type{ - margin-right: 1rem; - padding: 0.4rem 0.4rem 0.4rem 0; - } - .icon:nth-of-type(2){ - padding: 0.4rem 0 0.4rem 0.4rem; - } - #secondary_search_btn{ - margin-left: auto; - } -} -.page{ - padding: 0 0 1rem 0; - h3.heading{ - text-transform: capitalize; - font-weight: 500; - } - & > h3.heading{ - margin-top: 2rem; - } -} -p{ - overflow-wrap: break-word; - line-height: 1.6em; - text-transform: capitalize; -} -.balance-card{ - display: inline-grid; - grid-template-columns: auto auto; - grid-template-areas: 'labl logo' - 'balance logo' - 'address address'; - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style='fill:none; stroke: %23ffffff08'%3E%3Ccircle cx='3.5' cy='3.5' r='2.12'/%3E%3Ccircle cx='5' cy='10' r='1'/%3E%3Ccircle cx='8.5' cy='4.5' r='1.5'/%3E%3Ccircle cx='6' cy='33' r='2'/%3E%3Ccircle cx='14' cy='29' r='1'/%3E%3Ccircle cx='9.5' cy='22.5' r='1.5'/%3E%3Ccircle cx='29.5' cy='17.5' r='4.5'/%3E%3Ccircle cx='22' cy='8' r='1'/%3E%3Ccircle cx='15.5' cy='12.5' r='2.5'/%3E%3Ccircle cx='27.5' cy='30.5' r='0.5'/%3E%3Ccircle cx='18.5' cy='35.5' r='2.5'/%3E%3Ccircle cx='32' cy='36' r='1'/%3E%3Ccircle cx='35' cy='25' r='1'/%3E%3Ccircle cx='23' cy='21' r='2'/%3E%3Ccircle cx='36.5' cy='1.5' r='0.5'/%3E%3Ccircle cx='30.5' cy='3.5' r='1.5'/%3E%3Ccircle cx='34.5' cy='6.5' r='1.5'/%3E%3C/svg%3E"), - linear-gradient(135deg, rgb(77, 32, 167),rgb(33, 16, 110)); - background-size: cover; - color: white; - border-radius: 0.5rem; - padding: 2rem 1.5rem; - margin-bottom: 1rem; - .flo-logo{ - grid-area: logo; - fill: white; - height: 1.5rem; - width: 1.5rem; - opacity: 0.8; - justify-self: flex-end; - } - h3,h4{ - display: inline-block; - width: auto; - } - h3{ - grid-area: balance; - font-weight: 400; - opacity: 0.8; - } - h4{ - font-weight: 400; - } - p{ - font-size: 0.8rem; - grid-area: address; - opacity: 0.8; - letter-spacing: 0.1em; - margin-top: 3rem; - } - .label{ - grid-area: labl; - color: white; - opacity: 0.7; - } -} -.choice,.status{ - padding: 0.5rem 0.8rem; - border-radius: 2rem; - display: inline-flex; - align-items: center; - margin-bottom: 0.5rem; - text-transform: capitalize; -} -.choice-container{ - display: flex; - flex-wrap: wrap; -} -.choice{ - border: solid 1px rgba(var(--text), 0.2); - &:last-of-type{ - margin-bottom: 0; - } -} -.status{ - font-size: 0.8rem; - &.closed{ - background: rgba(var(--foreground), 1); - border: solid 1px rgba(var(--text), 0.2); - } -} -.address, .token, .hash, .contract, .block-height{ - cursor: pointer; - color: var(--primary-color); -} -.address{ - text-transform: none !important; - word-break: break-all; -} -.tabs{ - position: sticky; - top: 0; - padding: 1rem 0 1rem 0; - background: rgba(var(--foreground), 1); - z-index: 2; - display: flex; - overflow-x: auto; - .tab{ - cursor: pointer; - opacity: 0.6; - margin-right: 1.5rem; - -webkit-tap-highlight-color: transparent; - white-space: nowrap; - font-size: 1.1rem; - &:last-of-type{ - margin-right: 0; - } - &.active{ - opacity: 1; - } - } - .line{ - position: absolute; - height: 0.12rem; - background: rgba(var(--text), 1); - width: 1px; - bottom: 0; - transition: transform 0.4s, width 0.4s; - } -} -.contract-choice{ - display: grid; - gap: 0.5rem 1rem; - margin-bottom: 2rem; - &:last-of-type{ - margin-bottom: 0; - } -} -@keyframes fade{ - from{ - opacity: 0; - transform: translateY(1rem); - } - to{ - opacity: 1; - transform: none; - } -} -.transaction{ - display: grid; - gap: 2rem 1rem; - padding: 2rem; - border-radius: 0.5rem; - grid-template-columns: min-content 1fr; - grid-template-rows: auto 1fr; - background: rgba(var(--text), 0.06); - grid-template-areas: '. .' - 'info info'; - .contract-info{ - grid-area: info; - align-items: flex-start; - } - h4{ - font-weight: 500; - } - & > .icon:first-of-type{ - stroke-width: 4; - justify-self: center; - height: 3rem; - width: 3rem; - padding: 0.8rem; - border-radius: 1rem; - background: rgba(var(--foreground), 1); - } -} -#loader_page{ - display: grid; - place-content: center; - height: 100vh; - width: 100vw; - text-align: center; - position: fixed; - z-index: 10; - background: rgba(var(--foreground), 1); - h4{ - margin-top: 1.5rem; - font-weight: 500; - } -} -#loader{ - justify-self: center; - height: 2.5rem; - width: 2.5rem; - transform-origin: center; - stroke-dashoffset: 200; - stroke-dasharray: 200; - animation: load 2s infinite linear; - stroke: var(--primary-color); -} -@keyframes load{ - 50%{ - stroke-dashoffset: 0; - } - 100%{ - stroke-dashoffset: -200; - transform: rotate(360deg); - } - -} -#all_blocks_page, #top_blocks_container, #token_balance_container{ - display: grid; - gap: 1rem; - grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); - margin-top: 1rem; - .card{ - margin: 0; - } -} -#token_balance_container{ - margin-top: 1.5rem; -} -@media only screen and (min-width: 640px){ - .margin, .page{ - margin: 0 4vw; - } - .input{ - width: 60% !important; - } - section{ - header{ - h1{ - font-size: 2rem; - } - } - } - #main_search{ - h1{ - font-size: 6rem; - text-align: center; - } - } - #highlights{ - gap: 2rem; - grid-template-columns: repeat(2, auto); - grid-template-areas: 'token total' ' wallet contract'; - .highlight-item{ - h1{ - font-size: 2.5rem; - } - &:first-of-type{ - grid-area: token; - } - &:nth-of-type(2){ - grid-area: total; - } - &:nth-of-type(3){ - grid-area: wallet; - } - &:last-of-type{ - grid-area: contract; - } - } - } - #page_header{ - padding: 1.5rem 0; - } - #transaction_page{ - display: grid; - gap: 0 1.5rem; - grid-template-columns: 40% 60%; - grid-template-areas: 'header header' - '. .'; - .head{ - grid-area: header; - } - } - .contract-choice{ - grid-template-columns: 2fr 1fr 1fr; - align-items: center; - } -} -@media only screen and (min-width: 1280px){ - .margin, .page{ - margin: 0 12vw; - } - .input{ - width: 50% !important; - } - #highlights{ - grid-template-columns: repeat(4, auto); - grid-template-areas: 'token total wallet contract'; - .highlight-item{ - &:first-of-type{ - grid-area: token; - } - &:nth-of-type(2){ - grid-area: total; - } - &:nth-of-type(3){ - grid-area: wallet; - } - &:last-of-type{ - grid-area: contract; - } - } - } - -} -@media only screen and (min-width: 1920px){ - body{ - font-size: 24px; - } - .margin, .page{ - margin: 0 16vw; - } - #search_page{ - padding: 1.5rem 12vw; - } - .input{ - width: 40% !important; - } -} -@media only screen and (min-width: 2048px){ - body{ - font-size: 24px; - } - .margin, .page{ - margin: 0 26vw; - } - #search_page{ - padding: 1.5rem 24vw; - } - #first_section{ - min-height: auto; - } - .input{ - width: 30% !important; - } -} -@media only screen and (max-width: 320px){ - body{ - font-size: 14px; - } -} -@media (hover:hover){ - button{ - transition: background-color 0.3s; - &:hover{ - background: var(--primary-color); - color: rgba(var(--foreground), 1) - } - } - .hover{ - cursor: pointer; - } - .tab{ - transition: opacity 0.3s; - &:hover{ - opacity: 1; - } - } -} diff --git a/index.html b/index.html index 3d788a1..6fffedd 100644 --- a/index.html +++ b/index.html @@ -1,2870 +1,2993 @@ - - + - - - FLO Scout - + + + + + + + - -
- Copied -
-
- - Loading - - -

Loading

-
-
-
-

Search

- - close - - - -
- -
-
-
- - + + -
- -
-
-
+ + + /* + FlexSearch v0.6.22 + Copyright 2019 Nextapps GmbH + Author: Thomas Wilkerling + Released under the Apache 2.0 Licence + https://github.com/nextapps-de/flexsearch + */ + //FlexSearch min mode + DEBUG = true; + 'use strict'; (function (I, R, v) { let K; (K = v.define) && K.amd ? K([], function () { return R }) : (K = v.modules) ? K[I.toLowerCase()] = R : "object" === typeof exports ? module.exports = R : v[I] = R })("FlexSearch", function ma(I) { + function v(a, b) { const c = b ? b.id : a && a.id; this.id = c || 0 === c ? c : na++; this.init(a, b); fa(this, "index", function () { return this.a ? Object.keys(this.a.index[this.a.keys[0]].c) : Object.keys(this.c) }); fa(this, "length", function () { return this.index.length }) } function K(a, b, c, d) { + this.u !== this.g && (this.o = this.o.concat(c), this.u++ , + d && this.o.length >= d && (this.u = this.g), this.u === this.g && (this.cache && this.l.set(b, this.o), this.F && this.F(this.o))); return this + } function S(a) { const b = B(); for (const c in a) if (a.hasOwnProperty(c)) { const d = a[c]; b[c] = E(d) ? d.slice(0) : J(d) ? S(d) : d } return b } function W(a, b) { const c = a.length, d = O(b), e = []; for (let f = 0, g = 0; f < c; f++) { const h = a[f]; if (d && b(h) || !d && !b[h]) e[g++] = h } return e } function P(a, b, c, d, e, f, g, h, l, m) { + c = ha(c, g ? 0 : e, h, f, b, l, m); let n; h && (h = c.page, n = c.next, c = c.result); if (g) b = this.where(g, null, e, c); else { + b = + c; c = this.h; e = b.length; f = Array(e); for (g = 0; g < e; g++)f[g] = c[b[g]]; b = f + } c = b; d && (O(d) || (L = d.split(":"), 1 < L.length ? d = oa : (L = L[0], d = pa)), c.sort(d)); c = T(h, n, c); this.cache && this.l.set(a, c); return c + } function fa(a, b, c) { Object.defineProperty(a, b, { get: c }) } function q(a) { return new RegExp(a, "g") } function Q(a, b) { for (let c = 0; c < b.length; c += 2)a = a.replace(b[c], b[c + 1]); return a } function V(a, b, c, d, e, f, g, h) { + if (b[c]) return b[c]; e = e ? (h - (g || h / 1.5)) * f + (g || h / 1.5) * e : f; b[c] = e; e >= g && (a = a[h - (e + .5 >> 0)], a = a[c] || (a[c] = []), a[a.length] = + d); return e + } function ba(a, b) { if (a) { const c = Object.keys(a); for (let d = 0, e = c.length; d < e; d++) { const f = c[d], g = a[f]; if (g) for (let h = 0, l = g.length; h < l; h++)if (g[h] === b) { 1 === l ? delete a[f] : g.splice(h, 1); break } else J(g[h]) && ba(g[h], b) } } } function ca(a) { let b = "", c = ""; var d = ""; for (let e = 0; e < a.length; e++) { const f = a[e]; if (f !== c) if (e && "h" === f) { if (d = "a" === d || "e" === d || "i" === d || "o" === d || "u" === d || "y" === d, ("a" === c || "e" === c || "i" === c || "o" === c || "u" === c || "y" === c) && d || " " === c) b += f } else b += f; d = e === a.length - 1 ? "" : a[e + 1]; c = f } return b } + function qa(a, b) { a = a.length - b.length; return 0 > a ? 1 : a ? -1 : 0 } function pa(a, b) { a = a[L]; b = b[L]; return a < b ? -1 : a > b ? 1 : 0 } function oa(a, b) { const c = L.length; for (let d = 0; d < c; d++)a = a[L[d]], b = b[L[d]]; return a < b ? -1 : a > b ? 1 : 0 } function T(a, b, c) { return a ? { page: a, next: b ? "" + b : null, result: c } : c } function ha(a, b, c, d, e, f, g) { + let h, l = []; if (!0 === c) { c = "0"; var m = "" } else m = c && c.split(":"); const n = a.length; if (1 < n) { + const y = B(), r = []; let w, x; var p = 0, k; let G; var u = !0; let C, D = 0, N, da, X, ea; m && (2 === m.length ? (X = m, m = !1) : m = ea = parseInt(m[0], 10)); + if (g) { for (w = B(); p < n; p++)if ("not" === e[p]) for (x = a[p], G = x.length, k = 0; k < G; k++)w["@" + x[k]] = 1; else da = p + 1; if (H(da)) return T(c, h, l); p = 0 } else N = M(e) && e; let Y; for (; p < n; p++) { + const ra = p === (da || n) - 1; if (!N || !p) if ((k = N || e && e[p]) && "and" !== k) if ("or" === k) Y = !1; else continue; else Y = f = !0; x = a[p]; if (G = x.length) { + if (u) if (C) { var t = C.length; for (k = 0; k < t; k++) { u = C[k]; var A = "@" + u; g && w[A] || (y[A] = 1, f || (l[D++] = u)) } C = null; u = !1 } else { C = x; continue } A = !1; for (k = 0; k < G; k++) { + t = x[k]; var z = "@" + t; const Z = f ? y[z] || 0 : p; if (!(!Z && !d || g && w[z] || !f && + y[z])) if (Z === p) { if (ra) { if (!ea || --ea < D) if (l[D++] = t, b && D === b) return T(c, D + (m || 0), l) } else y[z] = p + 1; A = !0 } else d && (z = r[Z] || (r[Z] = []), z[z.length] = t) + } if (Y && !A && !d) break + } else if (Y && !d) return T(c, h, x) + } if (C) if (p = C.length, g) for (k = m ? parseInt(m, 10) : 0; k < p; k++)a = C[k], w["@" + a] || (l[D++] = a); else l = C; if (d) for (D = l.length, X ? (p = parseInt(X[0], 10) + 1, k = parseInt(X[1], 10) + 1) : (p = r.length, k = 0); p--;)if (t = r[p]) { for (G = t.length; k < G; k++)if (d = t[k], !g || !w["@" + d]) if (l[D++] = d, b && D === b) return T(c, p + ":" + k, l); k = 0 } + } else !n || e && "not" === e[0] || + (l = a[0], m && (m = parseInt(m[0], 10))); b && (g = l.length, m && m > g && (m = 0), m = m || 0, h = m + b, h < g ? l = l.slice(m, h) : (h = 0, m && (l = l.slice(m)))); return T(c, h, l) + } function M(a) { return "string" === typeof a } function E(a) { return a.constructor === Array } function O(a) { return "function" === typeof a } function J(a) { return "object" === typeof a } function H(a) { return "undefined" === typeof a } function ia(a) { const b = Array(a); for (let c = 0; c < a; c++)b[c] = B(); return b } function B() { return Object.create(null) } function sa() { + let a, b; self.onmessage = function (c) { + if (c = + c.data) if (c.search) { const d = b.search(c.content, c.threshold ? { limit: c.limit, threshold: c.threshold, where: c.where } : c.limit); self.postMessage({ id: a, content: c.content, limit: c.limit, result: d }) } else c.add ? b.add(c.id, c.content) : c.update ? b.update(c.id, c.content) : c.remove ? b.remove(c.id) : c.clear ? b.clear() : c.info ? (c = b.info(), c.worker = a, console.log(c)) : c.register && (a = c.id, c.options.cache = !1, c.options.async = !1, c.options.worker = !1, b = (new Function(c.register.substring(c.register.indexOf("{") + 1, c.register.lastIndexOf("}"))))(), + b = new b(c.options)) + } + } function ta(a, b, c, d) { a = I("flexsearch", "id" + a, sa, function (f) { (f = f.data) && f.result && d(f.id, f.content, f.result, f.limit, f.where, f.cursor, f.suggest) }, b); const e = ma.toString(); c.id = b; a.postMessage({ register: e, options: c, id: b }); return a } const F = { encode: "icase", f: "forward", split: /\W+/, cache: !1, async: !1, g: !1, D: !1, a: !1, b: 9, threshold: 0, depth: 0 }, ja = { + memory: { encode: "extra", f: "strict", threshold: 0, b: 1 }, speed: { encode: "icase", f: "strict", threshold: 1, b: 3, depth: 2 }, match: { + encode: "extra", f: "full", threshold: 1, + b: 3 + }, score: { encode: "extra", f: "strict", threshold: 1, b: 9, depth: 4 }, balance: { encode: "balance", f: "strict", threshold: 0, b: 3, depth: 3 }, fast: { encode: "icase", f: "strict", threshold: 8, b: 9, depth: 1 } + }, aa = []; let na = 0; const ka = {}, la = {}; v.create = function (a, b) { return new v(a, b) }; v.registerMatcher = function (a) { for (const b in a) a.hasOwnProperty(b) && aa.push(q(b), a[b]); return this }; v.registerEncoder = function (a, b) { U[a] = b.bind(U); return this }; v.registerLanguage = function (a, b) { ka[a] = b.filter; la[a] = b.stemmer; return this }; v.encode = + function (a, b) { return U[a](b) }; v.prototype.init = function (a, b) { + this.v = []; if (b) { var c = b.preset; a = b } else a || (a = F), c = a.preset; b = {}; M(a) ? (b = ja[a], a = {}) : c && (b = ja[c]); if (c = a.worker) if ("undefined" === typeof Worker) a.worker = !1, this.m = null; else { var d = parseInt(c, 10) || 4; this.C = -1; this.u = 0; this.o = []; this.F = null; this.m = Array(d); for (var e = 0; e < d; e++)this.m[e] = ta(this.id, e, a, K.bind(this)) } this.f = a.tokenize || b.f || this.f || F.f; this.split = a.split || this.split || F.split; this.D = a.rtl || this.D || F.D; this.async = "undefined" === typeof Promise || + H(c = a.async) ? this.async || F.async : c; this.g = H(c = a.worker) ? this.g || F.g : c; this.threshold = H(c = a.threshold) ? b.threshold || this.threshold || F.threshold : c; this.b = H(c = a.resolution) ? c = b.b || this.b || F.b : c; c <= this.threshold && (this.b = this.threshold + 1); this.depth = "strict" !== this.f || H(c = a.depth) ? b.depth || this.depth || F.depth : c; this.w = (c = H(c = a.encode) ? b.encode || F.encode : c) && U[c] && U[c].bind(U) || (O(c) ? c : this.w || !1); (c = a.matcher) && this.addMatcher(c); if (c = (b = a.lang) || a.filter) { + M(c) && (c = ka[c]); if (E(c)) { + d = this.w; e = B(); for (var f = + 0; f < c.length; f++) { var g = d ? d(c[f]) : c[f]; e[g] = 1 } c = e + } this.filter = c + } if (c = b || a.stemmer) { var h; b = M(c) ? la[c] : c; d = this.w; e = []; for (h in b) b.hasOwnProperty(h) && (f = d ? d(h) : h, e.push(q(f + "($|\\W)"), d ? d(b[h]) : b[h])); this.stemmer = h = e } this.a = e = (c = a.doc) ? S(c) : this.a || F.a; this.j = ia(this.b - (this.threshold || 0)); this.i = B(); this.c = B(); if (e) { + this.h = B(); a.doc = null; h = e.index = {}; b = e.keys = []; d = e.field; f = e.tag; E(e.id) || (e.id = e.id.split(":")); if (f) { + this.G = B(); g = B(); if (d) if (M(d)) g[d] = a; else if (E(d)) for (let l = 0; l < d.length; l++)g[d[l]] = + a; else J(d) && (g = d); E(f) || (e.tag = f = [f]); for (d = 0; d < f.length; d++)this.G[f[d]] = B(); this.I = f; d = g + } if (d) { let l; E(d) || (J(d) ? (l = d, e.field = d = Object.keys(d)) : e.field = d = [d]); for (e = 0; e < d.length; e++)f = d[e], E(f) || (l && (a = l[f]), b[e] = f, d[e] = f.split(":")), h[f] = new v(a), h[f].h = this.h } + } this.B = !0; this.l = (this.cache = c = H(c = a.cache) ? this.cache || F.cache : c) ? new ua(c) : !1; return this + }; v.prototype.encode = function (a) { + a && aa.length && (a = Q(a, aa)); a && this.v.length && (a = Q(a, this.v)); a && this.w && (a = this.w(a)); a && this.stemmer && (a = Q(a, this.stemmer)); + return a + }; v.prototype.addMatcher = function (a) { const b = this.v; for (const c in a) a.hasOwnProperty(c) && b.push(q(c), a[c]); return this }; v.prototype.add = function (a, b, c, d, e) { + if (this.a && J(a)) return this.A("add", a, b); if (b && M(b) && (a || 0 === a)) { + var f = "@" + a; if (this.c[f] && !d) return this.update(a, b); if (this.g) return ++this.C >= this.m.length && (this.C = 0), this.m[this.C].postMessage({ add: !0, id: a, content: b }), this.c[f] = "" + this.C, c && c(), this; if (!e) { + if (this.async && "function" !== typeof importScripts) { + let r = this; f = new Promise(function (w) { + setTimeout(function () { + r.add(a, + b, null, d, !0); r = null; w() + }) + }); if (c) f.then(c); else return f; return this + } if (c) return this.add(a, b, null, d, !0), c(), this + } b = this.encode(b); if (!b.length) return this; c = this.f; e = O(c) ? c(b) : b.split(this.split); this.filter && (e = W(e, this.filter)); const p = B(); p._ctx = B(); const k = e.length, u = this.threshold, t = this.depth, A = this.b, z = this.j, y = this.D; for (let r = 0; r < k; r++) { + var g = e[r]; if (g) { + var h = g.length, l = (y ? r + 1 : k - r) / k, m = ""; switch (c) { + case "reverse": case "both": for (var n = h; --n;)m = g[n] + m, V(z, p, m, a, y ? 1 : (h - n) / h, l, u, A - 1); m = ""; + case "forward": for (n = 0; n < h; n++)m += g[n], V(z, p, m, a, y ? (n + 1) / h : 1, l, u, A - 1); break; case "full": for (n = 0; n < h; n++) { const w = (y ? n + 1 : h - n) / h; for (let x = h; x > n; x--)m = g.substring(n, x), V(z, p, m, a, w, l, u, A - 1) } break; default: if (h = V(z, p, g, a, 1, l, u, A - 1), t && 1 < k && h >= u) for (h = p._ctx[g] || (p._ctx[g] = B()), g = this.i[g] || (this.i[g] = ia(A - (u || 0))), l = r - t, m = r + t + 1, 0 > l && (l = 0), m > k && (m = k); l < m; l++)l !== r && V(g, h, e[l], a, 0, A - (l < r ? r - l : l - r), u, A - 1) + } + } + } this.c[f] = 1; this.B = !1 + } return this + }; v.prototype.A = function (a, b, c) { + if (E(b)) for (let l = 0, m = b.length; l < m; l++) { + if (l === + m - 1) return this.A(a, b[l], c); this.A(a, b[l]) + } else { + const l = this.a.index, m = this.a.keys; var d = this.a.tag, e = this.a.id; let n; let p; for (var f = 0; f < e.length; f++)n = (n || b)[e[f]]; if (d) { for (e = 0; e < d.length; e++) { var g = d[e]; var h = g.split(":"); for (f = 0; f < h.length; f++)p = (p || b)[h[f]]; p = "@" + p } h = this.G[g]; h = h[p] || (h[p] = []) } if ("remove" === a) { delete this.h[n]; for (let k = 0, u = m.length; k < u; k++) { if (k === u - 1) return l[m[k]].remove(n, c), this; l[m[k]].remove(n) } } e = this.a.field; h && (h[h.length] = b); this.h[n] = b; for (let k = 0, u = e.length; k < + u; k++) { d = e[k]; let t; for (g = 0; g < d.length; g++)t = (t || b)[d[g]]; d = l[m[k]]; g = "add" === a ? d.add : d.update; k === u - 1 ? g.call(d, n, t, c) : g.call(d, n, t) } + } return this + }; v.prototype.update = function (a, b, c) { if (this.a && J(a)) return this.A("update", a, b); this.c["@" + a] && M(b) && (this.remove(a), this.add(a, b, c, !0)); return this }; v.prototype.remove = function (a, b, c) { + if (this.a && J(a)) return this.A("remove", a, b); var d = "@" + a; if (this.c[d]) { + if (this.g) return this.m[this.c[d]].postMessage({ remove: !0, id: a }), delete this.c[d], b && b(), this; if (!c) { + if (this.async && + "function" !== typeof importScripts) { let e = this; d = new Promise(function (f) { setTimeout(function () { e.remove(a, null, !0); e = null; f() }) }); if (b) d.then(b); else return d; return this } if (b) return this.remove(a, null, !0), b(), this + } for (b = 0; b < this.b - (this.threshold || 0); b++)ba(this.j[b], a); this.depth && ba(this.i, a); delete this.c[d]; this.B = !1 + } return this + }; let L; v.prototype.search = function (a, b, c, d) { + if (J(b)) { if (E(b)) for (var e = 0; e < b.length; e++)b[e].query = a; else b.query = a; a = b; b = 1E3 } else b && O(b) ? (c = b, b = 1E3) : b || 0 === b || (b = 1E3); + let f = [], g = a; let h, l, m; if (J(a) && !E(a)) { c || (c = a.callback) && (g.callback = null); l = a.sort; h = a.page; b = a.limit; var n = a.threshold; m = a.suggest; a = a.query } if (this.a) { + n = this.a.index; const y = g.where; var p = g.bool || "or", k = g.field; let r = p; let w, x; if (k) E(k) || (k = [k]); else if (E(g)) { var u = g; k = []; r = []; for (var t = 0; t < g.length; t++)d = g[t], e = d.bool || p, k[t] = d.field, r[t] = e, "not" === e ? w = !0 : "and" === e && (x = !0) } else k = this.a.keys; p = k.length; for (t = 0; t < p; t++)u && (g = u[t]), h && !M(g) && (g.page = null, g.limit = 0), f[t] = n[k[t]].search(g, 0); if (this.g) { + this.F = + c; this.u = 0; this.o = []; for (n = 0; n < this.g; n++)this.m[n].postMessage({ search: !0, limit: b, content: g }); return + } if (c) return c(P.call(this, a, r, f, l, b, m, y, h, x, w)); if (this.async) { const G = this; return new Promise(function (C) { Promise.all(f).then(function (D) { C(P.call(G, a, r, D, l, b, m, y, h, x, w)) }) }) } return P.call(this, a, r, f, l, b, m, y, h, x, w) + } n || (n = this.threshold || 0); if (!d) { + if (this.async && "function" !== typeof importScripts) { + let y = this; n = new Promise(function (r) { setTimeout(function () { r(y.search(g, b, null, !0)); y = null }) }); if (c) n.then(c); + else return n; return this + } if (c) return c(this.search(g, b, null, !0)), this + } if (!a || !M(a)) return f; g = a; if (this.cache) if (this.B) { if (c = this.l.get(a)) return c } else this.l.clear(), this.B = !0; g = this.encode(g); if (!g.length) return f; c = this.f; c = O(c) ? c(g) : g.split(this.split); this.filter && (c = W(c, this.filter)); u = c.length; d = !0; e = []; const A = B(); let z = 0; 1 < u && (this.depth && "strict" === this.f ? p = !0 : c.sort(qa)); if (!p || (t = this.i)) { + const y = this.b; for (; z < u; z++) { + let r = c[z]; if (r) { + if (p) { + if (!k) if (t[r]) k = r, A[r] = 1; else if (!m) return f; + if (m && z === u - 1 && !e.length) p = !1, r = k || r, A[r] = 0; else if (!k) continue + } if (!A[r]) { const w = []; let x = !1, G = 0; const C = p ? t[k] : this.j; if (C) { let D; for (let N = 0; N < y - n; N++)if (D = C[N] && C[N][r]) w[G++] = D, x = !0 } if (x) k = r, e[e.length] = 1 < G ? w.concat.apply([], w) : w[0]; else if (!m) { d = !1; break } A[r] = 1 } + } + } + } else d = !1; d && (f = ha(e, b, h, m)); this.cache && this.l.set(a, f); return f + }; v.prototype.find = function (a, b) { return this.where(a, b, 1)[0] || null }; v.prototype.where = function (a, b, c, d) { + const e = this.h, f = []; let g = 0; let h; var l; let m; if (J(a)) { + c || (c = + b); var n = Object.keys(a); var p = n.length; h = !1; if (1 === p && "id" === n[0]) return [e[a.id]]; if ((l = this.I) && !d) for (var k = 0; k < l.length; k++) { var u = l[k], t = a[u]; if (!H(t)) { m = this.G[u]["@" + t]; if (0 === --p) return m; n.splice(n.indexOf(u), 1); delete a[u]; break } } l = Array(p); for (k = 0; k < p; k++)l[k] = n[k].split(":") + } else { if (O(a)) { b = d || Object.keys(e); c = b.length; for (n = 0; n < c; n++)p = e[b[n]], a(p) && (f[g++] = p); return f } if (H(b)) return [e[a]]; if ("id" === a) return [e[b]]; n = [a]; p = 1; l = [a.split(":")]; h = !0 } d = m || d || Object.keys(e); k = d.length; for (u = + 0; u < k; u++) { t = m ? d[u] : e[d[u]]; let A = !0; for (let z = 0; z < p; z++) { h || (b = a[n[z]]); const y = l[z], r = y.length; let w = t; if (1 < r) for (let x = 0; x < r; x++)w = w[y[x]]; else w = w[y[0]]; if (w !== b) { A = !1; break } } if (A && (f[g++] = t, c && g === c)) break } return f + }; v.prototype.info = function () { + if (this.g) for (let a = 0; a < this.g; a++)this.m[a].postMessage({ info: !0, id: this.id }); else return { + id: this.id, items: this.length, cache: this.cache && this.cache.s ? this.cache.s.length : !1, matcher: aa.length + (this.v ? this.v.length : 0), worker: this.g, threshold: this.threshold, + depth: this.depth, resolution: this.b, contextual: this.depth && "strict" === this.f + } + }; v.prototype.clear = function () { return this.destroy().init() }; v.prototype.destroy = function () { this.cache && (this.l.clear(), this.l = null); this.j = this.i = this.c = null; if (this.a) { const a = this.a.keys; for (let b = 0; b < a.length; b++)this.a.index[a[b]].destroy(); this.a = this.h = null } return this }; v.prototype.export = function () { + let a; if (this.a) { + const b = this.a.keys; a = Array(b.length + 1); let c = 0; for (; c < b.length; c++) { + const d = this.a.index[b[c]]; a[c] = + [d.j, d.i, Object.keys(d.c)] + } a[c] = this.h + } else a = [this.j, this.i, Object.keys(this.c)]; return JSON.stringify(a) + }; v.prototype.import = function (a) { a = JSON.parse(a); const b = B(); if (this.a) { var c = this.a.keys, d = c.length, e = a[0][2]; for (var f = 0; f < e.length; f++)b[e[f]] = 1; for (e = 0; e < d; e++)f = this.a.index[c[e]], f.j = a[e][0], f.i = a[e][1], f.c = b, f.h = a[d]; this.h = a[d] } else { c = a[2]; for (d = 0; d < c.length; d++)b[c[d]] = 1; this.j = a[0]; this.i = a[1]; this.c = b } }; const U = { + icase: function (a) { return a.toLowerCase() }, simple: function () { + const a = [q("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"), + "a", q("[\u00e8\u00e9\u00ea\u00eb]"), "e", q("[\u00ec\u00ed\u00ee\u00ef]"), "i", q("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"), "o", q("[\u00f9\u00fa\u00fb\u00fc\u0171]"), "u", q("[\u00fd\u0177\u00ff]"), "y", q("\u00f1"), "n", q("[\u00e7c]"), "k", q("\u00df"), "s", q(" & "), " and ", q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "]; return function (b) { b = Q(b.toLowerCase(), a); return " " === b ? "" : b } + }(), advanced: function () { + const a = [q("ae"), "a", q("ai"), "ei", q("ay"), "ei", q("ey"), "ei", q("oe"), "o", q("ue"), "u", q("ie"), "i", q("sz"), + "s", q("zs"), "s", q("sh"), "s", q("ck"), "k", q("cc"), "k", q("th"), "t", q("dt"), "t", q("ph"), "f", q("pf"), "f", q("ou"), "o", q("uo"), "u"]; return function (b, c) { if (!b) return b; b = this.simple(b); 2 < b.length && (b = Q(b, a)); c || 1 < b.length && (b = ca(b)); return b } + }(), extra: function () { + const a = [q("p"), "b", q("z"), "s", q("[cgq]"), "k", q("n"), "m", q("d"), "t", q("[vw]"), "f", q("[aeiouy]"), ""]; return function (b) { + if (!b) return b; b = this.advanced(b, !0); if (1 < b.length) { + b = b.split(" "); for (let c = 0; c < b.length; c++) { + const d = b[c]; 1 < d.length && (b[c] = + d[0] + Q(d.substring(1), a)) + } b = b.join(" "); b = ca(b) + } return b + } + }(), balance: function () { const a = [q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "]; return function (b) { return ca(Q(b.toLowerCase(), a)) } }() + }, ua = function () { + function a(b) { this.clear(); this.H = !0 !== b && b } a.prototype.clear = function () { this.cache = B(); this.count = B(); this.index = B(); this.s = [] }; a.prototype.set = function (b, c) { + if (this.H && H(this.cache[b])) { + let d = this.s.length; if (d === this.H) { d--; const e = this.s[d]; delete this.cache[e]; delete this.count[e]; delete this.index[e] } this.index[b] = + d; this.s[d] = b; this.count[b] = -1; this.cache[b] = c; this.get(b) + } else this.cache[b] = c + }; a.prototype.get = function (b) { const c = this.cache[b]; if (this.H && c) { var d = ++this.count[b]; const f = this.index; let g = f[b]; if (0 < g) { const h = this.s; for (var e = g; this.count[h[--g]] <= d && -1 !== g;); g++; if (g !== e) { for (d = e; d > g; d--)e = h[d - 1], h[d] = e, f[e] = d; h[g] = b; f[b] = g } } } return c }; return a + }(); return v + }(function () { + const I = {}, R = "undefined" !== typeof Blob && "undefined" !== typeof URL && URL.createObjectURL; return function (v, K, S, W, P) { + S = R ? URL.createObjectURL(new Blob(["(" + + S.toString() + ")()"], { type: "text/javascript" })) : v + ".min.js"; v += "-" + K; I[v] || (I[v] = []); I[v][P] = new Worker(S); I[v][P].onmessage = W; return I[v][P] + } + }()), this); + - - - - + + + + + + + +
+
+ + +
+
+
+

+ Latest Blocks

+ View All Blocks +
+ +
+ +
+
+
+ + + +
+ + +
+ +
+ +
+
+ +
+
+
+

+ Latest Transactions

+ View All Transactions +
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ + + +
+
+ + + + + + + + diff --git a/run-server b/run-server new file mode 100755 index 0000000..2de06c8 Binary files /dev/null and b/run-server differ diff --git a/single.html b/single.html new file mode 100644 index 0000000..e8da097 --- /dev/null +++ b/single.html @@ -0,0 +1,6188 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ + Top Token + + +
+
+ + Top Contract + +
+
+ + Total Transactions + +
+
+ + Wallet addresses + +
+
+
+
+
+
+ + + + + +
+
+ +
+
+
+ + +
+
+ + +
+ + +
+ + +
+
+
+

+ Latest Blocks

+ View All + Blocks +
+ +
+
+
+ +
+ +
+ + +
+ +
+ +
+
+ +
+
+
+

+ Latest Transactions

+ View All + Transactions +
+ +
+
+
+ +
+
+ + +
+ + +
+ +
+
+
+

+ Verified Blocks

+ +
+ +
+
+
+ +
+
+ + +
+ + +
+ +
+
+
+

+ Verified Transactions

+ +
+ +
+
+
+ +
+
+ + +
+ + +
+ +
+
+ +
+
+
+

+ Block Details

+ +
+
+
+ +
+

+ Block Height:

+
+ + +
+
+
+
+ Hash
+
+ +
+
+
+
+ Difficulty
+
+ +
+
+
+
+ Nonce
+
+ +
+
+
+
+ Reward
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+

+ Block Transactions

+
+ +
+
+
+ +
+
+
+ + +
+ +
+
+ +
+
+
+

+ Transaction Details

+ +
+
+
+ + +
+
+
+ + +
+ +
+
+
+
+ + +
+ + +
+
+

+ FLO Data

+ +
+
+
+ + + +
+
+
+
+
+ +
+ +
+ +
+
+ Details +
+
+
+
+
+
+
+
+ +
+
+ + +
+
+
+
+
+
+

+ Address Details

+ +
+
+
+ + + +
+
+
+ + +
+ +
+
+

+ Balance +

+ +
+
+
+ + +
+
+
+
+
+ +
+ +
+ + + +
+
+
+ +
+ +
+ +
+
+
+ +
+ + + +
+
+ +
+ +
+
+
+ +
+ + + +
+ +
+
+ + +
+ +
+ +
+ + + +
+
+
+ + + +
+
+ + +
+
+ +
+
+ +
+
+
+ +
+ +
+
+
+

+ Contract Transactions

+ View All Transactions +
+ +
+
+
+ +
+
+
+ + +
+ +
+
+ + +
+
+
+

+ +

+
+

+ + +
+
+
+
+

+
+
+
+ +
+
+

+ Find token balance

+ +
+ + + +

Balance :

+ +

+ +
+
+ +
+ + +
+ + +
+ +
+
+

+ Top Balances

+ View All Balances +
+ +
+
+
+
+ + +
+
+
+ + +
+ +
+
+

+ Token Transactions

+ View All Transactions +
+ +
+
+
+
+ + +
+
+
+
+ + + + +
+ + +
+ + +
+ + + +
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..38d1a3a --- /dev/null +++ b/style.css @@ -0,0 +1,194 @@ + +* { + box-sizing: border-box; +} + +body { + background: #eceef1; + font-family: 'Slabo 27px', serif; + color: #333a45; +} + +.wrapper { + margin: 5em auto; + max-width: 1000px; + background-color: #fff; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06); +} + +.header { + padding: 30px 30px 0; + text-align: center; +} +.header__title { + margin: 0; + text-transform: uppercase; + font-size: 2.5em; + font-weight: 500; + line-height: 1.1; +} +.header__subtitle { + margin: 0; + font-size: 1.5em; + color: #949fb0; + font-family: 'Yesteryear', cursive; + font-weight: 500; + line-height: 1.1; +} + +.cards { + padding: 15px; + display: flex; + flex-flow: row wrap; +} + +.cardcard { + margin: 15px; + width: calc((100% / 4) - 30px); + transition: all 0.2s ease-in-out; +} +@media screen and (max-width: 991px) { + .card { + width: calc((100% / 2) - 30px); + } +} +@media screen and (max-width: 767px) { + .card { + width: 100%; + } +} +.card:hover .card__inner { + background-color: #1abc9c; + -webkit-transform: scale(1.05); + transform: scale(1.05); +} +.card__inner { + width: 100%; + padding: 30px; + position: relative; + cursor: pointer; + background-color: #949fb0; + color: #eceef1; + font-size: 1.5em; + text-transform: uppercase; + text-align: center; + transition: all 0.2s ease-in-out; +} +.card__inner:after { + transition: all 0.3s ease-in-out; +} +.card__inner .fa { + width: 100%; + margin-top: .25em; +} +.card__expander { + transition: all 0.2s ease-in-out; + width: 100%; + position: relative; + border-style: solid; + border-width: thin; + text-align: left; + overflow:auto; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: center; + padding: 30px 15px 30px; + /*color: #5c34a2; + background-color: rgba(92, 52, 162, .1);*/ +} +.card__expander .fa { + font-size: 0.75em; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.card__expander .fa:hover { + opacity: 0.9; +} +.card.is-collapsed .card__inner:after { + content: ""; + opacity: 0; +} +.card.is-collapsed .card__expander { + max-height: 0; + min-height: 0; + overflow: hidden; + margin-top: 0; + opacity: 0; +} +.card.is-expanded .card__inner { + background-color: #1abc9c; +} +.card.is-expanded .card__inner:after { + content: ""; + opacity: 1; + display: block; + height: 0; + width: 0; + position: absolute; + bottom: -30px; + left: calc(50% - 15px); + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 15px solid #333a45; +} +.card.is-expanded .card__inner .fa:before { + content: "\f115"; +} +.card.is-expanded .card__expander { + max-height: 1000px; + min-height: 200px; + overflow: visible; + margin-top: 30px; + opacity: 1; +} +.card.is-expanded:hover .card__inner { + -webkit-transform: scale(1); + transform: scale(1); +} +.card.is-inactive .card__inner { + pointer-events: none; + opacity: 0.5; +} +.card.is-inactive:hover .card__inner { + background-color: #949fb0; + -webkit-transform: scale(1); + transform: scale(1); +} + +@media screen and (min-width: 992px) { + .card:nth-of-type(4n+2) .card__expander { + margin-left: calc(-100%); + } + + .card:nth-of-type(4n+3) .card__expander { + margin-left: calc(-200%); + } + + .card:nth-of-type(4n+4) .card__expander { + margin-left: calc(-300%); + } + + .card:nth-of-type(4n+5) { + clear: left; + } + + .card__expander { + width: calc(400%); + } +} +@media screen and (min-width: 768px) and (max-width: 991px) { + .card:nth-of-type(2n+2) .card__expander { + margin-left: calc(-100% - 30px); + } + + .card:nth-of-type(2n+3) { + clear: left; + } + + .card__expander { + width: calc(200% + 30px); + } +} diff --git a/style1.css b/style1.css new file mode 100644 index 0000000..cc62fee --- /dev/null +++ b/style1.css @@ -0,0 +1,185 @@ +* { + box-sizing: border-box; +} + +body { + background: #eceef1; + font-family: 'Slabo 27px', serif; + color: #333a45; +} + +.wrapper { + margin: 5em auto; + max-width: 1000px; + background-color: #fff; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06); +} + +.header { + padding: 30px 30px 0; + text-align: center; +} +.header__title { + margin: 0; + text-transform: uppercase; + font-size: 2.5em; + font-weight: 500; + line-height: 1.1; +} +.header__subtitle { + margin: 0; + font-size: 1.5em; + color: #949fb0; + font-family: 'Yesteryear', cursive; + font-weight: 500; + line-height: 1.1; +} + +.cards { + padding: 15px; + display: flex; + flex-flow: row wrap; +} + +.card { + margin: 15px; + width: calc((100% / 3) - 30px); + transition: all 0.2s ease-in-out; +} +@media screen and (max-width: 991px) { + .card { + width: calc((100% / 2) - 30px); + } +} +@media screen and (max-width: 767px) { + .card { + width: 100%; + } +} +.card:hover .card__inner { + background-color: #1abc9c; + -webkit-transform: scale(1.05); + transform: scale(1.05); +} +.card__inner { + width: 100%; + padding: 30px; + position: relative; + cursor: pointer; + background-color: #949fb0; + color: #eceef1; + font-size: 1.5em; + text-transform: uppercase; + text-align: center; + transition: all 0.2s ease-in-out; +} +.card__inner:after { + transition: all 0.3s ease-in-out; +} +.card__inner .fa { + width: 100%; + margin-top: .25em; +} +.card__expander { + transition: all 0.2s ease-in-out; + background-color: #333a45; + width: 100%; + position: relative; + display: flex; + justify-content: center; + align-items: center; + text-transform: uppercase; + color: #eceef1; + font-size: 1.5em; +} +.card__expander .fa { + font-size: 0.75em; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; +} +.card__expander .fa:hover { + opacity: 0.9; +} +.card.is-collapsed .card__inner:after { + content: ""; + opacity: 0; +} +.card.is-collapsed .card__expander { + max-height: 0; + min-height: 0; + overflow: hidden; + margin-top: 0; + opacity: 0; +} +.card.is-expanded .card__inner { + background-color: #1abc9c; +} +.card.is-expanded .card__inner:after { + content: ""; + opacity: 1; + display: block; + height: 0; + width: 0; + position: absolute; + bottom: -30px; + left: calc(50% - 15px); + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 15px solid #333a45; +} +.card.is-expanded .card__inner .fa:before { + content: "\f115"; +} +.card.is-expanded .card__expander { + max-height: 1000px; + min-height: 200px; + overflow: visible; + margin-top: 30px; + opacity: 1; +} +.card.is-expanded:hover .card__inner { + -webkit-transform: scale(1); + transform: scale(1); +} +.card.is-inactive .card__inner { + pointer-events: none; + opacity: 0.5; +} +.card.is-inactive:hover .card__inner { + background-color: #949fb0; + -webkit-transform: scale(1); + transform: scale(1); +} + +@media screen and (min-width: 992px) { + .card:nth-of-type(3n+2) .card__expander { + margin-left: calc(-100% - 30px); + } + + .card:nth-of-type(3n+3) .card__expander { + margin-left: calc(-200% - 60px); + } + + .card:nth-of-type(3n+4) { + clear: left; + } + + .card__expander { + width: calc(300% + 60px); + } +} +@media screen and (min-width: 768px) and (max-width: 991px) { + .card:nth-of-type(2n+2) .card__expander { + margin-left: calc(-100% - 30px); + } + + .card:nth-of-type(2n+3) { + clear: left; + } + + .card__expander { + width: calc(200% + 30px); + } +} diff --git a/token.html b/token.html new file mode 100644 index 0000000..a7fc7cb --- /dev/null +++ b/token.html @@ -0,0 +1,2865 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+
+
+

+ +

+
+

+ + +
+
+
+
+

+
+
+
+ +
+
+

+ Find token balance

+ +
+ + + +

Balance :

+ +

+ +
+
+ +
+ + +
+ + +
+ +
+
+

+ Top Balances

+ View All Balances +
+ +
+
+
+
+ + +
+
+
+ + +
+ +
+
+

+ Token Transactions

+ View All Transactions +
+ +
+
+
+
+ + +
+
+
+
+ + + + +
+
+ + +
+ + + +
+
+ + + + + + + + + \ No newline at end of file diff --git a/transaction.html b/transaction.html new file mode 100644 index 0000000..b2bbf5b --- /dev/null +++ b/transaction.html @@ -0,0 +1,3385 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+

+ Transaction Details

+ +
+
+
+ + +
+
+
+ + +
+ +
+
+
+
+ + +
+ + +
+
+

+ FLO Data

+ +
+
+
+ + + +
+
+
+
+
+ +
+ +
+ +
+
+ Details +
+
+
+
+
+
+ +
+ +
+ +
+
+
+ + +
+ + + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/viewall_block.html b/viewall_block.html new file mode 100644 index 0000000..63cabda --- /dev/null +++ b/viewall_block.html @@ -0,0 +1,2983 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+

+ Verified Blocks

+ +
+ +
+
+
+ +
+
+ + +
+ +
+ + + +
+ + + +
+
+ + + + + + + + + \ No newline at end of file diff --git a/viewall_tx.html b/viewall_tx.html new file mode 100644 index 0000000..66a3353 --- /dev/null +++ b/viewall_tx.html @@ -0,0 +1,3510 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+

+ Verified Transactions

+ +
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ + + +
+
+ + + + + + + + + \ No newline at end of file