From 5be8066434097bbe960e897b3f06d824256a84f1 Mon Sep 17 00:00:00 2001
From: ivelov-vm <ivelov_vm@groupbwt.com>
Date: Wed, 22 Mar 2023 10:46:04 +0200
Subject: [PATCH] feat: add privacy policy page
---
src/pages/PrivacyPolicyPage.vue | 185 ++++++++++++++++++++++++++++++++
src/plugins/router.js | 5 +
2 files changed, 190 insertions(+)
create mode 100644 src/pages/PrivacyPolicyPage.vue
diff --git a/src/pages/PrivacyPolicyPage.vue b/src/pages/PrivacyPolicyPage.vue
new file mode 100644
index 0000000..06cff21
--- /dev/null
+++ b/src/pages/PrivacyPolicyPage.vue
@@ -0,0 +1,185 @@
+<template>
+ <div>
+ <HeaderComponent
+ current-page="blogs"
+ :transparent="scroll < 50"
+ :with-shadow="scroll > 50"
+ @onButtonClick="scrollToContacts"
+ ></HeaderComponent>
+ <section class="mt-[84px] pl-[6.7%] pr-[8.6%] font-gilroy">
+ <h1 class="text-[2rem] leading-[2.375rem]">
+ Information You Provide to Us
+ </h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ We collect information you provide directly to us. For example, you
+ share information directly with us when you create an account, fill out
+ a form, submit or post content through our Services, purchase a
+ membership, communicate with us via third-party platforms, request
+ customer support, or otherwise communicate with us. The types of
+ personal information we may collect include your name, display name,
+ username, bio, email address, business information, your content,
+ including your avatar image, photos, posts, responses, and series
+ published by you, and any other information you choose to provide.
+ <br /><br />
+ In some cases, we may also collect information you provide about others,
+ such as when you purchase a Medium membership as a gift for someone. We
+ will use this information to fulfill your request and will not send
+ communications to your contacts unrelated to your request, unless they
+ separately consent to receive communications from us or otherwise engage
+ with us.
+ <br /><br />
+ We do not collect payment information through our Services. We rely on
+ third parties to process payments in connection with our Services. Any
+ information you provide to facilitate such a payment is subject to the
+ third-party payment processor’s privacy policy, and we encourage you to
+ review this policy before you provide any information to the payment
+ processor.
+ </p>
+ <h1 class="text-[2rem] leading-[2.375rem] mt-10">
+ Information We Collect Automatically When You Interact with Us
+ </h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ In some instances, we automatically collect certain information,
+ including:
+ </p>
+ <br>
+ <ul class="list-disc ml-5 text-lg leading-[1.813rem] capitalize">
+ <li>
+ Activity Information: We collect information about your activity on
+ our Services, such as your reading history and when you share links,
+ follow users, highlight posts, and clap for posts.
+ </li>
+ <li>
+ Transactional Information: When you purchase a membership, we collect
+ information about the transaction, such as subscription details,
+ purchase price, and the date of the transaction.
+ </li>
+ <li>
+ Device and Usage Information: We collect information about how you
+ access our Services, including data about the device and network you
+ use, such as your hardware model, operating system version, mobile
+ network, IP address, unique device identifiers, browser type, and app
+ version. We also collect information about your activity on our
+ Services, such as access times, pages viewed, links clicked, and the
+ page you visited before navigating to our Services.
+ </li>
+ <li>
+ Information Collected by Cookies and Similar Tracking Technologies: We
+ use tracking technologies, such as cookies and web beacons, to collect
+ information about you. Cookies are small data files stored on your
+ hard drive or in device memory that help us improve our Services and
+ your experience, see which areas and features of our Services are
+ popular, and count visits. Web beacons (also known as “pixel tags†or
+ “clear GIFsâ€) are electronic images that we use on our Services and in
+ our emails to help deliver cookies, count visits, and understand
+ usage. We also work with third party analytics providers who use
+ cookies, web beacons, device identifiers, and other technologies to
+ collect information about your use of our Services and other websites
+ and applications, including your IP address, web browser, mobile
+ network information, pages viewed, time spent on pages or in mobile
+ apps, and links clicked. This information may be used by Medium and
+ others to, among other things, analyze and track data, determine the
+ popularity of certain content, deliver content targeted to your
+ interests on our Services, and better understand your online activity.
+ For more information about cookies and how to disable them, see Your
+ Choices below.
+ </li>
+ </ul>
+
+ <h1 class="text-[2rem] leading-[2.375rem] mt-10">
+ Information We Collect from Other Sources
+ </h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ We obtain information from third-party sources. For example, we may
+ collect information about you from social networks, accounting services
+ providers and data analytics providers. Additionally, if you create or
+ log into your Medium account through a third-party platform (such as
+ Apple, Facebook, Google, or Twitter), we will have access to certain
+ information from that platform, such as your name, lists of friends or
+ followers, birthday, and profile picture, in accordance with the
+ authorization procedures determined by such platform.
+ </p>
+ <h1 class="text-[2rem] leading-[2.375rem] mt-10">
+ Information We Derive
+ </h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ We may derive information or draw inferences about you based on the
+ information we collect. For example, we may make inferences about your
+ location based on your IP address or infer reading preferences based on
+ your reading history.
+ </p>
+ <h1 class="text-[2rem] leading-[2.375rem] mt-10">THIRD-PARTY EMBEDS</h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ Medium does not host some of the content displayed on our Services.
+ Users have the ability to post content that is actually hosted by a
+ third party, but is embedded in our pages (an “Embedâ€). When you
+ interact with an Embed, it can send information about your interaction
+ to the hosting third party just as if you were visiting the third
+ party’s site directly. For example, when you load a Medium post page
+ with a YouTube video Embed and watch the video, YouTube receives
+ information about your activity, such as your IP address and how much of
+ the video you watch. Medium does not control what information third
+ parties collect through Embeds or what they do with the information.
+ This Privacy Policy does not apply to information collected through
+ Embeds. The privacy policy belonging to the third party hosting the
+ Embed applies to any information the Embed collects, and we recommend
+ you review that policy before interacting with the Embed.
+ </p>
+ <h1 class="text-[2rem] leading-[2.375rem] mt-10">
+ TRANSFER OF INFORMATION TO THE UNITED STATES AND OTHER COUNTRIES
+ </h1>
+ <p class="text-lg leading-[1.813rem] mt-[30px] capitalize">
+ Medium is headquartered in the United States, and we have operations and
+ service providers in the United States and other countries. Therefore,
+ we and our service providers may transfer your personal information to,
+ or store or access it in, jurisdictions that may not provide levels of
+ data protection that are equivalent to those of your home jurisdiction.
+ For example, we transfer personal data to Amazon Web Services, one of
+ our service providers that processes personal information for us in
+ various data center locations across the globe, including those listed
+ here. We will take steps to ensure that your personal information
+ receives an adequate level of protection in the jurisdictions in which
+ we process it.
+ </p>
+ </section>
+ <footer
+ class="text-black mt-[32px] mb-5 text-sm leading-4 text-center relative"
+ >
+ <router-link to="/terms-of-service" class="text-blue-line"
+ >Terms of Service
+ </router-link>
+ <span class="font-gilroy font-normal">and</span>
+ <router-link to="/privacy-policy" class="text-blue-line">
+ Privacy Policy</router-link
+ >.
+ </footer>
+ </div>
+</template>
+
+<script>
+import HeaderComponent from "../components/HeaderComponent.vue";
+
+export default {
+ name: "PrivacyPolicyPage",
+ data() {
+ return {
+ scroll: window.scrollY,
+ };
+ },
+ mounted() {
+ window.addEventListener("scroll", this.onScroll);
+ },
+ beforeDestroy() {
+ window.removeEventListener("scroll", this.onScroll);
+ },
+ methods: {
+ onScroll() {
+ this.scroll = window.scrollY;
+ },
+ scrollToContacts() {
+ this.$refs.contacts.$el.scrollIntoView({ behavior: "smooth" });
+ },
+ },
+ components: { HeaderComponent },
+};
+</script>
diff --git a/src/plugins/router.js b/src/plugins/router.js
index 3ca3b2d..4befe4c 100644
--- a/src/plugins/router.js
+++ b/src/plugins/router.js
@@ -6,6 +6,7 @@ import BlogsPage from "../pages/BlogsPage";
import BlogPage from "../pages/BlogPage";
import NotFoundPage from "../pages/NotFoundPage";
import TermsOfServicePage from "../pages/TermsOfServicePage";
+import PrivacyPolicyPage from "../pages/PrivacyPolicyPage";
Vue.use(VueRouter);
@@ -31,6 +32,10 @@ const router = new VueRouter({
path: "/terms-of-service",
component: TermsOfServicePage,
},
+ {
+ path: "/privacy-policy",
+ component: PrivacyPolicyPage,
+ },
{
path: "/:pathMatch(.*)*",
component: NotFoundPage,
--
GitLab