From 82cd123632de33ac3fc054f8d8f6a7a67182bd35 Mon Sep 17 00:00:00 2001 From: William O'Beirne Date: Wed, 7 Feb 2018 18:22:31 -0500 Subject: [PATCH] Update Header & Footer (#1020) * Adjust header styles. * Update footer. * tscheck * Convert header to jpg for mad file size savings. --- common/assets/images/header-bg.jpg | Bin 0 -> 12428 bytes common/components/Footer/Disclaimer.tsx | 86 ++++++++++++ common/components/Footer/index.scss | 61 +++++---- common/components/Footer/index.tsx | 126 +++--------------- .../Header/components/Navigation.scss | 2 +- .../components/Header/components/Version.tsx | 6 - common/components/Header/index.scss | 9 +- common/components/Header/index.tsx | 5 - common/sass/mixins.scss | 5 - 9 files changed, 149 insertions(+), 151 deletions(-) create mode 100644 common/assets/images/header-bg.jpg create mode 100644 common/components/Footer/Disclaimer.tsx delete mode 100644 common/components/Header/components/Version.tsx diff --git a/common/assets/images/header-bg.jpg b/common/assets/images/header-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..03317e17301790b5c84c82ee11e3a3b9ab4a3230 GIT binary patch literal 12428 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 Ud1vsoU|zmj&%4*z|33bI09iAqQ~&?~ literal 0 HcmV?d00001 diff --git a/common/components/Footer/Disclaimer.tsx b/common/components/Footer/Disclaimer.tsx new file mode 100644 index 00000000..fbaf6635 --- /dev/null +++ b/common/components/Footer/Disclaimer.tsx @@ -0,0 +1,86 @@ +import React from 'react'; +import Modal, { IButton } from 'components/ui/Modal'; +import { HelpLink } from 'components/ui'; +import { HELP_ARTICLE } from 'config'; + +interface State { + isOpen: boolean; +} + +export default class DisclaimerModal extends React.Component<{}, State> { + public state: State = { + isOpen: false + }; + + public render() { + const buttons: IButton[] = [{ text: 'Okay', type: 'default', onClick: this.closeModal }]; + return ( + + + +

+ Be safe & secure: + + We highly recommend that you read our guide on How to Prevent Loss & Theft for some + recommendations on how to be proactive about your security. + +

+

+ Always backup your keys: + MyCrypto.com & MyCrypto CX are not "web wallets". You do not create an account or give + us your funds to hold onto. No data leaves your computer / your browser. We make it easy + for you to create, save, and access your information and interact with the blockchain. +

+

+ We are not responsible for any loss: + Ethereum, MyCrypto.com & MyCrypto CX, and some of the underlying Javascript libraries we + use are under active development. While we have thoroughly tested & tens of thousands of + wallets have been successfully created by people all over the globe, there is always the + possibility something unexpected happens that causes your funds to be lost. Please do + not invest more than you are willing to lose, and please be careful. +

+

+ Translations of MyCrypto: + The community has done an amazing job translating MyCrypto into a variety of languages. + However, MyCrypto can only verify the validity and accuracy of the information provided + in English and, because of this, the English version of our website is the official + text. +

+

+ MIT License Copyright © 2015-2017 MyCrypto LLC +

+

+ 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. + + + + ); + } + + private openModal = () => this.setState({ isOpen: true }); + private closeModal = () => this.setState({ isOpen: false }); +} diff --git a/common/components/Footer/index.scss b/common/components/Footer/index.scss index e8af032f..92a9c282 100644 --- a/common/components/Footer/index.scss +++ b/common/components/Footer/index.scss @@ -11,6 +11,7 @@ justify-content: space-around; text-align: center; align-items: center; + border-top: 3px solid $brand-primary; @media (min-width: $screen-sm-min) { flex-direction: row; @@ -23,7 +24,12 @@ } &-social-media-wrap { - margin-top: 32px; + margin-top: $space; + + @media (min-width: $screen-sm-min) { + margin-top: $space-md; + } + & .Footer-social-media-link { transition: opacity 0.3s; color: white; @@ -40,24 +46,23 @@ } } - &-affiliate-wrap { - & .Footer-affiliate-tag { - background-color: #0e97c0; - display: inline-block; - padding: 4px 12px; - border-radius: 30px; - margin: 0rem 0.5rem 0.5rem 0px; - transition: color 0.3s, background-color 0.3s; + // Don't use &, needs to override styles + .Footer-affiliate-tag { + background-color: #0e97c0; + display: inline-block; + padding: 4px 12px; + border-radius: 30px; + margin: 0rem 0.5rem 0.5rem 0px; + transition: color 0.3s, background-color 0.3s; + &:hover { + background-color: white; + color: #0e97c0; + } + & a { + transition: color 0s; + color: inherit; &:hover { - background-color: white; - color: #0e97c0; - } - & a { - transition: color 0s; color: inherit; - &:hover { - color: inherit; - } } } } @@ -69,10 +74,10 @@ &-about { &-logo { width: 100%; - padding: 0 10px; + padding: 0 10px 0 0; padding-top: 0; height: auto; - max-width: 20rem; + max-width: 12rem; } &-text { max-width: 50ch; @@ -84,7 +89,7 @@ &-info { & > a { display: block; - font-size: 0.9rem; + font-size: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } @@ -104,6 +109,12 @@ } } + &-copyright { + &-spacer { + margin: 0 $space-xs; + } + } + p { margin: $space-xs 0 $space-sm; } @@ -122,26 +133,22 @@ h5 { font-size: $font-size-bump; - margin: $font-size-small 0 0; + margin: $space-md 0; i { margin-right: 0.25em; - - @media (min-width: $screen-sm-min) { - margin-left: -1.5em; - } } } ul { list-style: none; padding-left: 0; - margin: 0 0 $space-xs 0; + margin: 0 0 $space-md 0; } li, p { - font-size: $font-size-small; + font-size: 0.8rem; margin: $space-sm 0; } } diff --git a/common/components/Footer/index.tsx b/common/components/Footer/index.tsx index 1dfa4a89..6373bb63 100644 --- a/common/components/Footer/index.tsx +++ b/common/components/Footer/index.tsx @@ -1,6 +1,5 @@ import logo from 'assets/images/logo-mycrypto.svg'; import { - bityReferralURL, ledgerReferralURL, trezorReferralURL, bitboxReferralURL, @@ -12,7 +11,7 @@ import React from 'react'; import translate from 'translations'; import './index.scss'; import PreFooter from './PreFooter'; -import Modal, { IButton } from 'components/ui/Modal'; +import Disclaimer from './Disclaimer'; import { NewTabLink } from 'components/ui'; import OnboardModal from 'containers/OnboardModal'; @@ -65,6 +64,15 @@ const SOCIAL_MEDIA: Link[] = [ ]; const PRODUCT_INFO: Link[] = [ + { + link: knowledgeBaseURL, + text: 'Knowledge Base' + }, + { + link: 'https://www.mycrypto.com/helpers.html', + text: 'Helpers & ENS Debugging' + }, + { link: 'https://github.com/MyCryptoHQ/MyCrypto', text: 'Github: Current Site' @@ -78,11 +86,6 @@ const PRODUCT_INFO: Link[] = [ text: 'Github: Latest Release' }, - { - link: - 'https://chrome.google.com/webstore/detail/myetherwallet-cx/nlbmnnijcnlegkjjpcfjclmcfggfefdm?hl=en', - text: 'MyEtherWallet Extension' - }, { link: 'https://chrome.google.com/webstore/detail/etheraddresslookup/pdknmigbbbhmllnmgdfalmedcmcefdfn', @@ -99,26 +102,8 @@ interface Props { latestBlock: string; } -interface State { - isOpen: boolean; -} - -export default class Footer extends React.PureComponent { - constructor(props: Props) { - super(props); - this.state = { isOpen: false }; - } - - public openModal = () => { - this.setState({ isOpen: true }); - }; - - public closeModal = () => { - this.setState({ isOpen: false }); - }; - +export default class Footer extends React.PureComponent { public render() { - const buttons: IButton[] = [{ text: 'Okay', type: 'default', onClick: this.closeModal }]; return (
@@ -137,94 +122,23 @@ export default class Footer extends React.PureComponent {

{translate('FOOTER_1')}

- Knowledge Base - - Helpers & ENS Debugging - - - -

- Be safe & secure: - - We highly recommend that you read our guide on How to Prevent Loss & Theft for - some recommendations on how to be proactive about your security. - -

-

- Always backup your keys: - MyCrypto.com & MyCrypto CX are not "web wallets". You do not create an account or - give us your funds to hold onto. No data leaves your computer / your browser. We - make it easy for you to create, save, and access your information and interact with - the blockchain. -

-

- We are not responsible for any loss: - Ethereum, MyCrypto.com & MyCrypto CX, and some of the underlying Javascript - libraries we use are under active development. While we have thoroughly tested & - tens of thousands of wallets have been successfully created by people all over the - globe, there is always the possibility something unexpected happens that causes your - funds to be lost. Please do not invest more than you are willing to lose, and please - be careful. -

-

- Translations of MyCrypto: - The community has done an amazing job translating MyCrypto into a variety of - languages. However, MyCrypto can only verify the validity and accuracy of the - information provided in English and, because of this, the English version of our - website is the official text. -

-

- MIT License Copyright © 2015-2017 MyCrypto LLC -

-

- 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. - - -

Latest Block#: {this.props.latestBlock}

-

v{VERSION}

-

© {new Date().getFullYear()} MyCrypto, LLC

+

+ © {new Date().getFullYear()} MyCrypto, LLC{' '} + · v{VERSION} +

+ +
-
- - You can support us by supporting our blockchain-family. -
-

Consider using our affiliate links to

-
    - -
-

Buy a

-
    +
    You can support us by buying a...
    +
    +
    {translate('FOOTER_2')} diff --git a/common/components/Header/components/Navigation.scss b/common/components/Header/components/Navigation.scss index 4b8b5ef2..989bfccf 100644 --- a/common/components/Header/components/Navigation.scss +++ b/common/components/Header/components/Navigation.scss @@ -4,7 +4,7 @@ width: 100%; position: relative; overflow-y: hidden; - border-top: .25rem solid $brand-primary; + border-top: 3px solid $brand-primary; transition: border 300ms ease; background: #fff; border-bottom: 1px solid #eee; diff --git a/common/components/Header/components/Version.tsx b/common/components/Header/components/Version.tsx deleted file mode 100644 index f50feba8..00000000 --- a/common/components/Header/components/Version.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import React from 'react'; -import { VERSION } from 'config/data'; - -const Version: React.SFC<{}> = () =>
    v{VERSION}
    ; - -export default Version; diff --git a/common/components/Header/index.scss b/common/components/Header/index.scss index 6611434f..24af876a 100644 --- a/common/components/Header/index.scss +++ b/common/components/Header/index.scss @@ -80,10 +80,15 @@ $small-size: 900px; &-branding { color: white; padding: 0; - @include bg-gradient; + background: #274e7e; + background-image: url('~assets/images/header-bg.jpg'), + linear-gradient(130deg, #37709e, #274e7e); + background-size: cover; + background-position: left; @include small-query { text-align: center; + background-position: center; } &-inner { @@ -106,6 +111,8 @@ $small-size: 900px; width: auto; padding: 8px; padding-right: 0; + filter: drop-shadow(0 1px 0 rgba(#000, 0.12)) + drop-shadow(1px 1px 0 rgba(#000, 0.12)); } } diff --git a/common/components/Header/index.tsx b/common/components/Header/index.tsx index 9ffa75c3..2c528c62 100644 --- a/common/components/Header/index.tsx +++ b/common/components/Header/index.tsx @@ -23,7 +23,6 @@ import { import Navigation from './components/Navigation'; import CustomNodeModal from './components/CustomNodeModal'; import OnlineStatus from './components/OnlineStatus'; -import Version from './components/Version'; import { getKeyByValue } from 'utils/helpers'; import { makeCustomNodeId } from 'utils/node'; import { getNetworkConfigFromId } from 'utils/network'; @@ -122,10 +121,6 @@ export default class Header extends PureComponent { />
    - - - -
    diff --git a/common/sass/mixins.scss b/common/sass/mixins.scss index de1be835..a995fd16 100644 --- a/common/sass/mixins.scss +++ b/common/sass/mixins.scss @@ -1,11 +1,6 @@ @import './variables'; @import '~bootstrap-sass/assets/stylesheets/bootstrap/mixins'; -@mixin bg-gradient { - background: $ether-navy; - background: linear-gradient(149deg, #132a45, #143a56, #21a4ce, #19b4ad); -} - @mixin reset-button { margin: 0; padding: 0;