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 @@ -
- -
+
diff --git a/src/privacy-policy.html b/src/privacy-policy.html index 172ec1e..80b8247 100644 --- a/src/privacy-policy.html +++ b/src/privacy-policy.html @@ -6,6 +6,10 @@ Privacy policy + @@ -13,14 +17,126 @@
-
- Go to home -

Welcome to page Privacy policy

-
+
+
+

Privacy Policy

+

+ 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. +

+
+

Marketing

+

+ You have the right at any time to stop Starluckyventures.com + contacting you for marketing purposes. +

+

+ 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. +

+

+ If you have agreed to receive marketing, you may always opt out at + a later date. +

+

+ If you no longer wish to be contacted for marketing purposes, + please contact us. +

+
+
+

+ What are your data protection rights? +

+

+ 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: +

+ +
    +
  • +

    + The right to access + – You have the right to request Starluckyventures.com for + copies of your personal data. +

    +
  • +
  • +

    + The right to rectification + – 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. +

    +
  • +
  • +

    + The right to erasure + – You have the right to request that Starluckyventures.com + erase your personal data, under certain conditions. +

    +
  • +
  • +

    + The right to restrict processing + – You have the right to request that Starluckyventures.com + restrict the processing of your personal data, under certain + conditions. +

    +
  • +
  • +

    + The right to object to processing + – You have the right to object to Starluckyventures.com + processing of your personal data, under certain conditions. +

    +
  • +
  • +

    + The right to data portability + – 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. +

    +
  • +
+
+
+

+ Changes to our privacy policy +

+

+ Starluckyventures.com keeps its privacy policy under regular + review and places any updates on this web page. +

+
+
+
+ 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 new file mode 100644 index 0000000..62f481e --- /dev/null +++ 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 33edc29..8c56901 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -8,6 +8,7 @@ @import './benefits.scss'; @import './gallery.scss'; @import './footer.scss'; +@import './privacy.scss'; :root { font-family: $font-family; @@ -30,6 +31,10 @@ margin: 0 auto; padding: 0 16px; + @include media(mobile) { + max-width: 320px; + } + @include media(desktop) { max-width: 1440px; padding: 0 72px;