diff --git a/assets/images/EthoFS-Glitch.gif b/assets/images/EthoFS-Glitch.gif index 9b41de6..66f4059 100644 Binary files a/assets/images/EthoFS-Glitch.gif and b/assets/images/EthoFS-Glitch.gif differ diff --git a/assets/images/icon.png b/assets/images/icon.png index 7fc1983..081d371 100644 Binary files a/assets/images/icon.png and b/assets/images/icon.png differ diff --git a/assets/images/logo-glitch.gif b/assets/images/logo-glitch.gif index 9b41de6..c378696 100644 Binary files a/assets/images/logo-glitch.gif and b/assets/images/logo-glitch.gif differ diff --git a/assets/images/logo.png b/assets/images/logo.png index 92d0f72..a25c374 100755 Binary files a/assets/images/logo.png and b/assets/images/logo.png differ diff --git a/assets/styles/buttons.css b/assets/styles/buttons.css index 742ea67..cefabaf 100755 --- a/assets/styles/buttons.css +++ b/assets/styles/buttons.css @@ -1,12 +1,12 @@ .btn-etho { color: #ffffff; - background-color: #840032; + background-color: #25D4DC; border-color: #103024; } .btn-etho:hover { background: #fff; - box-shadow: 0px 2px 10px 5px #840032; + box-shadow: 0px 2px 10px 5px #25D4DC; color: #000; } @@ -41,12 +41,12 @@ fieldset[disabled] .btn-etho:active, .btn-etho.disabled.active, .btn-etho[disabled].active, fieldset[disabled] .btn-etho.active { - background-color: #840032; + background-color: #25D4DC; border-color: #450118; } .btn-etho .badge { - color: #840032; + color: #25D4DC; background-color: #ffffff; } @@ -57,7 +57,7 @@ fieldset[disabled] .btn-etho.active { font-size: 12px; letter-spacing: 2px; position: relative; - background-color: #840032; + background-color: #25D4DC; border: none; color: #fff; padding: 2px; @@ -71,13 +71,13 @@ fieldset[disabled] .btn-etho.active { .button2:hover { background: #fff; - box-shadow: 0px 2px 10px 5px #840032; + box-shadow: 0px 2px 10px 5px #25D4DC; color: #000; } .button2:after { content: ""; - background: #840032; + background: #25D4DC; display: block; position: absolute; padding-top: 300%; @@ -106,7 +106,7 @@ fieldset[disabled] .btn-etho.active { font-size: 10px; letter-spacing: 1px; position: relative; - background-color: #840032; + background-color: #25D4DC; border: none; color: #fff; width: 110px; @@ -119,13 +119,13 @@ fieldset[disabled] .btn-etho.active { .button3:hover { background: #fff; - box-shadow: 0px 2px 10px 5px #840032; + box-shadow: 0px 2px 10px 5px #25D4DC; color: #000; } .button3:after { content: ""; - background: #840032; + background: #25D4DC; display: block; position: absolute; padding-top: 300%; @@ -154,7 +154,7 @@ fieldset[disabled] .btn-etho.active { font-size: 12px; letter-spacing: 2px; position: relative; - background-color: #840032; + background-color: #25D4DC; border: none; color: #fff; padding: 8px; @@ -167,13 +167,13 @@ fieldset[disabled] .btn-etho.active { .button4:hover { background: #fff; - box-shadow: 0px 2px 10px 5px #840032; + box-shadow: 0px 2px 10px 5px #25D4DC; color: #000; } .button4:after { content: ""; - background: #840032; + background: #25D4DC; display: block; position: absolute; padding-top: 300%; @@ -194,3 +194,4 @@ fieldset[disabled] .btn-etho.active { .button4:focus { outline: 0; } + diff --git a/assets/styles/forms.css b/assets/styles/forms.css index 7215575..2c17185 100755 --- a/assets/styles/forms.css +++ b/assets/styles/forms.css @@ -7,7 +7,7 @@ } .dropdown-content li>a, .dropdown-content li>span { - color: rgb(36, 13, 21); + color: rgb(13, 36, 33); } #sendFeeRange { @@ -27,7 +27,7 @@ } #tableTransactionsForAll .fa-sign-out-alt { - color: red; + color: rgb(0, 238, 255); } #tableTransactionsForAll .fa-arrow-left { @@ -45,3 +45,4 @@ #tableTransactionsForAll .fa-check { color: #228B22; } + diff --git a/assets/styles/materialize.min.css b/assets/styles/materialize.min.css index 4054769..179ff41 100755 --- a/assets/styles/materialize.min.css +++ b/assets/styles/materialize.min.css @@ -796,11 +796,11 @@ } .teal.lighten-1 { - background-color: #840032 !important + background-color: #24F9DD !important } .teal-text.text-lighten-1 { - color: #840032 !important + color: #24F9DD !important } .teal.darken-1 { @@ -2446,7 +2446,7 @@ td, th { } .collection .collection-item.active { - background-color: #840032; + background-color: #24F9DD; color: #eafaf9 } @@ -2458,7 +2458,7 @@ td, th { display: block; -webkit-transition: .25s; transition: .25s; - color: #840032 + color: #24F9DD } .collection a.collection-item:not(.active):hover { @@ -2481,7 +2481,7 @@ td, th { .secondary-content { float: right; - color: #840032 + color: #24F9DD } .collapsible .collection { @@ -2520,13 +2520,13 @@ td, th { top: 0; left: 0; bottom: 0; - background-color: #840032; + background-color: #24F9DD; -webkit-transition: width .3s linear; transition: width .3s linear } .progress .indeterminate { - background-color: #840032 + background-color: #24F9DD } .progress .indeterminate:before { @@ -2693,7 +2693,7 @@ span.badge.new { font-weight: 300; font-size: 0.8rem; color: #fff; - background-color: #840032; + background-color: #24F9DD; border-radius: 2px } @@ -4207,7 +4207,7 @@ small { } .card .card-title { - font-size: 24px; + font-size: 19px; font-weight: 300 } @@ -4355,6 +4355,11 @@ small { line-height: 32px } +.cardValue { + font-size:33px; + margin-bottom:8px; +} + .card .card-action { background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); @@ -4657,7 +4662,7 @@ small { .btn, .btn-large, .btn-small { text-decoration: none; color: #fff; - background-color: #840032; + background-color: #24F9DD; text-align: center; letter-spacing: .5px; -webkit-transition: background-color .2s ease-out; @@ -4679,7 +4684,7 @@ small { height: 40px; line-height: 40px; padding: 0; - background-color: #840032; + background-color: #24F9DD; border-radius: 50%; -webkit-transition: background-color .3s; transition: background-color .3s; @@ -4688,7 +4693,7 @@ small { } .btn-floating:hover { - background-color: #840032 + background-color: #24F9DD } .btn-floating:before { @@ -4890,7 +4895,7 @@ button.btn-floating { z-index: -1; width: 40px; height: 40px; - background-color: #840032; + background-color: #24F9DD; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0) @@ -4990,7 +4995,7 @@ button.btn-floating { .dropdown-content li>a, .dropdown-content li>span { font-size: 16px; - color: #840032; + color: #24F9DD; display: block; line-height: 22px; padding: 14px 16px @@ -5357,7 +5362,7 @@ body.keyboard-focused .dropdown-content li:focus { .chip:focus { outline: none; - background-color: #840032; + background-color: #24F9DD; color: #fff } @@ -5390,9 +5395,9 @@ body.keyboard-focused .dropdown-content li:focus { } .chips.focus { - border-bottom: 1px solid #840032; - -webkit-box-shadow: 0 1px 0 0 #840032; - box-shadow: 0 1px 0 0 #840032 + border-bottom: 1px solid #24F9DD; + -webkit-box-shadow: 0 1px 0 0 #24F9DD; + box-shadow: 0 1px 0 0 #24F9DD } .chips:hover { @@ -5547,9 +5552,9 @@ input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, } input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { - border-bottom: 1px solid #840032; - -webkit-box-shadow: 0 1px 0 0 #840032; - box-shadow: 0 1px 0 0 #840032 + border-bottom: 1px solid #24F9DD; + -webkit-box-shadow: 0 1px 0 0 #24F9DD; + box-shadow: 0 1px 0 0 #24F9DD } input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label { @@ -5691,7 +5696,7 @@ input:not([type])+label:after, input[type=text]:not(.browser-default)+label:afte } .input-field .prefix.active { - color: #840032 + color: #24F9DD } .input-field .prefix~input, .input-field .prefix~textarea, .input-field .prefix~label, .input-field .prefix~.validate~label, .input-field .prefix~.helper-text, .input-field .prefix~.autocomplete-content { @@ -5857,11 +5862,11 @@ textarea.materialize-textarea { } [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after { - border: 2px solid #840032 + border: 2px solid #24F9DD } [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after { - background-color: #840032 + background-color: #24F9DD } [type="radio"]:checked+span:after { @@ -5969,8 +5974,8 @@ textarea.materialize-textarea { height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; - border-right: 2px solid #840032; - border-bottom: 2px solid #840032; + border-right: 2px solid #24F9DD; + border-bottom: 2px solid #24F9DD; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; @@ -5991,7 +5996,7 @@ textarea.materialize-textarea { height: 22px; border-top: none; border-left: none; - border-right: 2px solid #840032; + border-right: 2px solid #24F9DD; border-bottom: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); @@ -6059,8 +6064,8 @@ textarea.materialize-textarea { top: 0; width: 20px; height: 20px; - border: 2px solid #840032; - background-color: #840032; + border: 2px solid #24F9DD; + background-color: #24F9DD; z-index: 0 } @@ -6072,8 +6077,8 @@ textarea.materialize-textarea { [type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after { border-radius: 2px; - background-color: #840032; - border-color: #840032 + background-color: #24F9DD; + border-color: #24F9DD } [type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before { @@ -6122,7 +6127,7 @@ textarea.materialize-textarea { } .switch label input[type=checkbox]:checked+.lever:after { - background-color: #840032 + background-color: #24F9DD } .switch label .lever { @@ -6194,7 +6199,7 @@ select { background-color: #fff; color: #000; width: 100%; - border: 3px solid #840032; + border: 2px ridge #6dbb9b; height: 30px; margin-top: 10px; } @@ -6234,7 +6239,7 @@ select { } .select-wrapper input.select-dropdown:focus { - border-bottom: 1px solid #840032 + border-bottom: 1px solid #24F9DD } .select-wrapper .caret { @@ -6402,7 +6407,7 @@ input[type=range]+.thumb { height: 0; width: 0; border-radius: 50%; - background-color: #840032; + background-color: #24F9DD; margin-left: 7px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; @@ -6414,7 +6419,7 @@ input[type=range]+.thumb .value { display: block; width: 30px; text-align: center; - color: #840032; + color: #24F9DD; font-size: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) @@ -6446,13 +6451,13 @@ input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; - background: #840032; + background: #24F9DD; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; -webkit-appearance: none; - background-color: #840032; + background-color: #24F9DD; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: -5px 0 0 0 @@ -6482,7 +6487,7 @@ input[type=range]::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; - background: #840032; + background: #24F9DD; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; @@ -6520,7 +6525,7 @@ input[type=range]::-ms-thumb { height: 14px; width: 14px; border-radius: 50%; - background: #840032; + background: #24F9DD; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; @@ -6637,7 +6642,7 @@ input[type=range]::-ms-thumb { } .sidenav li>a.btn-floating:hover { - background-color: #840032 + background-color: #24F9DD } .sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons { @@ -6823,7 +6828,7 @@ input[type=range]::-ms-thumb { width: 100%; height: 100%; opacity: 0; - border-color: #840032 + border-color: #24F9DD } .spinner-blue, .spinner-blue-only { @@ -7736,7 +7741,7 @@ input[type=range]::-ms-thumb { -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; - background-color: #840032; + background-color: #24F9DD; color: #fff; padding: 20px 22px; font-weight: 500 @@ -7793,11 +7798,11 @@ input[type=range]::-ms-thumb { } .datepicker-table td.is-today { - color: #840032 + color: #24F9DD } .datepicker-table td.is-selected { - background-color: #840032; + background-color: #24F9DD; color: #fff } @@ -7837,7 +7842,7 @@ input[type=range]::-ms-thumb { } .datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done { - color: #840032; + color: #24F9DD; padding: 0 1rem } @@ -7901,7 +7906,7 @@ input[type=range]::-ms-thumb { -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; - background-color: #840032; + background-color: #24F9DD; padding: 10px; font-weight: 300 } @@ -8017,7 +8022,7 @@ input[type=range]::-ms-thumb { } .timepicker-canvas line { - stroke: #840032; + stroke: #24F9DD; stroke-width: 4; stroke-linecap: round } @@ -8028,12 +8033,12 @@ input[type=range]::-ms-thumb { .timepicker-canvas-bearing { stroke: none; - fill: #840032 + fill: #24F9DD } .timepicker-canvas-bg { stroke: none; - fill: #840032 + fill: #24F9DD } .timepicker-footer { @@ -8054,7 +8059,7 @@ input[type=range]::-ms-thumb { } .timepicker-close { - color: #840032 + color: #24F9DD } .timepicker-clear, .timepicker-close { @@ -8086,3 +8091,4 @@ input[type=range]::-ms-thumb { margin-top: 1.2rem } } + diff --git a/assets/styles/style.css b/assets/styles/style.css index 7cce6c8..8060ec8 100755 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -1,6 +1,6 @@ html { color: #fff; - font-family: Arial, Helvetica, sans-serif; + font-family: 'Fira Mono', monospace; -webkit-font-smoothing: antialiased; } @@ -21,7 +21,7 @@ body.pg-loaded>.inner { /* Style the sidebar - fixed full height */ .sidebar { height: 100%; - width: 160px; + width: 200px; position: fixed; z-index: 1; top: 0; @@ -34,8 +34,8 @@ body.pg-loaded>.inner { /* Style sidebar links */ .sidebar a { text-decoration: none; - font-size: 20px; - color: #840032; + font-size: 18px; + color: #25D4DC; display: block; } @@ -67,11 +67,11 @@ body.pg-loaded>.inner { #mainContent { position: fixed; z-index: 1; - left: 160px; + left: 184px; top: 0; right: 0; bottom: 20px; - background-color: #212529; + background-color: #293838; overflow: auto; } @@ -188,12 +188,12 @@ body.pg-loaded>.inner { .modalDialog { display: none; - border-bottom: 3px solid #7A1336 !important; + border-bottom: 3px solid #28709F !important; border-radius: 0px !important; } .iziModal-header { - background: #7A1336 !important; + background: #28709F !important; } #walletsToolbar { @@ -223,7 +223,7 @@ div.loadingText { } div.sidebar svg { - color: #7A1336; + color: #28709F; } #tableTransactionsForAll_filter { @@ -252,7 +252,7 @@ div.sidebar svg { } .dataTables_scrollBody .transactionsBlockNum { - color: #f92472; + color: #24f9dd; cursor: pointer; } @@ -286,11 +286,12 @@ div.sidebar svg { .sendTXInfo { height: 30px; + color:#b1aa58; } .sendTXInfo label { line-height: 30px; - font-size: 1.1em; + font-size: 1em; } .txInfo label { @@ -300,7 +301,7 @@ div.sidebar svg { } .txInfo label+label { - color: #7A1336; + color: #28709F; margin-left: 0px; } @@ -313,13 +314,13 @@ div.sidebar svg { #toAddressInfo, #valueToSendInfo, #feeToPayInfo { - color: #ee6e73; + color: #24f9dd; margin-left: 5px; margin-right: 5px; } .accountName { - color: #7A1336; + color: #28709F; } .accountAddr { @@ -430,7 +431,7 @@ div.noAddressWrapper { } .etho-red { - background-color: #7A1336 !important; + background-color: #28709F !important; } #chartMarketPrice { @@ -440,3 +441,4 @@ div.noAddressWrapper { #addrQRCode { text-align: center; } + diff --git a/assets/styles/transactions.css b/assets/styles/transactions.css index 9d0b63d..951fd5f 100755 --- a/assets/styles/transactions.css +++ b/assets/styles/transactions.css @@ -5,8 +5,8 @@ .dt-button { margin-left: 10px !important; color: #ffffff !important; - background-color: #7A1336 !important; - border: 1px solid #450118 !important; + background-color: #13737a !important; + border: 1px solid #012c45 !important; background-image: none !important; } @@ -15,8 +15,8 @@ .dt-button.active, .open .dropdown-toggle.dt-button { color: #ffffff !important; - background-color: #B01549 !important; - border: 1px solid #450118 !important; + background-color: #1594b0 !important; + border: 1px solid #012445 !important; background-image: none !important; } @@ -40,12 +40,12 @@ fieldset[disabled] .dt-button:active, .dt-button.disabled.active, .dt-button[disabled].active, fieldset[disabled] .dt-button.active { - background-color: #7A1336 !important; - border-color: #450118 !important; + background-color: #28709F !important; + border-color: #013045 !important; } .dt-button .badge { - color: #7A1336 !important; + color: #28709F !important; background-color: #ffffff !important; } @@ -410,3 +410,4 @@ table.dataTable td { text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } + diff --git a/assets/templates/about.html b/assets/templates/about.html index 8fde5ed..7a09aab 100644 --- a/assets/templates/about.html +++ b/assets/templates/about.html @@ -28,56 +28,105 @@
-

Buy ETHO

+

Markets


- +
- +
- +
- +
+ + +
-
+
- + +
+ +
+ +
+ +
+ +
+ +
+
+
-

Etho Protocol Links

+

Links 🌐


+
- +
- +
- +
- +
@@ -85,7 +134,7 @@

Etho Protocol Links


-

Etho Protocol Social Media

+

Social Media 📱


@@ -94,26 +143,39 @@

Etho Protocol Social Media

- +
- +
- +
- +
- +
- +
+ + diff --git a/assets/templates/markets.html b/assets/templates/markets.html index ad2807f..e639216 100755 --- a/assets/templates/markets.html +++ b/assets/templates/markets.html @@ -3,44 +3,44 @@
- ETHO to USD + ETHO to USD 💵

N/A

-

This is a link

+ 7 days change:

N/A 🔗

- ETHO to BTC + ETHO to BTC ₿

N/A

-

This is a link

+ 7 days change:

N/A 🔗

- Marketcap + Marketcap 💰

N/A

-

This is a link

+ high 24h:

N/A 🔗

- Daily Volume + Daily Volume 📊

N/A

-

This is a link

+ all time high:

N/A 🔗

@@ -51,3 +51,4 @@ + diff --git a/assets/templates/send.html b/assets/templates/send.html index 1777f84..ccae5c7 100755 --- a/assets/templates/send.html +++ b/assets/templates/send.html @@ -3,15 +3,16 @@
+ - +
- +
- + +
- 0ETHO + 0ETHOTotal
diff --git a/assets/templates/wallets.html b/assets/templates/wallets.html index a748b8b..0fc51c4 100755 --- a/assets/templates/wallets.html +++ b/assets/templates/wallets.html @@ -16,8 +16,10 @@
{{sumBalance}} - ETHO - / 0.00 $ / 0.00 $ per ETHO
+ ETHO + + = 0.00 💵 | 0.00 💵 per +ETHOETHO
{{#if addressData.length}} @@ -51,7 +53,7 @@ - {{balance}} + {{balance}} ETHO {{/addressData}} diff --git a/build/icon.icns b/build/icon.icns index 877f294..70cc4cd 100755 Binary files a/build/icon.icns and b/build/icon.icns differ diff --git a/build/icon.png b/build/icon.png index f083b2c..081d371 100755 Binary files a/build/icon.png and b/build/icon.png differ diff --git a/index.html b/index.html index 5fd9ab9..6d29f97 100755 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ $ETHO Desktop Wallet - + @@ -65,24 +65,43 @@ - + $(document).on("onGethReady", function () { + setTimeout(() => { + loading_screen.finish(); + }, 5500); + }); + + $(window).on("beforeunload", function () { + EthoBlockchain.closeConnection(); + }); + + + + + + +