-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprivacy.html
More file actions
210 lines (195 loc) · 19 KB
/
Copy pathprivacy.html
File metadata and controls
210 lines (195 loc) · 19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy — haakemusic.com</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;700&display=swap">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;color:#fff;background:linear-gradient(to bottom,#1a3a6b 0%,#0a1a3a 60%,#060e22 100%);min-height:100vh;padding:0 0 100px}
.lang-bar{display:flex;justify-content:flex-end;padding:14px 28px 0;gap:8px}
.lang-btn{background:rgba(255,255,255,.08);border:1.5px solid rgba(120,170,230,.35);color:#a0c0e0;border-radius:50px;padding:7px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;letter-spacing:.06em}
.lang-btn.active{background:rgba(42,111,214,.4);border-color:#5a9af0;color:#fff}
.lang-btn:hover{background:rgba(42,111,214,.25);color:#fff}
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:rgba(6,14,34,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(120,170,230,.1);position:sticky;top:0;z-index:100}
.site-nav .nav-logo{font-family:'Barlow',sans-serif;font-weight:700;font-size:15px;color:#fff;text-decoration:none;letter-spacing:.02em}
.site-nav .nav-logo span{font-weight:300;color:#a0c0e0}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-link{color:#7ab0e8;font-size:13px;font-weight:600;text-decoration:none;padding:7px 16px;border-radius:50px;border:1.5px solid transparent;transition:all .18s;letter-spacing:.03em}
.nav-link:hover{color:#fff;background:rgba(42,111,214,.2);border-color:rgba(90,154,240,.3)}
.nav-link.active{color:#fff;background:rgba(42,111,214,.35);border-color:rgba(90,154,240,.5)}
.nav-badge{display:inline-block;background:#2a6fd6;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:50px;margin-left:4px;letter-spacing:.04em;vertical-align:middle;line-height:1.4}
.nav-item{position:relative}
.nav-item.dropdown>.nav-link{cursor:pointer}
.nav-item.dropdown>.nav-link::after{content:' ▾';font-size:9px;opacity:.7;margin-left:2px}
.nav-submenu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:rgba(6,14,34,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120,170,230,.15);border-radius:14px;padding:6px;min-width:170px;flex-direction:column;gap:2px;z-index:101;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.nav-submenu.open{display:flex}
.nav-submenu .nav-link{padding:8px 14px;border-radius:10px;font-size:13px;white-space:nowrap}
.page{max-width:680px;margin:0 auto;padding:64px 24px 0}
.page-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7ab0e8;margin-bottom:10px;font-weight:700}
.divider{width:44px;height:3px;background:linear-gradient(to right,#2a6fd6,#7ab0e8);border-radius:3px;margin:0 0 32px}
.page h1{font-family:'Barlow',sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.01em}
.page-subtitle{font-size:15px;color:#5a7a9a;margin-bottom:48px;font-weight:300}
.priv-section{margin-bottom:32px}
.priv-section h2{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7ab0e8;font-weight:700;margin-bottom:12px}
.priv-section p{font-size:15px;color:#88aed0;line-height:1.75}
.highlight-box{background:rgba(42,111,214,.1);border:1px solid rgba(42,111,214,.28);border-radius:14px;padding:22px 26px;margin-bottom:36px;position:relative;overflow:hidden}
.highlight-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4a8af0,#2a4ab0)}
.highlight-box p{font-size:16px;color:#c0daf4;line-height:1.7;font-weight:300}
.footer{text-align:center;padding:64px 24px 0;color:#2a4a6a;font-size:13px}
.footer a{color:#3a6a9a;text-decoration:none}
.footer a:hover{color:#7ab0e8}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:680px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(120,170,230,.08)}
</style>
</head>
<body>
<div class="lang-bar">
<button class="lang-btn" id="btn-de" onclick="setLang('de')">DE</button>
<button class="lang-btn active" id="btn-en" onclick="setLang('en')">EN</button>
<button class="lang-btn" id="btn-es" onclick="setLang('es')">ES</button>
</div>
<nav class="site-nav">
<a class="nav-logo" href="index.html">haake<span>music</span>.com</a>
<div class="nav-links">
<a class="nav-link" href="index.html" id="nav-home">Home</a>
<div class="nav-item dropdown">
<a class="nav-link" href="notechart.html" id="nav-nc">NoteChart<span class="nav-badge">Beta</span></a>
<div class="nav-submenu">
<a class="nav-link" href="notechart.html" id="nav-nc-info">NoteChart</a>
<a class="nav-link" href="ueber-mich.html" id="nav-nc-why">Warum NoteChart</a>
</div>
</div>
<div class="nav-item dropdown">
<a class="nav-link" href="dronepad.html" id="nav-dp">Drone Pad</a>
<div class="nav-submenu">
<a class="nav-link" href="dronepad.html" id="nav-dp-info">Info</a>
<a class="nav-link" href="dronepad-app.html" id="nav-dp-app">App starten</a>
</div>
</div>
<a class="nav-link" href="patchdirector.html">PatchDirector</a>
<a class="nav-link active" href="privacy.html" id="nav-privacy">Privacy</a>
</div>
</nav>
<div class="page">
<p class="page-label" id="l-label">Datenschutz</p>
<div class="divider"></div>
<h1 id="l-title">Datenschutzerklärung</h1>
<p class="page-subtitle" id="l-subtitle">Drone Pad – macOS & Web App</p>
<div class="highlight-box">
<p id="l-summary">Drone Pad erfasst, speichert oder überträgt keinerlei personenbezogene Daten. Die App funktioniert vollständig lokal auf deinem Gerät.</p>
</div>
<div class="priv-section">
<h2 id="l-h-data">Datenerfassung</h2>
<p id="l-data">Drone Pad erfasst keine personenbezogenen Daten. Es werden keine Nutzungsdaten, Analysedaten, Absturzberichte oder sonstige Informationen erhoben, gespeichert oder an Dritte übertragen.</p>
</div>
<div class="priv-section">
<h2 id="l-h-local">Lokale Verarbeitung</h2>
<p id="l-local">Alle Funktionen der App – Klangsynthese, Einstellungen, Benutzeroberfläche – laufen ausschließlich lokal auf dem Gerät des Nutzers. Es besteht keine Verbindung zu externen Servern.</p>
</div>
<div class="priv-section">
<h2 id="l-h-third">Drittanbieter</h2>
<p id="l-third">Drone Pad verwendet keine Drittanbieter-SDKs, Analyse-Frameworks, Werbedienste oder sonstige externe Dienste, die Daten erfassen könnten.</p>
</div>
<div class="priv-section">
<h2 id="l-h-website">Website (haakemusic.com)</h2>
<p id="l-website">Die Website haakemusic.com erfasst keine personenbezogenen Daten und setzt keine Tracking-Cookies. Die einzige lokal gespeicherte Information ist die zuletzt gewählte Sprache der Website (DE/EN/ES). Sie wird im <em>localStorage</em> deines Browsers unter dem Schlüssel <code>haakemusic.lang</code> gespeichert, damit deine Sprachwahl beim Seitenwechsel erhalten bleibt. Diese Speicherung ist technisch erforderlich für die gewünschte Funktion (Sprachauswahl) und enthält keine personenbezogenen Daten. Du kannst sie jederzeit im Browser löschen.</p>
</div>
<div class="priv-section">
<h2 id="l-h-video">Eingebettete Videos (YouTube)</h2>
<p id="l-video">Auf der Startseite (haakemusic.com) sind NoteChart-Videos eingebettet. Sie werden nicht automatisch geladen: Zunächst siehst du nur ein Vorschaubild ohne jede Verbindung zu YouTube oder Google. Erst wenn du ein Video aktiv anklickst, wird es über die Domain <code>youtube-nocookie.com</code> (erweiterter Datenschutzmodus) geladen. Dabei werden Daten – z. B. deine IP-Adresse und Geräteinformationen – an YouTube bzw. Google (Google Ireland Limited, Irland; ggf. Google LLC, USA) übertragen, und YouTube kann Cookies setzen. Rechtsgrundlage ist deine Einwilligung durch den Klick auf das Video (Art. 6 Abs. 1 lit. a DSGVO). Vor dem Klick werden keine Daten an Google übertragen. Mehr dazu in der <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" style="color:#7ab0e8">Datenschutzerklärung von Google</a>.</p>
</div>
<div class="priv-section">
<h2 id="l-h-children">Kinder</h2>
<p id="l-children">Da keinerlei Daten erfasst werden, bestehen keine besonderen Risiken für Kinder unter 13 Jahren. Die App richtet sich an Musiker, Lehrer und alle klanginteressierten Nutzer.</p>
</div>
<div class="priv-section">
<h2 id="l-h-contact">Kontakt</h2>
<p id="l-contact"><a href="mailto:thomas.haake@gmail.com" style="color:#7ab0e8">thomas.haake@gmail.com</a><br><a href="https://haakemusic.com" style="color:#7ab0e8">haakemusic.com</a></p>
</div>
</div>
<div class="footer">
<div class="footer-meta">
<span>© 2025 Thomas Haake · haakemusic.com · <a href="index.html#impressum">Impressum</a></span>
<span id="l-updated">Zuletzt aktualisiert: Juni 2026</span>
</div>
</div>
<script>
const T = {
de:{
'nav-home':'Home','nav-privacy':'Privacy','nav-nc-info':'NoteChart','nav-nc-why':'Warum NoteChart','nav-dp-info':'Info','nav-dp-app':'App starten',
'l-label':'Datenschutz','l-title':'Datenschutzerklärung','l-subtitle':'Drone Pad – macOS & Web App',
'l-summary':'Drone Pad erfasst, speichert oder überträgt keinerlei personenbezogene Daten. Die App funktioniert vollständig lokal auf deinem Gerät.',
'l-h-data':'Datenerfassung','l-data':'Drone Pad erfasst keine personenbezogenen Daten. Es werden keine Nutzungsdaten, Analysedaten, Absturzberichte oder sonstige Informationen erhoben, gespeichert oder an Dritte übertragen.',
'l-h-local':'Lokale Verarbeitung','l-local':'Alle Funktionen der App – Klangsynthese, Einstellungen, Benutzeroberfläche – laufen ausschließlich lokal auf dem Gerät des Nutzers. Es besteht keine Verbindung zu externen Servern.',
'l-h-third':'Drittanbieter','l-third':'Drone Pad verwendet keine Drittanbieter-SDKs, Analyse-Frameworks, Werbedienste oder sonstige externe Dienste, die Daten erfassen könnten.',
'l-h-website':'Website (haakemusic.com)','l-website':'Die Website haakemusic.com erfasst keine personenbezogenen Daten und setzt keine Tracking-Cookies. Die einzige lokal gespeicherte Information ist die zuletzt gewählte Sprache der Website (DE/EN/ES). Sie wird im <em>localStorage</em> deines Browsers unter dem Schlüssel <code>haakemusic.lang</code> gespeichert, damit deine Sprachwahl beim Seitenwechsel erhalten bleibt. Diese Speicherung ist technisch erforderlich für die gewünschte Funktion (Sprachauswahl) und enthält keine personenbezogenen Daten. Du kannst sie jederzeit im Browser löschen.',
'l-h-video':'Eingebettete Videos (YouTube)','l-video':'Auf der Startseite (haakemusic.com) sind NoteChart-Videos eingebettet. Sie werden nicht automatisch geladen: Zunächst siehst du nur ein Vorschaubild ohne jede Verbindung zu YouTube oder Google. Erst wenn du ein Video aktiv anklickst, wird es über die Domain <code>youtube-nocookie.com</code> (erweiterter Datenschutzmodus) geladen. Dabei werden Daten – z. B. deine IP-Adresse und Geräteinformationen – an YouTube bzw. Google (Google Ireland Limited, Irland; ggf. Google LLC, USA) übertragen, und YouTube kann Cookies setzen. Rechtsgrundlage ist deine Einwilligung durch den Klick auf das Video (Art. 6 Abs. 1 lit. a DSGVO). Vor dem Klick werden keine Daten an Google übertragen. Mehr dazu in der <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" style="color:#7ab0e8">Datenschutzerklärung von Google</a>.',
'l-h-children':'Kinder','l-children':'Da keinerlei Daten erfasst werden, bestehen keine besonderen Risiken für Kinder unter 13 Jahren. Die App richtet sich an Musiker, Lehrer und alle klanginteressierten Nutzer.',
'l-h-contact':'Kontakt','l-contact':'<a href="mailto:thomas.haake@gmail.com" style="color:#7ab0e8">thomas.haake@gmail.com</a><br><a href="https://haakemusic.com" style="color:#7ab0e8">haakemusic.com</a>',
'l-updated':'Zuletzt aktualisiert: Juni 2026',
},
en:{
'nav-home':'Home','nav-privacy':'Privacy','nav-nc-info':'NoteChart','nav-nc-why':'Why NoteChart','nav-dp-info':'Info','nav-dp-app':'Launch app',
'l-label':'Privacy','l-title':'Privacy Policy','l-subtitle':'Drone Pad – macOS & Web App',
'l-summary':'Drone Pad does not collect, store or transmit any personal data. The app runs entirely locally on your device.',
'l-h-data':'Data collection','l-data':'Drone Pad collects no personal data. No usage data, analytics, crash reports or any other information is gathered, stored or shared with third parties.',
'l-h-local':'Local processing','l-local':'All app functions — sound synthesis, settings, user interface — run exclusively on the user\'s device. There is no connection to external servers.',
'l-h-third':'Third parties','l-third':'Drone Pad uses no third-party SDKs, analytics frameworks, advertising services or any other external services that could collect data.',
'l-h-website':'Website (haakemusic.com)','l-website':'The haakemusic.com website does not collect any personal data and sets no tracking cookies. The only locally stored information is your most recently selected website language (DE/EN/ES). It is saved in your browser\'s <em>localStorage</em> under the key <code>haakemusic.lang</code>, so your language choice persists across pages. This storage is strictly necessary for the requested function (language selection) and contains no personal data. You can clear it at any time in your browser.',
'l-h-video':'Embedded videos (YouTube)','l-video':'The home page (haakemusic.com) embeds NoteChart videos. They are not loaded automatically: at first you only see a preview image with no connection to YouTube or Google. Only when you actively click a video is it loaded via the <code>youtube-nocookie.com</code> domain (privacy-enhanced mode). This transmits data – e.g. your IP address and device information – to YouTube / Google (Google Ireland Limited, Ireland; possibly Google LLC, USA), and YouTube may set cookies. The legal basis is your consent given by clicking the video (Art. 6(1)(a) GDPR). No data is sent to Google before you click. For details see the <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" style="color:#7ab0e8">Google privacy policy</a>.',
'l-h-children':'Children','l-children':'Since no data is collected, there are no particular risks for children under 13. The app is aimed at musicians, teachers and anyone interested in sound.',
'l-h-contact':'Contact','l-contact':'<a href="mailto:thomas.haake@gmail.com" style="color:#7ab0e8">thomas.haake@gmail.com</a><br><a href="https://haakemusic.com" style="color:#7ab0e8">haakemusic.com</a>',
'l-updated':'Last updated: June 2026',
},
es:{
'nav-home':'Inicio','nav-privacy':'Privacidad','nav-nc-info':'NoteChart','nav-nc-why':'Por qué NoteChart','nav-dp-info':'Info','nav-dp-app':'Abrir app',
'l-label':'Privacidad','l-title':'Política de Privacidad','l-subtitle':'Drone Pad – macOS y App Web',
'l-summary':'Drone Pad no recopila, almacena ni transmite ningún dato personal. La app funciona completamente de forma local en tu dispositivo.',
'l-h-data':'Recopilación de datos','l-data':'Drone Pad no recopila datos personales. No se recoge, almacena ni comparte con terceros ningún dato de uso, análisis, informes de fallos ni ninguna otra información.',
'l-h-local':'Procesamiento local','l-local':'Todas las funciones de la app — síntesis de sonido, ajustes, interfaz de usuario — se ejecutan exclusivamente en el dispositivo del usuario. No hay conexión a servidores externos.',
'l-h-third':'Terceros','l-third':'Drone Pad no utiliza SDKs de terceros, marcos de análisis, servicios publicitarios ni ningún otro servicio externo que pueda recopilar datos.',
'l-h-website':'Sitio web (haakemusic.com)','l-website':'El sitio web haakemusic.com no recopila datos personales y no establece cookies de seguimiento. La única información almacenada localmente es el idioma del sitio web seleccionado más recientemente (DE/EN/ES). Se guarda en el <em>localStorage</em> de tu navegador bajo la clave <code>haakemusic.lang</code>, para que tu elección de idioma se mantenga al cambiar de página. Este almacenamiento es estrictamente necesario para la función solicitada (selección de idioma) y no contiene datos personales. Puedes borrarlo en cualquier momento en tu navegador.',
'l-h-video':'Vídeos integrados (YouTube)','l-video':'En la página de inicio (haakemusic.com) hay vídeos de NoteChart integrados. No se cargan automáticamente: al principio solo ves una imagen de vista previa, sin ninguna conexión con YouTube o Google. Solo cuando haces clic activamente en un vídeo se carga a través del dominio <code>youtube-nocookie.com</code> (modo de privacidad mejorada). Esto transmite datos – p. ej. tu dirección IP e información del dispositivo – a YouTube / Google (Google Ireland Limited, Irlanda; posiblemente Google LLC, EE. UU.), y YouTube puede establecer cookies. La base jurídica es tu consentimiento al hacer clic en el vídeo (art. 6.1.a RGPD). Antes del clic no se envía ningún dato a Google. Más información en la <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" style="color:#7ab0e8">política de privacidad de Google</a>.',
'l-h-children':'Menores','l-children':'Dado que no se recopilan datos, no existen riesgos particulares para menores de 13 años. La app está dirigida a músicos, profesores y cualquier persona interesada en el sonido.',
'l-h-contact':'Contacto','l-contact':'<a href="mailto:thomas.haake@gmail.com" style="color:#7ab0e8">thomas.haake@gmail.com</a><br><a href="https://haakemusic.com" style="color:#7ab0e8">haakemusic.com</a>',
'l-updated':'Última actualización: junio 2026',
}
};
function setLang(lang){
['de','en','es'].forEach(l=>document.getElementById('btn-'+l).classList.toggle('active',l===lang));
document.documentElement.lang=lang;
try{localStorage.setItem('haakemusic.lang',lang);}catch(e){}
const t=T[lang];
for(const[id,val]of Object.entries(t)){const el=document.getElementById(id);if(el)el.innerHTML=val;}
}
document.addEventListener('DOMContentLoaded',()=>{
let stored='en';
try{const s=localStorage.getItem('haakemusic.lang');if(s==='de'||s==='en'||s==='es')stored=s;}catch(e){}
setLang(stored);
});
</script>
<script>
document.addEventListener('DOMContentLoaded',()=>{
const dds=document.querySelectorAll('.nav-item.dropdown');
if(!dds.length)return;
dds.forEach(dd=>{
const trigger=dd.querySelector('.nav-link');
const menu=dd.querySelector('.nav-submenu');
trigger.addEventListener('click',e=>{
e.preventDefault();
dds.forEach(other=>{if(other!==dd)other.querySelector('.nav-submenu').classList.remove('open');});
menu.classList.toggle('open');
});
});
document.addEventListener('click',e=>{
dds.forEach(dd=>{
if(!dd.contains(e.target))dd.querySelector('.nav-submenu').classList.remove('open');
});
});
});
</script>
</body>
</html>