diff --git a/cardano-calculator/assets/css/cardano-calculator.css b/cardano-calculator/assets/css/cardano-calculator.css index b34fa86..2d72dce 100644 --- a/cardano-calculator/assets/css/cardano-calculator.css +++ b/cardano-calculator/assets/css/cardano-calculator.css @@ -7,6 +7,10 @@ body { font-size: 12px; } +.container { + word-wrap: break-word; +} + @media (min-width: 768px) { .codeblock { @@ -61,6 +65,14 @@ code { background-color: red; } +@media (max-width: 767.99px) { + + .calc-table-param-title-label { + font-size: 12px; + } + +} + /**************************** * SMALL SCREENS AND SWIPER * ****************************/ @@ -79,16 +91,9 @@ code { width: calc(25% - 10px)!important; height: auto!important; margin: 0 5px!important; - padding: 5px 0!important; - border-bottom: 2px solid #ccc; - background: #fff!important; border-radius: 0!important; outline: 0!important; } -.swiper-pagination-bullet-active { - background: #fff!important; - border-bottom: 2px solid #007bff!important; -} .swiper-button-next, .swiper-button-prev { outline: 0; } @@ -109,7 +114,7 @@ code { right: 0; } .swiper-slide { - padding: 2rem 1.5rem; + padding: 2rem 0.5rem; } .no-padding-mobile { @@ -125,7 +130,7 @@ code { .card-body .form-group.col-md-3 label { position: absolute; - margin-bottom: 0; + margin-bottom: 5px; padding-bottom: 0; bottom: 0; } @@ -177,3 +182,216 @@ code { .tooltip { z-index: 1029!important; } + +/************** + * Bootstrap Overwrites * + **************/ +.navbar.fixed-top { + background: var(--theme-topbar-background-color); + border-bottom: none!important; + box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25); +} +.navbar-brand { + color: var(--theme-topbar-wallet-name-color); +} +.nav-pills .nav-link.active, .nav-pills .show > .nav-link { + background-color: var(--theme-nav-item-background-color-active); + color: var(--theme-nav-item-text-color-active); +} +.nav-pills .nav-link { + color: var(--theme-nav-item-text-color); +} +.nav-pills .nav-link:hover { + background-color: var(--theme-nav-item-background-color-hover); +} +.navbar-toggler .navbar-toggler-icon { + color: var(--theme-topbar-wallet-name-color)!important; +} +#pills-tab-content { + background: var(--theme-bordered-box-background-color); + border: var(--theme-bordered-box-border); + border-radius: 4px; + padding: 20px 30px; + color: var(--theme-bordered-box-text-color); +} +.btn-light { + background: var(--theme-button-primary-background-color); + color: var(--theme-button-primary-text-color); + font-size: 14px; + line-height: 20px; + position: relative; + text-transform: none; + border: none; +} +.btn-light:focus { + background: var(--theme-button-primary-background-color-active); + outline: none; +} +.btn-light:hover { + color: var(--theme-button-primary-text-color); + background: var(--theme-button-primary-background-color-hover); +} +.alert { + border: none!important; +} +.alert-danger { + background-color: var(--theme-system-error-overlay-background-color)!important; + color: var(--theme-system-error-overlay-button-text-color)!important; +} +.alert-danger .close { + text-shadow: none!important; +} +.alert-danger .close:hover { + color: var(--theme-system-error-overlay-button-text-color)!important; +} +.alert-secondary { + background: var(--theme-node-sync-info-message-background-color)!important; + color: var(--theme-node-sync-info-message-text-color)!important; +} +.card { + background: var(--theme-bordered-box-background-color); + border: var(--theme-bordered-box-border); + border-radius: 4px; + padding: 20px 30px; +} +/************** + * Misc Overwrites * + **************/ +body { + background: var(--theme-main-body-background-color); +} + +input.inp-param:not(.form-control) { + padding: 0 5px!important; + width: calc(100% - 24px)!important; +} + +input.inp-param, .form-control, .nmpd-display { + background-color: var(--theme-input-background-color)!important; + border: 1px solid var(--theme-input-border-color); + border-radius: 2px; + box-sizing: border-box; + color: var(--theme-input-text-color); + font-size: 16px; + padding: 14px 20px; + width: 100%; +} +input.inp-param:focus, .form-control:focus, .nmpd-display:focus { + border-color: var(--theme-input-focus-border-color); + background-color: var(--theme-input-background-color); + color: var(--theme-input-text-color); + outline: 0; + box-shadow: none; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; +} + +a, a:hover { + color: var(--theme-support-settings-link-color); +} + +p { + color: var(--theme-bordered-box-text-color)!important; +} + +h2, h3 { + border-bottom: 1px solid; + padding-bottom: 10px; +} + +.text-danger { + color: var(--theme-input-remove-color-light)!important; +} +code { + background: #0b1926; + padding: 2px 5px 2px; + color: var(--theme-input-remove-color-light); +} +.codeblock { + background: #0b1926; + border: none; +} + +.calc-table-group-title-span { + margin-left: -20px; + padding-left: 5px; +} + +.inp-param.form-control { + padding: 14px 20px!important; +} +#calc-table-container { + border-left: none!important; +} +.calc-table-group-title-span { + background-color: var(--theme-sidebar-menu-item-background-color-active)!important; + border: 1px solid transparent!important; +} +.modal-backdrop { + background-color: var(--theme-modal-overlay-background-color)!important; +} +.modal-content.nmpd-grid { + background: var(--theme-modal-background-color); +} +.nmpd-grid button.btn.btn-default { + background: var(--theme-button-primary-background-color); + color: var(--theme-button-primary-text-color); +} +.numpad-footer { + padding-top: 1rem; + margin-top: 1rem; + border-top: 1px solid var(--theme-input-border-color); +} +.numpad-footer .cancel { + width: calc(50% - 10px)!important; + margin-right: 10px!important; +} +.numpad-footer .done { + width: calc(50% - 10px)!important; + margin-left: 10px!important; +} + +.swiper-pagination-bullet-active { + background-color: var(--theme-nav-item-background-color-active)!important; + color: var(--theme-nav-item-text-color-active)!important; +} +.swiper-pagination-bullet { + padding: 14px 0 7px 0!important; +} +.swiper-pagination-bullet:first-of-type { + margin-left: 0!important; +} +.swiper-pagination-bullet:last-of-type { + margin-right: 0!important; +} + +#footer { + color: var(--theme-nav-item-text-color); +} + +*::-webkit-scrollbar { + width: 20px; +} +*::-webkit-scrollbar-track { + background-color: transparent; +} +*::-webkit-scrollbar-thumb { + background-color: var(--theme-scrollbar-thumb-background); + border: 7px solid transparent; + border-radius: 12px; + background-clip: content-box; +} + +@media(max-width:767.99px) { + + #pills-tab-content { + padding: 10px 12px 0 12px; + } + .card { + padding: 10px 10px; + } + .swiper-slide .card.mb-5 { + margin-bottom: 0!important; + } + +} diff --git a/cardano-calculator/assets/css/daedalus-dark.css b/cardano-calculator/assets/css/daedalus-dark.css new file mode 100644 index 0000000..e326a4e --- /dev/null +++ b/cardano-calculator/assets/css/daedalus-dark.css @@ -0,0 +1,265 @@ +/** + +Deadalus Dark Theme + +Copyright (c) 2016 IOHK + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies +of the Software, and to permit persons to whom the Software is furnished to +do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +*/ +:root { + --theme-scrollbar-thumb-background: #536370; + --theme-ada-redemption-headline-color: #e9f4fe; + --theme-ada-redemption-instructions-color: #e9f4fe; + --theme-ada-redemption-success-overlay-background-color: rgba(38, 51, 69, 0.88); + --theme-ada-redemption-success-overlay-border-color: #fafbfc; + --theme-ada-redemption-success-overlay-message-color: #e9f4fe; + --theme-ada-redemption-success-overlay-button-text-color: #e9f4fe; + --theme-ada-redemption-success-overlay-button-text-color-hover: #263345; + --theme-ada-redemption-success-overlay-button-background-color-hover: #e9f4fe; + --theme-ada-redemption-disclaimer-background-color: rgba(171, 23, 0, 0.94); + --theme-ada-redemption-disclaimer-text-color: #fafbfc; + --theme-ada-redemption-disclaimer-button-background-color: #ab1700; + --theme-ada-redemption-disclaimer-button-text-color: #fafbfc; + --theme-ada-redemption-disclaimer-button-background-color-hover: #fafbfc; + --theme-ada-redemption-disclaimer-button-text-color-hover: #ab1700; + --theme-ada-redemption-disclaimer-checkbox-color-check: #fafbfc; + --theme-ada-redemption-disclaimer-checkbox-color-checked: #fafbfc; + --theme-ada-redemption-disclaimer-checkbox-color-after: #ab1700; + --theme-ada-redemption-disclaimer-checkbox-label-color: #fafbfc; + --theme-ada-redemption-disclaimer-button-border-color: #fafbfc; + --theme-ada-redemption-no-wallets-instructions-color: #e9f4fe; + --theme-autocomplete-bg-color: #263345; + --theme-autocomplete-border: 1px solid rgba(102, 122, 138, 0.3); + --theme-autocomplete-border-focus-color: #667a8a; + --theme-autocomplete-placeholder-color: #8793a1; + --theme-autocomplete-search-color: #e9f4fe; + --theme-autocomplete-selected-word-text-color: #fafbfc; + --theme-autocomplete-selected-word-box-background-color: rgba(83, 99, 112, 0.5); + --theme-autocomplete-suggestions-list-border-color: #667a8a; + --theme-autocomplete-suggestions-list-item-bg-color: #263345; + --theme-autocomplete-suggestions-list-item-font-color: #e9f4fe; + --theme-autocomplete-suggestions-list-item-highlight-color: #536370; + --theme-bordered-box-background-color: #263345; + --theme-bordered-box-border: none; + --theme-bordered-box-text-color: #e9f4fe; + --theme-button-primary-background-color: #536370; + --theme-button-primary-background-color-hover: #667a8a; + --theme-button-primary-background-color-active: #495863; + --theme-button-primary-background-color-disabled: rgba(83, 99, 112, 0.3); + --theme-button-primary-text-color-disabled: rgba(233, 244, 254, 0.5); + --theme-button-primary-text-color: #e9f4fe; + --theme-button-flat-background-color: rgba(83, 99, 112, 0.3); + --theme-button-flat-background-color-hover: rgba(102, 122, 138, 0.3); + --theme-button-flat-background-color-active: rgba(73, 88, 99, 0.3); + --theme-button-flat-background-color-disabled: rgba(83, 99, 112, 0.1); + --theme-button-flat-text-color-disabled: rgba(233, 244, 254, 0.3); + --theme-button-flat-text-color: #e9f4fe; + --theme-checkbox-label-color: #e9f4fe; + --theme-checkbox-border-color: #536370; + --theme-checkbox-background-color-checked: #536370; + --theme-select-arrow-color: #606d7b; + --theme-select-arrow-color-open: #e9f4fe; + --theme-select-background-color: #263345; + --theme-select-option-highlight-color: #536370; + --theme-select-option-text-color: #e9f4fe; + --theme-select-options-border-color: #667a8a; + --theme-select-options-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.1); + --theme-choice-tabs-text-color: #e9f4fe; + --theme-choice-tabs-text-color-active: #e9f4fe; + --theme-choice-tabs-bottom-border-color-active: #e9f4fe; + --theme-dialog-choice-tabs-text-color: #e9f4fe; + --theme-dialog-choice-tabs-text-color-active: #e9f4fe; + --theme-dialog-choice-tabs-bottom-border-color-active: #e9f4fe; + --theme-dialog-big-button-background-color: #536370; + --theme-dialog-big-button-border-color: #536370; + --theme-dialog-big-button-label-color: #e9f4fe; + --theme-dialog-big-button-description-color: rgba(233, 244, 254, 0.6); + --theme-dialog-title-color: #e9f4fe; + --theme-input-border-color: rgba(102, 122, 138, 0.3); + --theme-input-label-color: #e9f4fe; + --theme-input-text-color: #e9f4fe; + --theme-input-right-floating-text-color: #8793a1; + --theme-input-placeholder-color: #8793a1; + --theme-input-error-color: #ea4c5b; + --theme-input-remove-color-dark: #d34452; + --theme-input-remove-color-light: #ea4c5b; + --theme-input-remove-color-lighter: #ec5d6b; + --theme-input-remove-color-lightest: #393546; + --theme-input-background-color: #263345; + --theme-input-disabled-background-color: rgba(135, 147, 161, 0.1); + --theme-input-disabled-border-color: rgba(135, 147, 161, 0.1); + --theme-input-focus-border-color: #667a8a; + --theme-main-body-background-color: #0b1926; + --theme-main-body-messages-color: #e9f4fe; + --theme-modal-overlay-background-color: rgba(0, 0, 0, 0.4); + --theme-modal-background-color: #263345; + --theme-nav-item-background-color: #263345; + --theme-nav-item-background-color-hover: rgba(83, 99, 112, 0.1); + --theme-nav-item-background-color-active: #536370; + --theme-nav-item-text-color: #9ba6b3; + --theme-nav-item-text-color-active: #e9f4fe; + --theme-node-update-background-color: #536370; + --theme-node-update-title-color: #e9f4fe; + --theme-node-update-message-color: #e9f4fe; + --theme-node-sync-info-message-background-color: #536370; + --theme-node-sync-info-message-text-color: #e9f4fe; + --theme-node-update-accept-button-background-color: #263345; + --theme-node-update-accept-button-background-color-hover: #34465e; + --theme-node-update-accept-button-background-color-active: #18202b; + --theme-node-update-deny-button-background-color: rgba(38, 51, 69, 0.3); + --theme-node-update-deny-button-background-color-hover: rgba(52, 70, 94, 0.3); + --theme-node-update-deny-button-background-color-active: rgba(24, 32, 43, 0.3); + --theme-node-update-button-text-color: #fafbfc; + --theme-notification-message-background-color: rgba(83, 99, 112, 0.8); + --theme-notification-message-text-color: #fafbfc; + --theme-receive-qr-code-background-color: #fff; + --theme-receive-qr-code-foreground-color: #000; + --theme-send-confirmation-dialog-send-values-color: #ea4c5b; + --theme-paper-wallet-create-certificate-dialog-recovery-phrase-background-color: rgba(233, 244, 254, 0.05); + --theme-paper-wallet-create-certificate-dialog-explorer-link-color: #e9f4fe; + --theme-paper-wallet-create-certificate-dialog-explorer-link-background-color: rgba(233, 244, 254, 0.05); + --theme-settings-body-background-color: #0b1926; + --theme-settings-pane-background-color: #263345; + --theme-settings-pane-border: none; + --theme-settings-menu-box-background-color: #263345; + --theme-settings-menu-box-border: none; + --theme-settings-menu-item-text-color: #cecfd1; + --theme-settings-menu-item-text-color-active: #cecfd1; + --theme-settings-menu-item-text-color-disabled: #7a8691; + --theme-settings-menu-item-background-color-active: #536370; + --theme-settings-menu-item-left-border-color-active: #0b1926; + --theme-settings-theme-select-title-color: #cecfd1; + --theme-sidebar-background-color: #314259; + --theme-sidebar-category-background-color-hover: #263345; + --theme-sidebar-category-background-color-active: #263345; + --theme-sidebar-category-text-color: #e9f4fe; + --theme-sidebar-menu-background-color: #263345; + --theme-sidebar-menu-item-background-color-hover: #1b2430; + --theme-sidebar-menu-item-background-color-active: #1b2430; + --theme-sidebar-menu-item-wallet-name-color: #e9f4fe; + --theme-sidebar-menu-item-wallet-info-color: #bdc0c1; + --theme-sidebar-menu-add-button-background-color-active: #1b2430; + --theme-sidebar-menu-add-button-background-color-hover: #171f29; + --theme-sidebar-menu-add-button-text-color: #e9f4fe; + --theme-staking-background-color: #0b1926; + --theme-staking-content-background-color: #263345; + --theme-staking-content-border-color: #263345; + --theme-staking-font-color-accent: #cecfd1; + --theme-staking-font-color-regular: #0b1926; + --theme-switch-background-color: #536370; + --theme-switch-background-color-checked: #536370; + --theme-switch-thumb-color-checked: #fff; + --theme-switch-label-color: #e9f4fe; + --theme-system-error-overlay-attention-icon-color: #fafbfc; + --theme-system-error-overlay-background-color: rgba(171, 23, 0, 0.94); + --theme-system-error-overlay-button-background-color: #ab1700; + --theme-system-error-overlay-button-background-color-hover: #fafbfc; + --theme-system-error-overlay-button-border-color: #fafbfc; + --theme-system-error-overlay-button-text-color: #fafbfc; + --theme-system-error-overlay-button-text-color-hover: #ab1700; + --theme-system-error-overlay-text-color: #fafbfc; + --theme-test-environment-label-background-color: #ab1700; + --theme-test-environment-label-text-color: #fafbfc; + --theme-topbar-background-color: #263345; + --theme-topbar-wallet-name-color: #e9f4fe; + --theme-topbar-wallet-info-color: #e9f4fe; + --theme-topbar-layout-body-background-color: #0b1926; + --theme-transactions-list-background-color: #263345; + --theme-transactions-list-border-color: #263345; + --theme-transactions-list-group-date-color: #7a8691; + --theme-transactions-list-item-details-color: #e9f4fe; + --theme-transactions-card-background-color: #e6ebf2; + --theme-transactions-card-income-background-color: #e6ebf2; + --theme-transactions-card-expend-background-color: #f2e6e6; + --theme-transactions-card-exchange-background-color: #f2e6e6; + --theme-transactions-state-failed-background-color: rgba(189, 197, 206, 0.4); + --theme-transactions-state-failed-text-color: rgba(233, 244, 254, 0.4); + --theme-transactions-state-pending-background-color: rgba(189, 197, 206, 0.4); + --theme-transactions-state-pending-stripes-color: rgba(78, 98, 128, 0.5); + --theme-transactions-priority-color: rgba(250, 251, 252, 0.8); + --theme-transactions-priority-low-background-color: #542A2B; + --theme-transactions-priority-medium-background-color: #706233; + --theme-transactions-priority-heigh-background-color: #274C2D; + --theme-transactions-search-background-color: #fafbfc; + --theme-transactions-icon-type-expend-background-color: #4f5f7a; + --theme-transactions-icon-type-income-background-color: #3b6956; + --theme-transactions-icon-type-exchange-background-color: #10aca4; + --theme-transactions-icon-type-failed-background-color: rgba(234, 76, 91, 0.5); + --theme-uploader-text-color: #e9f4fe; + --theme-uploader-border-color: rgba(102, 122, 138, 0.3); + --theme-icon-nav-color: #9ba6b3; + --theme-icon-nav-color-active: #e9f4fe; + --theme-icon-sidebar-color: #fafbfc; + --theme-icon-toggle-menu-color: #fafbfc; + --theme-icon-node-update-notification-arrow-color: #e9f4fe; + --theme-icon-add-wallet-from-sidebar-color: #fafbfc; + --theme-icon-ada-redemption-attention-color: #fafbfc; + --theme-icon-ada-redemption-success-color: #fafbfc; + --theme-icon-ada-redemption-certificate-color: #9eabbb; + --theme-icon-ada-redemption-no-wallets: #e9f4fe; + --theme-icon-ada-summary-wallet-amount-symbol-color: #e9f4fe; + --theme-icon-ada-summary-wallet-pending-confirmation-symbol-color: #e9f4fe; + --theme-icon-add-wallet-dialog-big-button-color: rgba(233, 244, 254, 0.8); + --theme-icon-copy-address-color: #8793a1; + --theme-icon-back-button-color: #e9f4fe; + --theme-icon-close-button-color: #e9f4fe; + --theme-icon-file-upload-color: #8793a1; + --theme-icon-transactions-ada-symbol-color: #e9f4fe; + --theme-icon-syncing-logo-color: #e9f4fe; + --theme-icon-connecting-logo-color: #fafbfc; + --theme-icon-transaction-type-color: #fafbfc; + --theme-about-window-background-color: #263345; + --theme-about-window-header-bottom-border-color: rgba(233, 244, 254, 0.3); + --theme-about-window-daedalus-icon-color: #e9f4fe; + --theme-about-window-cardano-icon-color: #e9f4fe; + --theme-about-window-title-varsion-color: #e9f4fe; + --theme-about-window-title-stroke-color: #e9f4fe; + --theme-about-window-content-text-color: #e9f4fe; + --theme-about-window-content-bottom-border-color: rgba(233, 244, 254, 0.3); + --theme-about-window-copyright-color: #e9f4fe; + --theme-backup-mnemonic-background-color: rgba(233, 244, 254, 0.05); + --theme-block-generation-info-color: #5e6066; + --theme-report-issue-button-background-color: #536370; + --theme-report-issue-button-background-color-hover: #667a8a; + --theme-report-issue-button-background-color-active: #495863; + --theme-report-issue-connecting-background-color: rgba(250, 251, 252, 0.05); + --theme-report-issue-connecting-text-color: #e9f4fe; + --theme-report-issue-syncing-background-color: rgba(250, 251, 252, 0.05); + --theme-report-issue-syncing-text-color: #e9f4fe; + --theme-connecting-background-color: #263345; + --theme-connecting-text-color: #fff; + --theme-syncing-background-color: #0b1926; + --theme-syncing-text-color: #e9f4fe; + --theme-error-color: #ea4c5b; + --theme-instructions-text-color: #e9f4fe; + --theme-label-button-color: #8793a1; + --theme-loading-background-color: #0b1926; + --theme-mnemonic-background-color: rgba(83, 99, 112, 0.3); + --theme-mnemonic-background-color-hover: rgba(102, 122, 138, 0.3); + --theme-separation-border-color: #334152; + --theme-support-settings-text-color: #e9f4fe; + --theme-support-settings-link-color: #20b56b; + --theme-terms-of-use-text-color: #e9f4fe; + --theme-wallet-password-switch-label-color: #e9f4fe; + --theme-password-toggler-color: #8793a1; + --theme-loading-spinner-color: #e9f4fe; + --theme-progress-bar-background-color: rgba(233, 244, 254, 0.3); + --theme-progress-bar-foreground-color: rgba(233, 244, 254, 0.7); +} diff --git a/cardano-calculator/assets/css/vendor/fontello/font/fontello.eot b/cardano-calculator/assets/css/vendor/fontello/font/fontello.eot new file mode 100644 index 0000000..65ea073 Binary files /dev/null and b/cardano-calculator/assets/css/vendor/fontello/font/fontello.eot differ diff --git a/cardano-calculator/assets/css/vendor/fontello/font/fontello.svg b/cardano-calculator/assets/css/vendor/fontello/font/fontello.svg new file mode 100644 index 0000000..696621f --- /dev/null +++ b/cardano-calculator/assets/css/vendor/fontello/font/fontello.svg @@ -0,0 +1,28 @@ + + + \ No newline at end of file diff --git a/cardano-calculator/assets/css/vendor/fontello/font/fontello.ttf b/cardano-calculator/assets/css/vendor/fontello/font/fontello.ttf new file mode 100644 index 0000000..fcb0f83 Binary files /dev/null and b/cardano-calculator/assets/css/vendor/fontello/font/fontello.ttf differ diff --git a/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff b/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff new file mode 100644 index 0000000..97476b3 Binary files /dev/null and b/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff differ diff --git a/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff2 b/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff2 new file mode 100644 index 0000000..bd77ad3 Binary files /dev/null and b/cardano-calculator/assets/css/vendor/fontello/font/fontello.woff2 differ diff --git a/cardano-calculator/assets/css/vendor/fontello/fontello.css b/cardano-calculator/assets/css/vendor/fontello/fontello.css new file mode 100644 index 0000000..68a8ab4 --- /dev/null +++ b/cardano-calculator/assets/css/vendor/fontello/fontello.css @@ -0,0 +1,45 @@ +@font-face { + font-family: 'fontello'; + src: url('fontello.eot?25153322'); + src: url('fontello.eot?25153322#iefix') format('embedded-opentype'), url('font/fontello.woff?25153322') format('woff'), url('font/fontello.ttf?25153322') format('truetype'), url('font/fontello.svg?25153322#fontello') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} + +.icon-th-large-outline:before { content: '\e800'; } +.icon-cancel-alt-filled:before { content: '\e801'; } +.icon-block:before { content: '\e802'; } +.icon-minus-1:before { content: '\e803'; } +.icon-divide:before { content: '\e804'; } +.icon-plus-1:before { content: '\e805'; } +.icon-cancel-1:before { content: '\e806'; } +.icon-ok:before { content: '\e807'; } +.icon-arrows-cw:before { content: '\e808'; } diff --git a/cardano-calculator/assets/hbs/calc_table.hbs b/cardano-calculator/assets/hbs/calc_table.hbs index 1706457..1d1b4c6 100644 --- a/cardano-calculator/assets/hbs/calc_table.hbs +++ b/cardano-calculator/assets/hbs/calc_table.hbs @@ -30,7 +30,6 @@ +
Warning! Presented results are not a promise of future profits! All they show is what APPROXIMATE amount of reward a person could receive ON AVERAGE diff --git a/cardano-calculator/assets/js/cardano-calculator.js b/cardano-calculator/assets/js/cardano-calculator.js index 3a8b413..10a2c52 100644 --- a/cardano-calculator/assets/js/cardano-calculator.js +++ b/cardano-calculator/assets/js/cardano-calculator.js @@ -255,19 +255,19 @@ function initNumpad() { $.fn.numpad.defaults.backgroundTpl = '
'; $.fn.numpad.defaults.displayTpl = ''; $.fn.numpad.defaults.rowTpl = ''; - $.fn.numpad.defaults.rowFooter = 'All information for calculations are taken from these documents:
+INFL - the level of inflation in yearly percentile reserve decreaseYEAR - number of full years since the launch of the stakingSTAKE - your stake in coinsTOTAL_STAKE - total stake in the system in coinsTX_EPOCH - average number of transactions each epoch (5 days)TX_SIZE - average size of a transactionTAX - the percentage of profits taxed towards the treasuryPOOL_FEE - the percentage of profits that pool takes as a feeAll information for calculations are taken from these documents:
-
- MINT = 13,887,515,354 * (1 - INFL)YEAR * inflation
- FEES = ((73 * TX_EPOCH) * 0.155381) + ((73 * TX_EPOCH) * TX_SIZE * 0.000043946)
- RESULT = (((MINT + FEES) - TAX) * (STAKE / TOTAL_STAKE)) - POOL_FEE
-
+
- INFL - the level of inflation in yearly percentile reserve decreaseYEAR - number of full years since the launch of the stakingSTAKE - your stake in coinsTOTAL_STAKE - total stake in the system in coinsTX_EPOCH - average number of transactions each epoch (5 days)TX_SIZE - average size of a transactionTAX - the percentage of profits taxed towards the treasuryPOOL_FEE - the percentage of profits that pool takes as a feeFirst we calculate how much coins will be issued this year as an inflation:
+
+ MINT = 13,887,515,354 * (1 - INFL)YEAR * inflation
+ FEES = ((73 * TX_EPOCH) * 0.155381) + ((73 * TX_EPOCH) * TX_SIZE * 0.000043946)
+ RESULT = (((MINT + FEES) - TAX) * (STAKE / TOTAL_STAKE)) - POOL_FEE
+
-
- MINT = 13,887,515,354 * (1 - INFL)YEAR * INFL
-
+ The 13 billions number is taken from the monetary policy and represents the total reserve - of coins not issued from the beginning. These coins will be gradually issued thru minting - using formula above to calculate the amount. Formula is taken from the staking explanation post.
+For example: if we take an arbitrary example of 5% reserve decrease, and calculated it for the - second year (1 whole year after launch), then it would give us:
+First we calculate how much coins will be issued this year as an inflation:
-
- 13,887,515,354 * (1 - 5%)1 * 5% = 659,656,979.315
-
+
+ MINT = 13,887,515,354 * (1 - INFL)YEAR * INFL
+
- Just under 660 millions of newly minted ADA in the second year of staking.
+The 13 billions number is taken from the monetary policy and represents the total reserve + of coins not issued from the beginning. These coins will be gradually issued thru minting + using formula above to calculate the amount. Formula is taken from the staking explanation post.
-The MINT value now gives us notion of how much new coins will
- be issued to reward people. But there are also fees that users pay to send coins or execute any
- transactions. Total fees for the whole year are calculated like this:
For example: if we take an arbitrary example of 5% reserve decrease, and calculated it for the + second year (1 whole year after launch), then it would give us:
-
+ 13,887,515,354 * (1 - 5%)1 * 5% = 659,656,979.315
+
-
- TX_YEAR = 73 * TX_EPOCH
- FIXED_FEES = TX_YEAR * 0.155381
- SIZE_FEES = TX_YEAR * TX_SIZE * 0.000043946
- FEES = FIXED_FEES + SIZE_FEES
-
+ Just under 660 millions of newly minted ADA in the second year of staking.
-TX_YEAR gives us the average number of transactions for the whole year.
- One year consists of 73 epochs. For now it's fixed, but in theory also may change.
- Best practice would be to make it a separate parameter EPOCH_YEAR
The MINT value now gives us notion of how much new coins will
+ be issued to reward people. But there are also fees that users pay to send coins or execute any
+ transactions. Total fees for the whole year are calculated like this:
FIXED_FEES is the number of all transactions per year multiplied by
- the fixed transaction cost as described in the staking explanation post.
- It also might change in the future so would be best to define parameter TX_FEE_FIXED
SIZE_FEES is the sum of all bytes of all transactions per year multiplied by
- the byte cost as described in the staking explanation post.
- It also might change in the future so would be best to define parameter TX_FEE_PER_BYTE
For example: if we take current average number of transaction from - the actual tracker it would be around 15,000. - And if we take an average transaction size to be 458 byte, as can be seen in the statistics. - Then we could calculate:
+
+ TX_YEAR = 73 * TX_EPOCH
+ FIXED_FEES = TX_YEAR * 0.155381
+ SIZE_FEES = TX_YEAR * TX_SIZE * 0.000043946
+ FEES = FIXED_FEES + SIZE_FEES
+
-
- TX_YEAR = 73 * 15,000 = 1,095,000
- FIXED_FEES = 1,095,000 * 0.155381 = 170,142.195
- SIZE_FEES = 1,095,000 * 458 * 0.000043946 = 22,039.35846
- FEES = 170,142.195 + 22,039.35846 = 192,181.55346
-
+ TX_YEAR gives us the average number of transactions for the whole year.
+ One year consists of 73 epochs. For now it's fixed, but in theory also may change.
+ Best practice would be to make it a separate parameter EPOCH_YEAR
FIXED_FEES is the number of all transactions per year multiplied by
+ the fixed transaction cost as described in the staking explanation post.
+ It also might change in the future so would be best to define parameter TX_FEE_FIXED
SIZE_FEES is the sum of all bytes of all transactions per year multiplied by
+ the byte cost as described in the staking explanation post.
+ It also might change in the future so would be best to define parameter TX_FEE_PER_BYTE
For example: if we take current average number of transaction from + the actual tracker it would be around 15,000. + And if we take an average transaction size to be 458 byte, as can be seen in the statistics. + Then we could calculate:
-
- UNTAXED_REWARD = MINT + FEES
- TAXED_REWARD = UNTAXED_REWARD - TAX
-
+
+ TX_YEAR = 73 * 15,000 = 1,095,000
+ FIXED_FEES = 1,095,000 * 0.155381 = 170,142.195
+ SIZE_FEES = 1,095,000 * 458 * 0.000043946 = 22,039.35846
+ FEES = 170,142.195 + 22,039.35846 = 192,181.55346
+
- UNTAXED_REWARD is the total pool of reward for all stakers in the system, but before
- tax is subtracted. Once we subtract some percentage of the total pool into treasury -
- we get the final TAXED_REWARD - total reward distributed among all stakers.
For example: if we take TAX to be 20% just as
- an arbitrary rational example (IOHK proposed 20% tax for ETC, but it might end up
- being be 25% for Cardano, or some other number), then calculations would go like:
- UNTAXED_REWARD = 659,656,979.315 + 192,181.55346 = 659,849,160.868
- TAXED_REWARD = 659,849,160.868 - 20% = 527,879,328.694
- SHARE = STAKE / TOTAL_STAKE
- REWARD_SHARE = TAXED_REWARD * SHARE
-
+
+ UNTAXED_REWARD = MINT + FEES
+ TAXED_REWARD = UNTAXED_REWARD - TAX
+
- Any arbitrary staker (in the pool or not) may calculate his AVERAGE share of the rewards,
- by calculating his SHARE in the total stake of the system.
- This parameter of the total stake is actually the most important one, because
- it directly and in the most significant way affects how much coins a user will receive
- by staking the same amount of coins. The lower total stake - the greater you share
- can be with the same coins staked.
UNTAXED_REWARD is the total pool of reward for all stakers in the system, but before
+ tax is subtracted. Once we subtract some percentage of the total pool into treasury -
+ we get the final TAXED_REWARD - total reward distributed among all stakers.
For example: if we take TOTAL_STAKE to be 15 billion (just as
- an arbitrary completely random example, no one knows how many actual coins will be staked) and
- we take out stake to be 42 thousand coins, then calculations would go like:
For example: if we take TAX to be 20% just as
+ an arbitrary rational example (IOHK proposed 20% tax for ETC, but it might end up
+ being be 25% for Cardano, or some other number), then calculations would go like:
- SHARE = 42,000 / 15,000,000,000 = 0.0000028
- REWARD_SHARE = 527,879,328.694 * 0.0000028 = 1,478.06212
-
+
+ UNTAXED_REWARD = 659,656,979.315 + 192,181.55346 = 659,849,160.868
+ TAXED_REWARD = 659,849,160.868 - 20% = 527,879,328.694
+ SHARE = STAKE / TOTAL_STAKE
+ REWARD_SHARE = TAXED_REWARD * SHARE
+
- This shows us that a person with a 42K coins stacked would receive ROUGHLY - about 1,478.06212 in a year, but ONLY IF there would be 15 billions of total stake.
+Any arbitrary staker (in the pool or not) may calculate his AVERAGE share of the rewards,
+ by calculating his SHARE in the total stake of the system.
+ This parameter of the total stake is actually the most important one, because
+ it directly and in the most significant way affects how much coins a user will receive
+ by staking the same amount of coins. The lower total stake - the greater you share
+ can be with the same coins staked.
For example: if we take TOTAL_STAKE to be 15 billion (just as
+ an arbitrary completely random example, no one knows how many actual coins will be staked) and
+ we take out stake to be 42 thousand coins, then calculations would go like:
- RESULT_REWARD = 1,478.06212 - 5% = 1,404.159014
-
+
+ SHARE = 42,000 / 15,000,000,000 = 0.0000028
+ REWARD_SHARE = 527,879,328.694 * 0.0000028 = 1,478.06212
+
- Pools might take fees of different size and they will define those at the moment - of the pool registration. For example: if we take a completely arbitrary number of 5%, - then calculations would go like:
+This shows us that a person with a 42K coins stacked would receive ROUGHLY + about 1,478.06212 in a year, but ONLY IF there would be 15 billions of total stake.
-This gives us the final APPROXIMATE yearly profit of 1,404.159014 for a 42K stake, or 3.34%.
+
+ RESULT_REWARD = 1,478.06212 - 5% = 1,404.159014
+
Pools might take fees of different size and they will define those at the moment + of the pool registration. For example: if we take a completely arbitrary number of 5%, + then calculations would go like:
+ +This gives us the final APPROXIMATE yearly profit of 1,404.159014 for a 42K stake, or 3.34%.
+Presented results are not a promise of future profits! - All they show is what APPROXIMATE amount of reward a person could receive ON AVERAGE - in the selected period of time (specific year) ONLY IF actual behavior of the system - would somewhat match WITH PARAMETERS SELECTED ABOVE!
+This project is strictly educational. These results just demonstrate how the formula works, and the formula is somewhat similar - to the one that will be used in the Cardano reward calculation protocol.
+As soon as any new information about the incentives system becomes available - I will update - the default parameters or the formula in this calculator. Subscribe to the informational channels, - and look out for announcements.
+Presented results are not a promise of future profits! + All they show is what APPROXIMATE amount of reward a person could receive ON AVERAGE + in the selected period of time (specific year) ONLY IF actual behavior of the system + would somewhat match WITH PARAMETERS SELECTED ABOVE!
-This project is strictly educational. These results just demonstrate how the formula works, and the formula is somewhat similar + to the one that will be used in the Cardano reward calculation protocol.
-See the Formula page to find - detailed explanation of why all those parameters are needed.Basically, after seeing this calculator - and explanation of its functionality, if someone shows you a calculator with fewer parameters - - you may be sure they are hiding something. There are some yet undefined parameters they are not showing to you.
-That's it. All those parameters are required to derive the final value. - And there's no definite value for them exist yet (or ever) like with the fixed fee cost.
+As soon as any new information about the incentives system becomes available - I will update + the default parameters or the formula in this calculator. Subscribe to the informational channels, + and look out for announcements.
-The amount of somewhat stable total stake in the system is not known at this point - and will also change in time (but not as a predictable function) until it converges - to some more or less stable value (in percentage) and will show only slight fluctuations from there on.
-The total stake is one of 2 most important parameters - along with your own stake. - These two parameters are basically decide how much you will profit, because they directly define - your share in total stake - and this value directly shows how much of yearly - inflation and yearly fees will go to you.
-So for now - there's absolutely zero available data to decide what the total stake would be in the - year one, or year two, or later on. For a real-world example we can take the "Waves" Proof-of-Stake platform - that has total stake of ~60% of its supply. - So the 15 billion number is taken completely arbitrarily just as middle ground - around 50% of supply. The main point is to SHOW you how this value affects the rewards. - So try to move it around and just plan ahead what you profits would be if the total - stake would be at this value.
-It might as well be lower in reality. But might as well be more.
+See the Formula page to find + detailed explanation of why all those parameters are needed.Basically, after seeing this calculator + and explanation of its functionality, if someone shows you a calculator with fewer parameters - + you may be sure they are hiding something. There are some yet undefined parameters they are not showing to you.
+That's it. All those parameters are required to derive the final value. + And there's no definite value for them exist yet (or ever) like with the fixed fee cost.
-Year needed, eh?The Year parameter is required, since all the other monetary
- behavior of the system changes in time - inflation decreases with total supply, fixed block
- reward changes, etc. Any calculation that does not include time may only demonstrate you a "splice"
- of time, for example, only the first year of staking.
The amount of somewhat stable total stake in the system is not known at this point + and will also change in time (but not as a predictable function) until it converges + to some more or less stable value (in percentage) and will show only slight fluctuations from there on.
+The total stake is one of 2 most important parameters - along with your own stake. + These two parameters are basically decide how much you will profit, because they directly define + your share in total stake - and this value directly shows how much of yearly + inflation and yearly fees will go to you.
+So for now - there's absolutely zero available data to decide what the total stake would be in the + year one, or year two, or later on. For a real-world example we can take the "Waves" Proof-of-Stake platform + that has total stake of ~60% of its supply. + So the 15 billion number is taken completely arbitrarily just as middle ground + around 50% of supply. The main point is to SHOW you how this value affects the rewards. + So try to move it around and just plan ahead what you profits would be if the total + stake would be at this value.
+It might as well be lower in reality. But might as well be more.
-Year starts with 2019, eh?Year needed, eh?The official date of staking release in Cardano is not defined yet, but it's somewhere in the fall of 2018. - Since profits are calculated only yearly anyways (for now) and to make controls easier and more concise - - it was decided to simply place 2019 as a first full year of staking. Basically, you can think - of that date as: "the first year when I will receive my yearly profits".
+The Year parameter is required, since all the other monetary
+ behavior of the system changes in time - inflation decreases with total supply, fixed block
+ reward changes, etc. Any calculation that does not include time may only demonstrate you a "splice"
+ of time, for example, only the first year of staking.
Year starts with 2019, eh?Yes, see the roadmap.
+The official date of staking release in Cardano is not defined yet, but it's somewhere in the fall of 2018. + Since profits are calculated only yearly anyways (for now) and to make controls easier and more concise - + it was decided to simply place 2019 as a first full year of staking. Basically, you can think + of that date as: "the first year when I will receive my yearly profits".
-See the roadmap in case it's already planned, - or propose new features here.
+Yes, see the roadmap.
-See the roadmap in case it's already planned, + or propose new features here.
As mentioned in the disclaimer:
+ +Main points of this project are:
+ +This project is educational! Remember this project if someone shows you a calculator + with a couple of fields and a single question of how big your stake is. Or if someone tries to + get an easy answer of "what the profit percentage will be" - show them this calculator.
+Also it provides a nice place for the formula explanations with an immediate example.
+ +This calculator is in the initial state. It was developed extremely fast with the + main point ot get the formula and the example to people as soon as possible. There are many + potential additional calculations possible, so project is planned for some support in the near future.
+ + +To ask development questions or propose features, you use:
+ +
+ Initially this website had awful simplistic design (or it's absence).
+ And this sections contained an invitation for anyone who can do all this stuff to help the project and to contribute
+ into improving the design. Completely out of nowhere anonymous user DEFAULTERROR1
+ opened a pull-request
+ that majorly changed the whole layout of the website and turned it into the beauty it is today.
+
+ To this day I don't know who the DEFAULTERROR1 really are, but he always will be one of the greatest
+ and appreciated contributors to this website. He saw the opportunity to help - and he took it.
+ Be like DEFAULTERROR1 :)
+
+ UPD: New additional kudos to DEFAULTERROR1 for contributing the `NumPad` feature for mobile layout!
+
If anyone wants to help with all of this, there are options:
+ +As mentioned in the disclaimer:
- -Main points of this project are:
- -This project is educational! Remember this project if someone shows you a calculator - with a couple of fields and a single question of how big your stake is. Or if someone tries to - get an easy answer of "what the profit percentage will be" - show them this calculator.
-Also it provides a nice place for the formula explanations with an immediate example.
- -This calculator is in the initial state. It was developed extremely fast with the - main point ot get the formula and the example to people as soon as possible. There are many - potential additional calculations possible, so project is planned for some support in the near future.
- - -To ask development questions or propose features, you use:
- -
- Initially this website had awful simplistic design (or it's absence).
- And this sections contained an invitation for anyone who can do all this stuff to help the project and to contribute
- into improving the design. Completely out of nowhere anonymous user DEFAULTERROR1
- opened a pull-request
- that majorly changed the whole layout of the website and turned it into the beauty it is today.
-
- To this day I don't know who the DEFAULTERROR1 really are, but he always will be one of the greatest
- and appreciated contributors to this website. He saw the opportunity to help - and he took it.
- Be like DEFAULTERROR1 :)
-
- UPD: New additional kudos to DEFAULTERROR1 for contributing the `NumPad` feature for mobile layout!
-
If anyone wants to help with all of this, there are options:
- -- Propose new features here - or - - vote on existing features here. -
- -+ Propose new features here + or + + vote on existing features here. +
+ +