GuidoSchenone/NO-TRACKING-COOKIES-POLICY
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hello

Browse Source
This commit is contained in:
GuidoSchenone
2025-12-12 14:14:22 -03:00
parent 08a5329425
commit f315d5679a
3 changed files with 57 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
DataPrivacy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
cypsec-logo-white-transparent.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

265
index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data Privacy Declaration – CypSec</title> <title>No Tracking Cookies Policy – CypSec</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style> <style>
@@ -85,46 +85,44 @@
<div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div> <div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
</div> </div>
<div class="container mx-auto px-6 text-center relative z-10"> <div class="container mx-auto px-6 text-center relative z-10">
<h1 class="text-4xl lg:text-6xl font-semibold leading-tight">Data <span class="text-blue-500">Privacy</span> Declaration</h1> <!-- NEW TITLE & SUB-TITLE -->
<p class="text-lg mt-6 max-w-2xl mx-auto text-gray-300">Transparent, Sovereign, Trustworthy.</p> <h1 class="text-4xl lg:text-6xl font-semibold leading-tight">
<div class="flex justify-center mx-auto mt-6"> Strict <span class="text-blue-500">‘No Tracking Cookies’</span> Policy
<span class="inline-block w-40 h-1 bg-blue-500 rounded-full"></span> </h1>
<span class="inline-block w-3 h-1 mx-1 bg-blue-500 rounded-full"></span> <p class="text-lg mt-6 max-w-2xl mx-auto text-gray-300">
<span class="inline-block w-1 h-1 bg-blue-500 rounded-full"></span> Why we are against using tracking cookies
</div> </p>
</div> </div>
</section> </section>
<!-- --------------- MAIN CONTENT --------------- --> <!-- --------------- MAIN CONTENT --------------- -->
<main class="max-w-5xl mx-auto px-6 pb-20"> <main class="max-w-5xl mx-auto px-6 pb-20">
<!-- 1. INTRO – expandable --> <!-- 1. INTRO – expandable (FIXED) -->
<section class="mb-8"> <section class="mb-8">
<div class="neo-card rounded-2xl p-6 glow-border expand"> <div class="neo-card rounded-2xl p-6 glow-border expand"> <!-- ← add this class -->
<div class="flex items-start space-x-4 mb-4"> <div class="flex items-start space-x-4 mb-4">
<div class="w-12 h-12 bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-xl flex items-center justify-center"><i class="fa-solid fa-shield-halved text-blue-500 text-xl"></i></div> <div class="w-12 h-12 bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-xl flex items-center justify-center">
<div> <i class="fa-solid fa-shield-halved text-blue-500 text-xl"></i>
<h3 class="text-lg font-semibold mb-2 text-white">Introduction</h3>
<p class="text-sm text-gray-300 compact-text">The protection of your personal data is a core component of cyber-sovereignty. The following declaration explains what information we collect when you interact with our web presence, how we process it, and which rights you have – in clear, concise language.</p>
</div>
</div> </div>
<p class="text-sm text-gray-300 compact-text mb-3">Cyber insurance helps organizations absorb financial damage — but insurers increasingly demand demonstrable security maturity before offering adequate coverage.</p> <div>
<p class="text-sm text-gray-300 compact-text mb-4">CypSec bridges this gap by preparing organizations for insurance eligibility, reducing risk exposure, and supporting incident documentation and claims.</p> <h3 class="text-lg font-semibold mb-2 text-white">Introduction</h3>
<p class="text-sm text-gray-300 compact-text">At CypSec, your privacy isn’t an afterthought — it’s a core principle. This page explains how we protect your data, why we refuse to use tracking or analytics cookies, and the measures we take to keep your browsing experience private, transparent, and secure.</p>
<!-- EXPAND TRIGGER -->
<button class="expand-trigger flex items-center space-x-2 text-blue-500 hover:text-blue-400 transition">
<span class="text-sm">Learn more</span>
<i class="fas fa-chevron-down expand-icon text-blue-500 text-xs"></i>
</button>
<!-- EXPAND CONTENT -->
<div class="expand-content px-2 text-sm text-gray-300 space-y-2">
<p>Most small and mid-sized businesses underestimate both the probability and the impact of a cyber event. Our readiness programme quantifies your current exposure, maps it to insurance requirements, and delivers a prioritised improvement plan that underwriters recognise.</p>
<p>By the end of the engagement you will have a concise evidence pack (policies, architecture diagrams, test reports, attestation letters) that can be handed to any carrier or broker, cutting weeks off the application cycle and often reducing quoted premiums by 15–40 %.</p>
</div> </div>
</div> </div>
</section> <!-- EXPAND TRIGGER -->
<button class="expand-trigger flex items-center space-x-2 text-blue-500 hover:text-blue-400 transition">
<span class="text-sm">Learn more</span>
<i class="fas fa-chevron-down expand-icon text-blue-500 text-xs"></i>
</button>
<!-- EXPAND CONTENT -->
<div class="expand-content px-2 text-sm text-gray-300 space-y-2">
<p>Our commitment is simple: you stay in control of your information, and we keep our systems clean, respectful, and free from unnecessary data collection. If you ever have questions, we’re here to help.</p>
</div>
</div>
</section>
<!-- NEW SECTION: Strict No Tracking Cookies Policy --> <!-- NEW SECTION: Strict No Tracking Cookies Policy -->
<section class="mb-10"> <section class="mb-10">
<h2 class="text-2xl font-bold mb-6 text-white flex items-center"> <h2 class="text-2xl font-bold mb-6 text-white flex items-center">
@@ -204,7 +202,6 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 5. Third-party services --> <!-- 5. Third-party services -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden"> <div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none"> <button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
@@ -229,180 +226,7 @@
</section> </section>
<!-- ORIGINAL ACCORDIONS CONTINUE -->
<!-- 1. General information -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>1. General information</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>The following notes provide a simple overview of what happens to your personal data when you visit this website. Personal data is all data with which you can be personally identified. Detailed information on the subject of data protection can be found in our data protection declaration listed under this text.</p>
</div>
</div>
<!-- 2. Data collection on this website -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>2. Data collection on this website</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm space-y-4">
<div>
<p class="font-semibold text-white">2.1. Who is responsible for data collection on this website?</p>
<p>The data processing on this website is carried out by the website operator. You can find their contact details in the section "Notice on the responsible body" in this data protection declaration.</p>
</div>
<div>
<p class="font-semibold text-white">2.2. How do we collect your data?</p>
<p>On the one hand, your data is collected when you communicate it to us. This can be z. B. be data that you enter in a contact form. Other data is collected automatically or with your consent by our IT systems when you visit the website. This is primarily technical data (e.g. internet browser, operating system or time of the page view). This data is collected automatically as soon as you enter this website.</p>
</div>
<div>
<p class="font-semibold text-white">2.3. What do we use your data for?</p>
<p>Part of the data is collected to ensure that the website is provided without errors. Other data can be used to analyze your user behavior.</p>
</div>
<div>
<p class="font-semibold text-white">2.4. What rights do you have regarding your data?</p>
<p>You have the right to receive information about the origin, recipient and purpose of your stored personal data free of charge at any time. You also have the right to request the correction or deletion of this data. If you have given your consent to data processing, you can revoke this consent at any time for the future. You also have the right, under certain circumstances, to request that the processing of your personal data be restricted. Furthermore, you have the right to lodge a complaint with the competent supervisory authority. You can contact us at any time if you have any further questions on the subject of data protection.</p>
</div>
</div>
</div>
<!-- 3. Data Protection -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>3. Data Protection</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>The operators of these pages take the protection of your personal data very seriously. We treat your personal data confidentially and in accordance with the statutory data protection regulations and this data protection declaration.</p>
<p class="mt-2">If you use this website, various personal data will be collected. Personal data is data with which you can be personally identified. This data protection declaration explains what data we collect and what we use it for. It also explains how and for what purpose this happens.</p>
<p class="mt-2">We would like to point out that data transmission on the Internet (e.g. when communicating by e-mail) can have security gaps. A complete protection of the data against access by third parties is not possible.</p>
</div>
</div>
<!-- 4. Note on the Responsible Body -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>4. Note on the Responsible Body</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>The responsible body for data processing on this website is: <strong>CypSec</strong></p>
<p class="mt-1">Mail: <a href="mailto:contact@cypsec.de" class="text-blue-400 hover:underline">contact@cypsec.de</a></p>
</div>
</div>
<!-- 5. Storage Duration -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>5. Storage Duration</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>Unless a specific storage period has been specified in this data protection declaration, your personal data will remain with us until the purpose for data processing no longer applies. If you assert a legitimate request for deletion or revoke your consent to data processing, your data will be deleted unless we have other legally permissible reasons for storing your personal data (e.g. tax or commercial law retention periods); in the latter case, the data will be deleted once these reasons have ceased to exist.</p>
</div>
</div>
<!-- 6. General Information on the Legal Basis for Data Processing on this Website -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>6. General Information on the Legal Basis for Data Processing on this Website</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>If you have consented to the data processing, we will process your personal data on the basis of Article 6 Paragraph 1 Letter a GDPR or Article 9 Paragraph 2 Letter a GDPR, if special data categories according to Article 9 Paragraph 1 GDPR are processed. In the event of express consent to the transfer of personal data to third countries, data processing is also based on Article 49 (1) (a) GDPR. If you have consented to the storage of cookies or access to information on your end device (e.g. via device fingerprinting), data processing is also based on Section 25 (1) TTDSG. The consent can be revoked at any time. If your data is required to fulfill the contract or to carry out pre-contractual measures, we process your data on the basis of Article 6 (1) (b) GDPR. Furthermore, we process your data if they are required to fulfill a legal obligation on the basis of Article 6 (1) (c) GDPR. Data processing can also take place on the basis of our legitimate interest in accordance with Art. 6 Para. 1 lit. f GDPR. The following paragraphs of this data protection declaration provide information on the relevant legal bases in each individual case.</p>
</div>
</div>
<!-- 7. Revocation of Your Consent to Data Processing -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>7. Revocation of Your Consent to Data Processing</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>Many data processing operations are only possible with your express consent. You can revoke consent that you have already given at any time. The legality of the data processing that took place up until the revocation remains unaffected by the revocation.</p>
<p class="mt-2 font-semibold text-white">Right to Object to Data Collection in Special Cases and to Direct Advertising (Art. 21 GDPR):</p>
<p>IF THE DATA PROCESSING IS BASED ON ART. 6 ABS. 1 LIT. E OR F GDPR, YOU HAVE THE RIGHT AT ANY TIME TO OBJECT TO THE PROCESSING OF YOUR PERSONAL DATA FOR REASONS ARISING FROM YOUR PARTICULAR SITUATION; THIS ALSO APPLIES TO PROFILING BASED ON THESE PROVISIONS. THE RESPECTIVE LEGAL BASIS ON WHICH A PROCESSING IS BASED CAN BE FOUND IN THIS DATA PRIVACY POLICY. IF YOU OBJECT, WE WILL NO LONGER PROCESS YOUR PERSONAL DATA INVOLVED, UNLESS WE CAN PROVE COMPREHENT PROTECTIVE GROUNDS FOR THE PROCESSING WHICH OVERRIDE YOUR INTERESTS, RIGHTS AND FREEDOMS OR THE PROCESSING IS FOR THE PURPOSE, EXERCISE OR DEFENSE LEGAL CLAIMS ( OBJECTION ACCORDING TO ARTICLE 21 (1) GDPR).</p>
<p class="mt-2">IF YOUR PERSONAL DATA IS PROCESSED FOR DIRECT ADVERTISING, YOU HAVE THE RIGHT TO OBJECT AT ANY TIME TO THE PROCESSING OF YOUR PERSONAL DATA FOR SUCH ADVERTISING PURPOSES; THIS ALSO APPLIES TO PROFILING TO THE EXTENT RELATED TO SUCH DIRECT ADVERTISING. IF YOU OBJECT, YOUR PERSONAL DATA WILL NO LONGER BE USED FOR DIRECT ADVERTISING PURPOSES (OBJECTION ACCORDING TO ART. 21 (2) GDPR).</p>
</div>
</div>
<!-- 8. Right of Appeal to the Competent Supervisory Authority -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>8. Right of Appeal to the Competent Supervisory Authority</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>In the event of violations of the GDPR, those affected have the right to lodge a complaint with a supervisory authority, in particular in the Member State of their habitual residence, their place of work or the place of the alleged violation. The right to lodge a complaint is without prejudice to any other administrative or judicial remedy.</p>
</div>
</div>
<!-- 9. Right to Data Portability -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>9. Right to Data Portability</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>You have the right to have data that we process automatically on the basis of your consent or in fulfillment of a contract handed over to you or to a third party in a common, machine-readable format. If you request the direct transfer of the data to another person responsible, this will only be done to the extent that it is technically feasible.</p>
</div>
</div>
<!-- 10. SSL or TLS Encryption -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>10. SSL or TLS Encryption</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>For security reasons and to protect the transmission of confidential content, such as orders or inquiries that you send to us as the site operator, this site uses SSL or TLS encryption. You can recognize an encrypted connection by the fact that the address line of the browser changes from "http://" to "https://" and by the lock symbol in your browser line.</p>
<p class="mt-2">If SSL or TLS encryption is activated, the data that you transmit to us cannot be read by third parties.</p>
</div>
</div>
<!-- 11. Information, Deletion and Correction -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>11. Information, Deletion and Correction</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>Within the framework of the applicable legal provisions, you have the right to free information about your stored personal data, its origin and recipient and the purpose of the data processing and, if necessary, a right to correction or deletion of this data at any time. You can contact us at any time if you have any further questions on the subject of personal data.</p>
</div>
</div>
<!-- 12. Right to Restriction of Processing -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>12. Right to Restriction of Processing</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>You have the right to request the restriction of the processing of your personal data. You can contact us at any time for this. The right to restriction of processing exists in the following cases:</p>
<ul class="list-disc ml-5 mt-2 space-y-1">
<li>If you dispute the accuracy of your personal data stored by us, we usually need time to check this. For the duration of the examination, you have the right to request that the processing of your personal data be restricted.</li>
<li>If the processing of your personal data happened/is happening unlawfully, you can request the restriction of data processing instead of deletion.</li>
<li>If we no longer need your personal data, but you need it to exercise, defend or assert legal claims, you have the right to demand that the processing of your personal data be restricted instead of being deleted.</li>
<li>If you have lodged an objection in accordance with Art. 21 (1) GDPR, your interests and ours must be weighed up. As long as it has not yet been determined whose interests prevail, you have the right to demand that the processing of your personal data be restricted.</li>
</ul>
<p class="mt-2">If you have restricted the processing of your personal data, this data - apart from its storage - may only be used with your consent or to assert, exercise or defend legal claims or to protect the rights of another natural or legal person or for reasons of important public interest of the European Union or a Member State are processed.</p>
</div>
</div>
<!-- 13. Server log files -->
<div class="accordion neo-card rounded-xl mb-4 glow-border overflow-hidden">
<button class="accordion-trigger w-full flex items-center justify-between px-6 py-4 text-left text-white font-semibold text-lg focus:outline-none">
<span>13. Server log files</span>
<i class="fas fa-chevron-down accordion-icon text-blue-500"></i>
</button>
<div class="accordion-content px-6 text-gray-300 text-sm">
<p>The provider of the pages automatically collects and stores information in so-called server log files, which your browser automatically transmits to us. These are: Browser type and browser version, operating system used, host name of the accessing computer time of server request and the IP address. This data is not merged with other data sources.</p>
<p class="mt-2">This data is collected on the basis of Article 6 (1) (f) GDPR. The website operator has a legitimate interest in the technically error-free presentation and optimization of his website - the server log files must be recorded for this purpose.</p>
<p class="mt-2">Source: <a href="https://www.e-recht24.de" class="text-blue-400 hover:underline" target="_blank">https://www.e-recht24.de</a></p>
</div>
</div>
<!-- --------------- FUSED CTA with BACKGROUND IMAGE --------------- --> <!-- --------------- FUSED CTA with BACKGROUND IMAGE --------------- -->
<section id="contact" class="relative mt-20 rounded-xl overflow-hidden text-center"> <section id="contact" class="relative mt-20 rounded-xl overflow-hidden text-center">
@@ -434,14 +258,39 @@
</div> </div>
</footer> </footer>
<style>
/* ---------- LEARN-MORE EXPANDER ---------- */
.expand-content {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease, padding .4s ease;
}
.expanded .expand-content {
max-height: 500px; /* enough for your text */
padding-top: .5rem;
padding-bottom: .5rem;
}
.expand-icon {
transition: transform .3s ease;
}
.expanded .expand-icon {
transform: rotate(180deg);
}
</style>
<script> <script>
/* ---- accordion logic ---- */ /* ---------- ACCORDION (blue cards) ---------- */
document.querySelectorAll('.accordion-trigger').forEach(btn => { document.querySelectorAll('.accordion-trigger').forEach(btn => {
btn.addEventListener('click', () => { btn.addEventListener('click', () => {
const parent = btn.closest('.accordion'); const parent = btn.closest('.accordion');
parent.classList.toggle('accordion-open'); parent.classList.toggle('accordion-open');
}); });
}); });
/* ---------- LEARN-MORE EXPANDER ---------- */
document.querySelector('.expand-trigger').addEventListener('click', () => {
document.querySelector('.expand').classList.toggle('expanded');
});
</script> </script>
</body> </body>