-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* fix: fix nav bar merge errors * style: format the ci files * perf: replace blur with images to optimize performance and eliminate differences between different browsers * feat: add footer content * feat: add terms dialog and drawer * fix: fix merge errors * feat: disable click on decorative images * feat: adjust terms * chore: lingui extract * chore: prettier * fix: fix i18n * chore: cspell words * chore: cspell words * chore: prettier * chore: cspell words * feat: add tooltip * chore: lingui extract --------- Co-authored-by: LeifXu <[email protected]>
- Loading branch information
Showing
18 changed files
with
616 additions
and
39 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,198 @@ | ||
| import { FC } from 'react' | ||
| import { HStack, Link, ModalBody, ModalCloseButton, ModalHeader, useDisclosure } from '@chakra-ui/react' | ||
| import { ModalWithDrawer } from '../../ModalWithDrawer' | ||
| import { t } from '@lingui/macro' | ||
|
|
||
| const CookiePolicyContent = () => ( | ||
| <> | ||
| <p>{t`This website (hereinafter referred to as "the Site") uses cookies. By using the Site, you consent to the use of cookies as described in this Cookie Policy.`}</p> | ||
| <p> | ||
| {t`What Are Cookies?`} | ||
| <br /> | ||
| {t`Cookies are small text files that are stored on your computer or mobile device when you visit a website. They are used to store information about you and your internet usage habits to improve your online experience. Cookies enable websites to recognize your device and remember some information about your preferences.`} | ||
| </p> | ||
| <p> | ||
| {t`Types of Cookies We Use`} | ||
| <ul> | ||
| <li>{t`Session Cookies: These cookies exist only during your visit to the website and are automatically deleted when you close your browser. They are used to maintain session state, such as storing the contents of your shopping cart.`}</li> | ||
| <li>{t`Persistent Cookies: These cookies are stored on your device until they reach their expiration date or are manually deleted. They are used to remember your preferences and provide a personalized experience when you revisit the website.`}</li> | ||
| <li>{t`Third-Party Cookies: The Site may use cookies from third-party service providers for traffic analysis and user behavior tracking, as well as to display ads relevant to your interests.`}</li> | ||
| </ul> | ||
| </p> | ||
| <p> | ||
| {t`How to Control Cookies`} | ||
| <br /> | ||
| {t`You can manage and delete cookies through your browser settings. Please note that disabling cookies may affect your access to and experience on the Site.`} | ||
| {t`Updates to the Cookie Policy`} | ||
| {t`We reserve the right to update this Cookie Policy at any time. The updated Cookie Policy will be posted on this page and will become effective immediately. We recommend checking back regularly for updates.`} | ||
| </p> | ||
| <p> | ||
| {t`Contact Us`} | ||
| <br /> | ||
| {t`If you have any questions or concerns about this Cookie Policy, please contact us at:`} | ||
| <br /> | ||
| {t`[email protected]`} | ||
| <br /> | ||
| {t`Last Updated: 03.10 2024`} | ||
| </p> | ||
| </> | ||
| ) | ||
|
|
||
| const TermsOfUseContent = () => ( | ||
| <> | ||
| <p style={{ whiteSpace: 'pre-wrap' }}> | ||
| {t`Terms of Use for Mask.io | ||
| Acceptance of Terms | ||
| By accessing and using Mask.io , you agree to be bound by these Terms of Use ("Terms"). If you do not agree to these Terms, you may not use our services. | ||
| Changes to Terms | ||
| We reserve the right to modify these Terms at any time. We will notify you of any changes by posting the new Terms on this page. Your continued use of our services after any changes indicates your acceptance of the new Terms. | ||
| Use of Our Services | ||
| [Your Website Name] allows you to stake Mask to receive other token rewards. You agree to use our services only for lawful purposes and in accordance with these Terms. | ||
| Account Responsibilities | ||
| You are responsible for maintaining the confidentiality of your account information and for all activities that occur under your account. | ||
| You agree to notify us immediately of any unauthorized use of your account. | ||
| Prohibited Activities | ||
| You agree not to engage in any of the following prohibited activities: | ||
| Using our services for any illegal purpose or in violation of any local, state, national, or international law. | ||
| Infringing on the intellectual property rights of others or the intellectual property rights of Mask.io. | ||
| Attempting to gain unauthorized access to our services or another user's account. | ||
| Interfering with the security-related features of our services. | ||
| Intellectual Property | ||
| All content, trademarks, logos, and service marks displayed on Mask.io are our property or the property of other third parties. You are not permitted to use these Marks without our prior written consent or the consent of such third party which may own the Marks. | ||
| Disclaimer of Warranties | ||
| Our services are provided on an "as is" and "as available" basis. Mask.io expressly disclaims all warranties of any kind, whether express or implied, including, but not limited to, the implied warranties of merchantability, fitness for a particular purpose, and non-infringement. | ||
| Limitation of Liability | ||
| [Your Website Name] shall not be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to, damages for loss of profits, goodwill, use, data, or other intangible losses, resulting from the use or the inability to use our services. | ||
| Indemnification | ||
| You agree to indemnify and hold harmless Mask.io and its officers, directors, employees, and agents from any and all claims, damages, expenses, and liabilities arising out of your use of our services, your violation of these Terms, or your violation of the rights of a third party. | ||
| Governing Law | ||
| These Terms shall be governed and construed in accordance with the laws of the People's Republic of China, without regard to its conflict of law provisions. | ||
| Contact Us | ||
| If you have any questions about these Terms, please contact us at [email protected].`} | ||
| </p> | ||
| </> | ||
| ) | ||
|
|
||
| const PrivacyPolicyContent = () => ( | ||
| <> | ||
| <p style={{ whiteSpace: 'pre-wrap' }}>{t`Introduction | ||
| Mask Network is committed to protecting the privacy of its users. This Privacy Policy outlines how we collect, use, disclose, and safeguard your information when you stake Mask to receive other token rewards through our website. By using our service, you consent to the data practices described in this policy. | ||
| Information Collection and Use | ||
| Information You Provide to Us | ||
| We collect information you provide directly to us when you use our services. This may include: | ||
| Contact information, such as your name, email address, and phone number. | ||
| Blockchain-related information, such as your wallet addresses. | ||
| Social media account information, including but not limited to accounts on platforms like x.com. | ||
| When you choose to link your social media accounts or provide your wallet addresses, we may display this information on our website to enhance the user experience and foster a community environment. We encourage you to review the privacy settings and policies of any social media platforms you interact with to understand how your information may be shared and used. | ||
| Information We Collect Automatically | ||
| When you access our website, we may automatically collect information about your device and usage, including: | ||
| IP address, browser type, and operating system. | ||
| Information about your interactions with our website, such as the pages you visit. | ||
| Use of Your Information | ||
| We use the information we collect about you to: | ||
| Provide, maintain, and improve our services. | ||
| Display your social media profiles and wallet addresses on our website, subject to your preferences and permissions. | ||
| Respond to your inquiries and provide customer support. | ||
| Monitor and analyze trends, usage, and activities in connection with our services. | ||
| Sharing of Your Information | ||
| We may share your information with third parties in the following situations: | ||
| With your consent or at your direction. | ||
| With service providers who assist us in our operations, under confidentiality agreements. | ||
| If required by law or to protect the rights, property, or safety of [Your Website Name], our users, or others. | ||
| Security | ||
| We take reasonable measures to protect your information from unauthorized access, use, alteration, and destruction. However, no internet or email transmission is ever fully secure or error-free. | ||
| Changes to This Privacy Policy | ||
| We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on this page and updating the "Last Updated" date. | ||
| Contact Us | ||
| If you have any questions about this Privacy Policy, please contact us at [email protected]. | ||
| `}</p> | ||
| </> | ||
| ) | ||
|
|
||
| export const Terms: FC = () => { | ||
| const cookiePolicy = useDisclosure() | ||
| const termsOfUse = useDisclosure() | ||
| const privacyPolicy = useDisclosure() | ||
| return ( | ||
| <> | ||
| <ModalWithDrawer isOpen={cookiePolicy.isOpen} onClose={cookiePolicy.onClose}> | ||
| <ModalCloseButton /> | ||
| <ModalHeader>{t`Cookie Policy`}</ModalHeader> | ||
| <ModalBody | ||
| color="neutrals.2" | ||
| fontSize="12px" | ||
| fontWeight={700} | ||
| lineHeight="20px" | ||
| sx={{ | ||
| p: { | ||
| mb: 6, | ||
| }, | ||
| ul: { | ||
| pl: 6, | ||
| }, | ||
| }} | ||
| > | ||
| <CookiePolicyContent /> | ||
| </ModalBody> | ||
| </ModalWithDrawer> | ||
| <ModalWithDrawer isOpen={termsOfUse.isOpen} onClose={termsOfUse.onClose}> | ||
| <ModalCloseButton /> | ||
| <ModalHeader>{t`Terms of Use`}</ModalHeader> | ||
| <ModalBody | ||
| color="neutrals.2" | ||
| fontSize="12px" | ||
| fontWeight={700} | ||
| lineHeight="20px" | ||
| sx={{ | ||
| p: { | ||
| mb: 6, | ||
| }, | ||
| ul: { | ||
| pl: 6, | ||
| }, | ||
| }} | ||
| > | ||
| <TermsOfUseContent /> | ||
| </ModalBody> | ||
| </ModalWithDrawer> | ||
| <ModalWithDrawer isOpen={privacyPolicy.isOpen} onClose={privacyPolicy.onClose}> | ||
| <ModalCloseButton /> | ||
| <ModalHeader>{t`Privacy Policy`}</ModalHeader> | ||
| <ModalBody | ||
| color="neutrals.2" | ||
| fontSize="12px" | ||
| fontWeight={700} | ||
| lineHeight="20px" | ||
| sx={{ | ||
| p: { | ||
| mb: 6, | ||
| }, | ||
| ul: { | ||
| pl: 6, | ||
| }, | ||
| }} | ||
| > | ||
| <PrivacyPolicyContent /> | ||
| </ModalBody> | ||
| </ModalWithDrawer> | ||
| <HStack spacing={4} color="neutrals.4" fontSize="12px" fontWeight={700} lineHeight="20px"> | ||
| <Link cursor="pointer" onClick={termsOfUse.onOpen}> | ||
| Terms of Use | ||
| </Link> | ||
| <Link cursor="pointer" onClick={privacyPolicy.onOpen}> | ||
| Privacy Policy | ||
| </Link> | ||
| <Link cursor="pointer" onClick={cookiePolicy.onOpen}> | ||
| Cookie Policy | ||
| </Link> | ||
| </HStack> | ||
| </> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.