From 7b15c6ed0cc4753d55487ae7b55954b9b10773b0 Mon Sep 17 00:00:00 2001
From: cebgcontract <99630598+cebgcontract@users.noreply.github.com>
Date: Sat, 7 May 2022 18:31:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=9A=90=E7=A7=81=E5=8D=8F?=
 =?UTF-8?q?=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/index/DesktopFooter.vue      |   2 +-
 src/components/mobile/main/MobileFooter.vue |   4 +-
 src/router/index.ts                         |   8 +
 src/views/desktop/PrivacyPolicy.vue         | 233 ++++++++++++++++++++
 4 files changed, 244 insertions(+), 3 deletions(-)
 create mode 100644 src/views/desktop/PrivacyPolicy.vue

diff --git a/src/components/index/DesktopFooter.vue b/src/components/index/DesktopFooter.vue
index 49428c1..d8ecd48 100644
--- a/src/components/index/DesktopFooter.vue
+++ b/src/components/index/DesktopFooter.vue
@@ -37,7 +37,7 @@
       <div class="sub-list">
         <div class="title">Policies</div>
         <a href="javascript:void(0);" @click="comingSoon">Terms of use</a>
-        <a href="javascript:void(0);" @click="comingSoon">Privacy Policy</a>
+        <a href="/privacy">Privacy Policy</a>
       </div>
       <div class="sub-list">
         <div class="title">Contact us</div>
diff --git a/src/components/mobile/main/MobileFooter.vue b/src/components/mobile/main/MobileFooter.vue
index ec5fb21..afadf9c 100644
--- a/src/components/mobile/main/MobileFooter.vue
+++ b/src/components/mobile/main/MobileFooter.vue
@@ -47,7 +47,7 @@
           <img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/>
         </div>
         <a href="javascript:void(0);">Terms of use</a>
-        <a href="javascript:void(0);" @click="comingSoon">Privacy Policy</a>
+        <a href="/privacy">Privacy Policy</a>
       </div>
       <div class="sub-list" :class="{'close': status[4]}">
         <div class="title" @click="toggleSublist(4)">
@@ -73,7 +73,7 @@ import { Component, Vue } from 'vue-property-decorator'
   }
 })
 export default class MobileFooter extends Vue {
-  private status = [
+  status = [
     true, true, true, true, true
   ]
 
diff --git a/src/router/index.ts b/src/router/index.ts
index d0f5448..aa4b531 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -197,6 +197,14 @@ const routes: Array<RouteConfig> = [
       title: 'NativeLogin',
       nofont: 'true'
     }
+  },
+  {
+    path: '/privacy',
+    name: 'Privacy',
+    component: resolve => require(['@/views/desktop/PrivacyPolicy.vue'], resolve),
+    meta: {
+      title: 'Privacy Policy of Crypto Elite`s:BATTLEGROUNDS (CEBG)'
+    }
   }
 ]
 
diff --git a/src/views/desktop/PrivacyPolicy.vue b/src/views/desktop/PrivacyPolicy.vue
new file mode 100644
index 0000000..c39e167
--- /dev/null
+++ b/src/views/desktop/PrivacyPolicy.vue
@@ -0,0 +1,233 @@
+<template>
+  <div class="container" >
+    <desktop-header current-section="privacy" title="Privacy" v-if="!mobile" ></desktop-header>
+    <mobile-header current-section="privacy" v-if="mobile"></mobile-header>
+    <div class="content">
+      <h1>Privacy Policy of Crypto Elite`s:BATTLEGROUNDS (CEBG)</h1>
+      <p>
+        Our privacy policy (the “Privacy Policy”) explains the information we
+        collect, how we use and share it, how to manage your privacy controls
+        and your rights in connection with our websites and the related mobile
+        applications and services .
+      </p>
+      <p></p>
+      <p>
+        We recognize that privacy is important. This policy applies to all of
+        the software, services, information, tools, features, and functionality
+        available on the Services offered by the Company or its subsidiaries or
+        affiliated companies and covers how personally identifiable information
+        (PII) that the Company collects and receives, including in respect of
+        any use of the Services, is treated. If you have any questions about
+        this policy, please feel free to contact us .
+      </p>
+      <p>contact@cebg.games</p>
+      <p></p>
+      <p>Information We Collect and How We Use It.</p>
+      <p>
+        In order to provide and improve our Services, we may collect PII,
+        including the following types of information:
+      </p>
+      <p></p>
+      <p>1. Information You Provide.</p>
+      <p>
+        For some features of the Services we ask you for personal information,
+        including: email address, user ID
+      </p>
+      <p>2. User Communications.</p>
+      <p>
+        When you send email or other communication to the Company, we may retain
+        those communications in order to process your inquiries, respond to your
+        requests and improve our Services. We may send you push notifications to
+        send you news and updates in respect of the Services.
+      </p>
+      <p>3. Aggregated Personal Data.</p>
+      <p>
+        In an ongoing effort to better understand and serve the users of the
+        Services, Company often conducts research on its customer demographics,
+        interests and behavior based on the PII and other information provided
+        to us. This research may be compiled and analyzed on an aggregate basis,
+        and Company may share this aggregate data with its affiliates, agents
+        and business partners. This aggregate information does not identify you
+        personally. Company may also disclose aggregated user statistics in
+        order to describe our services to current and prospective business
+        partners, and to other third parties for other lawful purposes.
+      </p>
+      <p>4. User Information.</p>
+      <p>
+        When you use our Services, we may automatically receive and record
+        information from your device and browser, including your IP address,
+        IDFA identifiers (for iOS devices), Identifier for. Advertising (for iOS
+        devices) and Google Advertiser IDs (for Android devices) (such
+        identifiers are collected herein for the following purposes, among other
+        things: frequency capping, attribution, conversion events, estimating
+        the number of unique users, advertising fraud detection, and debugging)
+        cookie information, search history, device ID, Android ID, your regional
+        and language settings, the physical location of your device (if you have
+        permitted your mobile or other location-aware device to transmit
+        location data), network status (WiFi/3G/4G/5G), and software and
+        hardware attributes. We may use your location (city) (if you have
+        permitted your mobile or other location-aware device to transmit
+        location data) to learn how to adjust and personalize your use of the
+        Services. Our systems may automatically record and store technical
+        information regarding the method and nature of your use of the Services,
+        including without limitation which pages of the Services our visitors
+        view, what games they played, their score, game advancement, any actions
+        in-game, virtual content gained and impressions. An IP address is a
+        numeric code that identifies your device on a network, or in this case,
+        the Internet. Your IP address is also used to gather broad demographic
+        information. The Company uses all of the PII that we collect to
+        understand the usage trends and preferences of our users. We also use
+        aggregate data for monetization.
+      </p>
+      <p></p>
+      <p>COOKIES</p>
+      <p>
+        We use cookies to distinguish you from other players of the STEPN App
+        and STEPN Website and obtain certain information about your usage and
+        behaviour. A cookie is a small file of letters and numbers that we put
+        on your computer when you use the STEPN App or STEPN Website. This helps
+        us to provide you with a better experience when you use the STEPN App or
+        browse the STEPN Website and also allows us to improve the Services. We
+        will use both persistent cookies, which could remain on your device
+        until their expiration (which, in some cases, up to 10 years), and
+        session cookies, which are temporary files removed from your device once
+        your browser is closed.
+      </p>
+      <p></p>
+      <p>Links</p>
+      <p>
+        Links to other services, sites and applications may be provided by the
+        Company as a convenience to our users. The Company is not responsible
+        for the privacy practices or the content of other sites and applications
+        and you visit them at your own risk. This privacy statement applies
+        solely to PII collected by us.
+      </p>
+      <p></p>
+      <p>Information Sharing.</p>
+      <p>
+        As part of providing the Services and/or generating and processing
+        analytics, our affiliates, agents representatives and third party
+        providers may have access to your PII. The Company may also share PII in
+        the following circumstances: (a) as required for the provision,
+        maintenance and improvement of the Services; (b) if we become involved
+        in a reorganization, merger, consolidation, acquisition, or any form of
+        sale of some or all of our assets; and/or (c) to satisfy applicable law
+        or prevention of fraud or harm or to enforce applicable agreements
+        and/or their terms, including investigation of potential violations
+        thereof.
+      </p>
+      <p></p>
+      <p>Data safety.</p>
+      <p>
+        We follow generally accepted industry standards to protect against
+        unauthorized access to or unauthorized alteration, disclosure or
+        destruction of PII. However, no method of transmission over the
+        Internet, or method of electronic storage, is 100% secure. Therefore,
+        while we strive to use commercially acceptable means to protect your
+        PII, we cannot guarantee its absolute security. We keep your PII only
+        for as long as reasonably necessary for the purposes for which it was
+        collected or to comply with any applicable legal or ethical reporting or
+        document retention requirements.
+      </p>
+      <p></p>
+      <p>Data Integrity, Accessing and Updating Personal Information.</p>
+      <p>
+        The Company processes PII only for the purposes for which it was
+        collected and in accordance with this policy or any applicable service
+        agreements. We review our data collection, storage and processing
+        practices to ensure that we only collect, store and process the PII
+        needed to provide or improve our Services. We take reasonable steps to
+        ensure that the PII we process is accurate, complete, and current, but
+        we depend on our users to update or correct their PII whenever
+        necessary. Nothing in this policy is interpreted as an obligation to
+        store information, and we may, at our own discretion, delete or avoid
+        from recording and storing any and all information.
+      </p>
+      <p></p>
+      <p>Changes to This Privacy Policy.</p>
+      <p>
+        The Company may update this policy. We will notify you about significant
+        changes in the way we treat PII by sending a notice to the primary email
+        address specified in your account or by placing a prominent notice on
+        the App. We encourage you to periodically review this policy for the
+        latest information about our privacy practices.
+      </p>
+      <p></p>
+      <p>Questions.</p>
+      <p>
+        If you have any questions about this policy or concerns about the way we
+        process your PII, please contact us at contact@cebg.games
+      </p>
+    </div>
+    <base-footer></base-footer>
+  </div>
+</template>
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+import DesktopHeader from '@/components/index/DesktopHeader.vue'
+import DesktopFooter from '@/components/index/DesktopFooter.vue'
+import ProgressMap from '@/components/roadmap/ProgressMap.vue'
+import BaseFooter from '@/components/layout/BaseFooter.vue'
+import { AppModule, DeviceType } from '@/store/modules/app'
+import MobileHeader from '@/components/mobile/main/MobileHeader.vue'
+
+@Component({
+  name: 'PrivacyPolicy',
+  components: {
+    MobileHeader,
+    BaseFooter,
+    ProgressMap,
+    DesktopFooter,
+    DesktopHeader
+  }
+})
+export default class extends Vue {
+  private scale = 1.0;
+  private initWidth = 1920;
+  get cstyle() {
+    return {
+      zoom: this.scale
+    }
+  }
+
+  beforeMount() {
+    window.addEventListener('resize', this.resizeHandler)
+  }
+
+  mounted() {
+    this.resizeHandler()
+  }
+
+  get mobile() {
+    return AppModule.device === DeviceType.Mobile
+  }
+
+  beforeDestroy() {
+    window.removeEventListener('resize', this.resizeHandler)
+  }
+
+  resizeHandler() {
+    const documentWidth = document.body.clientWidth
+    if (documentWidth < this.initWidth) {
+      this.scale = documentWidth / this.initWidth
+    } else {
+      this.scale = 1
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container {
+  background-color: #202124;
+}
+.content {
+  margin: 20px 20px 50px;
+  padding-top: 50px;
+  h1 {
+    color: #bdc1c6;
+  }
+  p {
+    color: #bdc1c6;
+  }
+}
+</style>