-
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.
Refactor: Decompose .privacy into separate component
- Loading branch information
Showing
4 changed files
with
104 additions
and
93 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,52 @@ | ||
| <div class="privacy"> | ||
| <div class="privacy__container title-content"> | ||
|
|
||
| <h2 id="contacts">Privacy Policy</h2> | ||
|
|
||
| <div class="privacy__text"> | ||
|
|
||
| <p class="privacy__text-date">Last Updated: 28.08.2023</p> | ||
| <p>Your privacy is important to us, and we are committed to protecting and safeguarding your personal information. This Privacy Policy outlines how we collect, use, and safeguard information when you visit our website.</p> | ||
|
|
||
| <h4>Information We Collect</h4> | ||
| <p>When you visit <a href="https://astik.dev/">astik.dev</a>, we automatically collect certain information about your device, browsing actions, and patterns. This information may include:</p> | ||
| <ul> | ||
| <li>Your IP address</li> | ||
| <li>Browser type and version</li> | ||
| <li>Operating system</li> | ||
| <li>Referral source</li> | ||
| <li>Pages visited on our website</li> | ||
| <li>Time and date of your visit</li> | ||
| <li>Clicks on specific buttons and links</li> | ||
| <li>Interactions with projects, including scrolling</li> | ||
| </ul> | ||
| <p>We collect this information using cookies and similar tracking technologies. By consenting to the use of cookies, you agree to the collection of this information for the purpose of analyzing website traffic and improving user experience.</p> | ||
|
|
||
| <h4>How We Use Your Personal Information</h4> | ||
| <p>We use the information collected to analyze how users interact with the website, with the goal of improving our site and making it more user-friendly. This analysis includes understanding which pages are most visited, how long visitors stay on each page, and which projects are of the greatest interest. By analyzing this data, we can enhance your browsing experience and provide more relevant content.</p> | ||
|
|
||
| <h4>Cookies</h4> | ||
| <p>Cookies are small data files that are placed on your device when you visit a website. They help us improve your browsing experience and gather information about how our website is being used. <a href="https://astik.dev/">astik.dev</a> uses cookies to implement Google Analytics 4 and Google Tag Manager.</p> | ||
|
|
||
| <h4>Your Cookie Choices</h4> | ||
| <p>Upon entering <a href="https://astik.dev/">astik.dev</a>, you will be presented with a pop-up window that provides you with the option to either consent to or decline the use of cookies. If you choose to decline cookies, we will only use essential cookies that are necessary for the basic functionality of the website.</p> | ||
|
|
||
| <h4>Google Analytics 4</h4> | ||
| <p>We use Google Analytics 4 to analyze the usage of our website and better understand how visitors interact with it. Google Analytics 4 gathers information such as the pages you visit, the time you spend on each page, and the actions you take. This data is used to generate reports that help us improve our website's performance and content. Google Analytics 4 may collect your anonymized IP address but does not collect any personally identifiable information. You can learn more about how Google Analytics 4 uses data by visiting <a href="https://policies.google.com/privacy" target="_blank">Google's Privacy Policy</a>.</p> | ||
|
|
||
| <h4>Google Tag Manager</h4> | ||
| <p>Google Tag Manager is used to manage and deploy various tags and tracking codes on our website. It helps us implement and manage third-party tools, such as Google Analytics 4, without directly modifying the website's code. Google Tag Manager itself does not collect any personal information; it only facilitates the deployment of tags.</p> | ||
|
|
||
| <h4>Data Security</h4> | ||
| <p>We take data security seriously and implement appropriate measures to protect the information collected on <a href="https://astik.dev/">astik.dev</a>. However, please note that no method of transmission over the internet or method of electronic storage is completely secure. While we strive to use commercially acceptable means to protect your information, we cannot guarantee its absolute security.</p> | ||
|
|
||
| <h4>Changes to this Privacy Policy</h4> | ||
| <p>We may update this Privacy Policy from time to time to reflect changes in our practices or for other operational, legal, or regulatory reasons. The latest version of the Privacy Policy will always be posted on this page, and the date of the latest revision will be indicated at the top of the page.</p> | ||
|
|
||
| <h4>Contact Us</h4> | ||
| <p>If you have any questions about this Privacy Policy or your interactions with <a href="https://astik.dev/">astik.dev</a>, you can contact us at <a href="mailto:astik.portfolio@gmail.com">astik.portfolio@gmail.com</a>.</p> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| </div> |
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,47 @@ | ||
| @use "../../scss/abstracts/mixins" as *; | ||
|
|
||
|
|
||
| .privacy { | ||
|
|
||
| &__container { | ||
| @include container(750px, 0); | ||
| } | ||
|
|
||
| &__text { | ||
|
|
||
| p.privacy__text-date { | ||
| margin: 0 0 15px 0; | ||
|
|
||
| font-style: italic; | ||
|
|
||
| opacity: 0.7; | ||
| } | ||
|
|
||
| h4 { | ||
| margin-top: 25px; | ||
| } | ||
|
|
||
| p, ul li { | ||
| margin-top: 8px; | ||
|
|
||
| font-weight: 300; | ||
| } | ||
|
|
||
| p { | ||
| text-align: justify; | ||
| } | ||
|
|
||
| ul { | ||
|
|
||
| li:before { | ||
| content: "· "; | ||
| } | ||
| } | ||
|
|
||
| a { | ||
| color: #2C66C3; | ||
| text-decoration: underline; | ||
| font-weight: 400; | ||
| } | ||
| } | ||
| } |
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
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