diff --git a/public/Save-icon.png b/public/Save-icon.png new file mode 100644 index 0000000..a0bc729 Binary files /dev/null and b/public/Save-icon.png differ diff --git a/src/components/EmailEnterPage/index.tsx b/src/components/EmailEnterPage/index.tsx index 6705de2..9f23742 100644 --- a/src/components/EmailEnterPage/index.tsx +++ b/src/components/EmailEnterPage/index.tsx @@ -71,13 +71,13 @@ function EmailEnterPage(): JSX.Element { />

{t('we_dont_share')}

- {t('continue_agree', { + {t('_continue_agree', { eulaLink: {t('eula')}, privacyLink: {t('privacy_policy')}, })} - {isLoading ? : t('continue')} + {isLoading ? : t('_continue')} diff --git a/src/components/HomePage/index.tsx b/src/components/HomePage/index.tsx index ad93d59..f3b0626 100644 --- a/src/components/HomePage/index.tsx +++ b/src/components/HomePage/index.tsx @@ -74,7 +74,7 @@ function HomePage(): JSX.Element { return (
@@ -88,6 +88,9 @@ function HomePage(): JSX.Element { {aura && }
+
+ +
diff --git a/src/components/HomePage/styles.module.css b/src/components/HomePage/styles.module.css index e2b6a44..8dce278 100644 --- a/src/components/HomePage/styles.module.css +++ b/src/components/HomePage/styles.module.css @@ -15,6 +15,8 @@ .header { position: relative; width: 100%; + display: flex; + justify-content: space-between; } .header__energies { @@ -49,6 +51,28 @@ animation: pulse 1s alternate infinite; } +.header__save { + position: relative; + width: 50px; + height: 50px; + background-size: 70%; + background-image: url("/Save-icon.png"); + background-repeat: no-repeat; + background-position: center center; + -webkit-backdrop-filter: blur(14px); + background-color: #ffffff69; + backdrop-filter: blur(14px); + border-radius: 100%; + cursor: pointer; + background-blend-mode: exclusion; +} + +.header__save > a { + display: block; + width: 100%; + height: 100%; +} + .content__buttons { display: flex; flex-direction: column; @@ -57,12 +81,12 @@ } .content__buttons-item { - width: 100% !important; - border: solid #7b7570 2px; - border-radius: 25px !important; - text-align: center; - color: #fff; - cursor: pointer; + width: 100% !important; + border: solid #7b7570 2px; + border-radius: 25px !important; + text-align: center; + color: #fff; + cursor: pointer; } @keyframes pulse { diff --git a/src/locales/dev.ts b/src/locales/dev.ts index 9e9fcbf..ca36785 100644 --- a/src/locales/dev.ts +++ b/src/locales/dev.ts @@ -24,8 +24,10 @@ export default { your_email: "Your email", we_dont_share: "We don't share any personal information.", continue_agree: 'By clicking "Continue" below, you agree to our and .', + _continue_agree: `By clicking "Continue" below you agree to Hint's EULA and Privacy Policy.`, privacy_policy: "Privacy Policy", continue: 'Continue', + _continue: 'Continue', app_name: "Aura", unexpected_error: 'Sorry, an unexpected error has occurred.', oops: "Oops!",