From a8cbbb12dd3908dd58964d77f220a56a2325a6e6 Mon Sep 17 00:00:00 2001
From: didukhroma <didukhroma@gmail.com>
Date: Fri, 23 Aug 2024 19:57:22 +0300
Subject: [PATCH 1/2] build: added base files

---
 src/privacy-policy.html | 79 +++++++++++++++++++++++++++++++++++++++--
 src/scss/privacy.scss   |  0
 src/scss/styles.scss    |  1 +
 3 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 src/scss/privacy.scss
diff --git a/src/privacy-policy.html b/src/privacy-policy.html
index 88c71e7..766d208 100644
--- a/src/privacy-policy.html
+++ b/src/privacy-policy.html
@@ -6,6 +6,11 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Privacy policy</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/2.0.0/modern-normalize.min.css"
+    />
+    <link rel="stylesheet" href="./scss/styles.scss" />
   </head>
   <body>
     <header>
@@ -13,8 +18,78 @@
     </header>
     <main>
       <section>
-        <a href="./index.html">Go to home</a>
-        <h1>Welcome to page Privacy policy</h1>
+        <h1>Privacy Policy</h1>
+        <p>
+          This privacy policy will explain how our organization uses the
+          personal data we collect from you when you use our website.
+          Starluckyventures.com is a free online gaming platform where the gamer
+          can play and win without any risks. It is a simple portal to access
+          social games for free and play with your friends. Remember that
+          winning at these games does not mean you will have any future
+          winnings. It is crucial that you remember this since your luck will
+          differ depending on many factors. Have fun and Play as much as you
+          like.
+        </p>
+        <h2>Marketing</h2>
+        <p>
+          You have the right at any time to stop Starluckyventures.com
+          contacting you for marketing purposes.
+        </p>
+        <p>
+          Starluckyventures.com would like to send you information about
+          products and services of ours that we think you might like, as well as
+          those of our partner companies.
+        </p>
+        <p>
+          If you have agreed to receive marketing, you may always opt out at a
+          later date.
+        </p>
+        <p>
+          If you no longer wish to be contacted for marketing purposes, please
+          contact us.
+        </p>
+        <h2>What are your data protection rights?</h2>
+        <p>
+          Starluckyventures.com would like to make sure you are fully aware of
+          all of your data protection rights. Every user is entitled to the
+          following:
+        </p>
+        <p>
+          – You have the right to request Starluckyventures.com for copies of
+          your personal data.
+        </p>
+        <p>
+          <span>The right to rectification</span> – You have the right to
+          request that Starluckyventures.com correct any information you believe
+          is inaccurate. You also have the right to request us to complete the
+          information you believe is incomplete.
+        </p>
+        <p>
+          <span>The right to erasure</span> – You have the right to request that
+          Starluckyventures.com erase your personal data, under certain
+          conditions.
+        </p>
+        <p>
+          <span>The right to restrict processing</span> – You have the right to
+          request that Starluckyventures.com restrict the processing of your
+          personal data, under certain conditions.
+        </p>
+        <p>
+          <span>The right to object to processing</span> – You have the right to
+          object to Starluckyventures.com processing of your personal data,
+          under certain conditions.
+        </p>
+        <p>
+          <span>The right to data portability</span> – You have the right to
+          request that Starluckyventures.com transfer the data that we have
+          collected to another organization, or directly to you, under certain
+          conditions.
+        </p>
+        <h2>Changes to our privacy policy</h2>
+        <p>
+          Starluckyventures.com keeps its privacy policy under regular review
+          and places any updates on this web page.
+        </p>
       </section>
     </main>
     <footer class="container">
diff --git a/src/scss/privacy.scss b/src/scss/privacy.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index ae899f0..92123d9 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -7,6 +7,7 @@
 @import './benefits.scss';
 @import './gallery.scss';
 @import './footer.scss';
+@import './privacy.scss';
 
 root {
   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;

From dee9f9589b1fdbb61ebc459535598cba44c39331 Mon Sep 17 00:00:00 2001
From: didukhroma <didukhroma@gmail.com>
Date: Fri, 23 Aug 2024 22:40:54 +0300
Subject: [PATCH 2/2] build: privacy policy

---
 src/index.html               |   4 +-
 src/privacy-policy.html      | 190 +++++++++++++++++++++--------------
 src/scss/common/_mixins.scss |  25 +++++
 src/scss/common/_reset.scss  |   1 +
 src/scss/common/_vars.scss   |   1 +
 src/scss/privacy.scss        |  48 +++++++++
 src/scss/styles.scss         |   4 +
 7 files changed, 196 insertions(+), 77 deletions(-)

diff --git a/src/index.html b/src/index.html
index d2c4531..e9a3ca1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,9 +14,7 @@
     <link rel="stylesheet" href="./scss/styles.scss" />
   </head>
   <body>
-    <header>
-      <load src="./partials/header.html" />
-    </header>
+    <load src="./partials/header.html" />
 
     <main>
       <load src="./partials/home.html" />
diff --git a/src/privacy-policy.html b/src/privacy-policy.html
index adf8904..80b8247 100644
--- a/src/privacy-policy.html
+++ b/src/privacy-policy.html
@@ -17,84 +17,126 @@
       <load src="./partials/header.html" />
     </header>
     <main>
-      <section>
-        <h1>Privacy Policy</h1>
-        <p>
-          This privacy policy will explain how our organization uses the
-          personal data we collect from you when you use our website.
-          Starluckyventures.com is a free online gaming platform where the gamer
-          can play and win without any risks. It is a simple portal to access
-          social games for free and play with your friends. Remember that
-          winning at these games does not mean you will have any future
-          winnings. It is crucial that you remember this since your luck will
-          differ depending on many factors. Have fun and Play as much as you
-          like.
-        </p>
-        <h2>Marketing</h2>
-        <p>
-          You have the right at any time to stop Starluckyventures.com
-          contacting you for marketing purposes.
-        </p>
-        <p>
-          Starluckyventures.com would like to send you information about
-          products and services of ours that we think you might like, as well as
-          those of our partner companies.
-        </p>
-        <p>
-          If you have agreed to receive marketing, you may always opt out at a
-          later date.
-        </p>
-        <p>
-          If you no longer wish to be contacted for marketing purposes, please
-          contact us.
-        </p>
-        <h2>What are your data protection rights?</h2>
-        <p>
-          Starluckyventures.com would like to make sure you are fully aware of
-          all of your data protection rights. Every user is entitled to the
-          following:
-        </p>
-        <p>
-          – You have the right to request Starluckyventures.com for copies of
-          your personal data.
-        </p>
-        <p>
-          <span>The right to rectification</span> – You have the right to
-          request that Starluckyventures.com correct any information you believe
-          is inaccurate. You also have the right to request us to complete the
-          information you believe is incomplete.
-        </p>
-        <p>
-          <span>The right to erasure</span> – You have the right to request that
-          Starluckyventures.com erase your personal data, under certain
-          conditions.
-        </p>
-        <p>
-          <span>The right to restrict processing</span> – You have the right to
-          request that Starluckyventures.com restrict the processing of your
-          personal data, under certain conditions.
-        </p>
-        <p>
-          <span>The right to object to processing</span> – You have the right to
-          object to Starluckyventures.com processing of your personal data,
-          under certain conditions.
-        </p>
-        <p>
-          <span>The right to data portability</span> – You have the right to
-          request that Starluckyventures.com transfer the data that we have
-          collected to another organization, or directly to you, under certain
-          conditions.
-        </p>
-        <h2>Changes to our privacy policy</h2>
-        <p>
-          Starluckyventures.com keeps its privacy policy under regular review
-          and places any updates on this web page.
-        </p>
-      </section>
+      <div class="privacy-wrapper">
+        <div class="container">
+          <h1 class="privacy-title" text="Privacy Policy">Privacy Policy</h1>
+          <p class="privacy-description">
+            This privacy policy will explain how our organization uses the
+            personal data we collect from you when you use our website.
+            Starluckyventures.com is a free online gaming platform where the
+            gamer can play and win without any risks. It is a simple portal to
+            access social games for free and play with your friends. Remember
+            that winning at these games does not mean you will have any future
+            winnings. It is crucial that you remember this since your luck will
+            differ depending on many factors. Have fun and Play as much as you
+            like.
+          </p>
+          <section class="privacy-section marketing-section">
+            <h2 class="privacy-subtitle" text="Marketing">Marketing</h2>
+            <p class="privacy-text">
+              You have the right at any time to stop Starluckyventures.com
+              contacting you for marketing purposes.
+            </p>
+            <p class="privacy-text">
+              Starluckyventures.com would like to send you information about
+              products and services of ours that we think you might like, as
+              well as those of our partner companies.
+            </p>
+            <p class="privacy-text">
+              If you have agreed to receive marketing, you may always opt out at
+              a later date.
+            </p>
+            <p class="privacy-text">
+              If you no longer wish to be contacted for marketing purposes,
+              please contact us.
+            </p>
+          </section>
+          <section class="privacy-section">
+            <h2
+              class="privacy-subtitle"
+              text="What are your data protection rights?"
+            >
+              What are your data protection rights?
+            </h2>
+            <p class="privacy-text">
+              Starluckyventures.com would like to make sure you are fully aware
+              of all of your data protection rights. Every user is entitled to
+              the following:
+            </p>
+
+            <ul>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent">The right to access </span>
+                  – You have the right to request Starluckyventures.com for
+                  copies of your personal data.
+                </p>
+              </li>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent"
+                    >The right to rectification</span
+                  >
+                  – You have the right to request that Starluckyventures.com
+                  correct any information you believe is inaccurate. You also
+                  have the right to request us to complete the information you
+                  believe is incomplete.
+                </p>
+              </li>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent">The right to erasure</span>
+                  – You have the right to request that Starluckyventures.com
+                  erase your personal data, under certain conditions.
+                </p>
+              </li>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent"
+                    >The right to restrict processing</span
+                  >
+                  – You have the right to request that Starluckyventures.com
+                  restrict the processing of your personal data, under certain
+                  conditions.
+                </p>
+              </li>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent"
+                    >The right to object to processing</span
+                  >
+                  – You have the right to object to Starluckyventures.com
+                  processing of your personal data, under certain conditions.
+                </p>
+              </li>
+              <li class="privacy-item">
+                <p>
+                  <span class="privacy-text-accent"
+                    >The right to data portability</span
+                  >
+                  – You have the right to request that Starluckyventures.com
+                  transfer the data that we have collected to another
+                  organization, or directly to you, under certain conditions.
+                </p>
+              </li>
+            </ul>
+          </section>
+          <section class="privacy-section">
+            <h2 class="privacy-subtitle" text="Changes to our privacy policy">
+              Changes to our privacy policy
+            </h2>
+            <p>
+              Starluckyventures.com keeps its privacy policy under regular
+              review and places any updates on this web page.
+            </p>
+          </section>
+        </div>
+      </div>
     </main>
     <footer class="container">
       <load src="./partials/footer.html" />
     </footer>
     <script type="module" src="./js/removeMainPageClass.js"></script>
+    <script type="module" src="./main.js"></script>
   </body>
 </html>
diff --git a/src/scss/common/_mixins.scss b/src/scss/common/_mixins.scss
index 8aec9dc..56fa8ae 100644
--- a/src/scss/common/_mixins.scss
+++ b/src/scss/common/_mixins.scss
@@ -29,3 +29,28 @@ screen types:
 
   line-height: math.div(math.round($result * 100), 100);
 }
+
+@mixin title($_fmin, $_fmax, $_ls, $_text) {
+  @include font($_fmin, $_fmax);
+
+  position: relative;
+  font-family: $second_font_family;
+  letter-spacing: #{$_ls}px;
+  background: var(
+    --orange-gradient,
+    linear-gradient(180deg, $_accent_color 0%, $_yellow_color 100%)
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  &::after {
+    content: $_text;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    text-shadow: -4px 4px 0px $_brown_shadow-color, 1px 1px 0 $_brown_color,
+      -1px 1px 0 $_brown_color, -1px -1px 0 $_brown_color,
+      1px -1px 0 $_brown_color;
+  }
+}
diff --git a/src/scss/common/_reset.scss b/src/scss/common/_reset.scss
index 06e2b26..818463b 100644
--- a/src/scss/common/_reset.scss
+++ b/src/scss/common/_reset.scss
@@ -8,6 +8,7 @@ html {
 *::before,
 *::after {
   box-sizing: inherit;
+  // outline: 1px solid red;
 }
 
 body {
diff --git a/src/scss/common/_vars.scss b/src/scss/common/_vars.scss
index adb3b86..24fdbe8 100644
--- a/src/scss/common/_vars.scss
+++ b/src/scss/common/_vars.scss
@@ -4,6 +4,7 @@ $_main_bg_color: #7554e5;
 $_accent_color: #f7cf6e;
 $_yellow_color: #f9e294;
 $_brown_color: #915518;
+$_brown_shadow-color: #7e3f20;
 
 // змінні для шрифтів
 $font_family: 'Signika Negative', sans-serif;
diff --git a/src/scss/privacy.scss b/src/scss/privacy.scss
index e69de29..62f481e 100644
--- a/src/scss/privacy.scss
+++ b/src/scss/privacy.scss
@@ -0,0 +1,48 @@
+.privacy-wrapper {
+  padding: 36px 0 64px;
+  font-feature-settings: 'liga' off;
+  @include media(desktop) {
+    padding: 64px 0 151px;
+    @include font(24, 30);
+  }
+}
+
+.privacy-title {
+  @include title(28, 39, 1.12, attr(text));
+  margin-bottom: 36px;
+  @include media(desktop) {
+    @include title(48, 66, 1.92, attr(text));
+  }
+}
+
+.privacy-subtitle {
+  @include title(24, 33, 0.96, attr(text));
+  margin-bottom: 20px;
+  @include media(desktop) {
+    @include title(32, 44, 1.28, attr(text));
+    margin-bottom: 36px;
+  }
+}
+.privacy-description {
+  margin-bottom: 36px;
+  @include media(desktop) {
+    margin-bottom: 56px;
+  }
+}
+.privacy-section {
+  padding: 18px 0px;
+  &.marketing-section {
+    padding-top: 0px;
+  }
+  @include media(desktop) {
+    padding: 28px 0;
+  }
+}
+
+.privacy-item:not(:last-child),
+.privacy-text:not(:last-child) {
+  margin-bottom: 16px;
+}
+.privacy-text-accent {
+  color: $_yellow_color;
+}
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 1538f66..8c56901 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -31,6 +31,10 @@
   margin: 0 auto;
   padding: 0 16px;
 
+  @include media(mobile) {
+    max-width: 320px;
+  }
+
   @include media(desktop) {
     max-width: 1440px;
     padding: 0 72px;
