-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnotechart.html
More file actions
479 lines (465 loc) · 39.1 KB
/
Copy pathnotechart.html
File metadata and controls
479 lines (465 loc) · 39.1 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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
<!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>Lead Sheet Maker für Mac — NoteChart</title>
<meta name="description" content="NoteChart ist ein moderner Lead Sheet Maker für Mac: Akkorde, Rhythmus und Melodie, PDF-Export und MusicXML. Einfach für Einsteiger, vollständig für Profis.">
<link rel="canonical" href="https://haakemusic.com/notechart.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Lead Sheet Maker für Mac — NoteChart">
<meta property="og:description" content="Ein moderner Lead Sheet Maker: Akkorde, Rhythmus, Melodie, PDF-Export und MusicXML.">
<meta property="og:url" content="https://haakemusic.com/notechart.html">
<meta property="og:image" content="https://haakemusic.com/images/NC_working_area.png">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"NoteChart","applicationCategory":"MultimediaApplication","operatingSystem":"macOS","description":"Ein Lead Sheet Maker für Musiker und Lehrer: Akkorde, Rhythmus, Melodie, PDF-Export und MusicXML Import/Export.","url":"https://haakemusic.com/notechart.html","author":{"@type":"Person","name":"Thomas Haake"}}
</script>
<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}
.hero{text-align:center;padding:64px 24px 56px}
.hero-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7ab0e8;margin-bottom:18px;font-weight:700}
.hero h1{font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.07;letter-spacing:-.02em;color:#fff;margin-bottom:18px}
.hero h1 span{color:#7ab0e8}
.hero-sub{font-size:clamp(17px,2.2vw,20px);color:#c0d8f0;max-width:620px;margin:0 auto 14px;line-height:1.65;font-weight:300}
.hero-note{font-size:14px;color:#5a7a9a;margin-bottom:36px;font-style:italic}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:#2a6fd6;color:#fff;border:2px solid #4a8af0;padding:14px 34px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:all .2s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:#3a80e6;box-shadow:0 0 28px rgba(60,140,255,.4)}
.section{max-width:960px;margin:0 auto;padding:72px 24px 0}
.section-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 24px}
.section h2{font-size:clamp(26px,3.5vw,38px);font-weight:700;color:#fff;margin-bottom:14px;line-height:1.13}
.section p.lead{font-size:17px;color:#b0ccec;line-height:1.72;max-width:700px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px}
.feat-card{background:rgba(255,255,255,.05);border:1px solid rgba(120,170,230,.14);border-radius:16px;padding:28px 24px;transition:background .2s}
.feat-card:hover{background:rgba(255,255,255,.08)}
.feat-icon{font-size:26px;margin-bottom:14px;display:block}
.feat-card h3{font-size:17px;font-weight:600;color:#fff;margin-bottom:8px}
.feat-card p{font-size:14px;color:#88aed0;line-height:1.65}
.unique-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:36px}
.unique-card{background:rgba(42,111,214,.1);border:1px solid rgba(42,111,214,.28);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden}
.unique-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4a8af0,#2a4ab0)}
.unique-card h3{font-size:16px;font-weight:700;color:#a8d0f8;margin-bottom:10px}
.unique-card p{font-size:14px;color:#80a8cc;line-height:1.65}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:28px}
.spec{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 16px}
.spec-val{font-size:20px;font-weight:700;color:#7ab0e8;margin-bottom:4px}
.spec-lbl{font-size:12px;color:#507090;line-height:1.4}
.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.tag{background:rgba(120,170,230,.1);border:1px solid rgba(120,170,230,.22);color:#a0c8ee;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:500}
.cta-section{text-align:center;padding:80px 24px 0;max-width:600px;margin:0 auto}
.cta-section h2{font-size:clamp(24px,3.5vw,36px);font-weight:700;color:#fff;margin-bottom:12px}
.cta-section p{font-size:17px;color:#88aed0;margin-bottom:30px;line-height:1.6}
.footer{text-align:center;padding:48px 24px 0;color:#2a4a6a;font-size:13px}
.footer a{color:#3a6a9a;text-decoration:none}
.gallery{margin-top:48px}
.gallery-main{position:relative;text-align:center}
.gallery-main-img{width:100%;max-width:990px;border-radius:16px;border:1px solid rgba(120,170,230,.18);box-shadow:0 8px 48px rgba(0,0,0,.5);display:block;margin:0 auto;cursor:zoom-in;transition:opacity .25s ease}
.gallery-caption{margin-top:14px;font-size:13px;color:#7a9ab8;font-style:italic;min-height:1.2em}
.gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px;max-width:990px;margin-left:auto;margin-right:auto}
.gallery-thumb{background:none;border:2px solid rgba(120,170,230,.18);border-radius:8px;padding:0;cursor:pointer;overflow:hidden;transition:all .2s ease;aspect-ratio:16/10;display:block}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.55;transition:opacity .2s ease}
.gallery-thumb:hover{border-color:rgba(120,170,230,.45)}
.gallery-thumb:hover img{opacity:.85}
.gallery-thumb.active{border-color:#5a9af0;box-shadow:0 0 0 1px #5a9af0,0 0 18px rgba(90,154,240,.35)}
.gallery-thumb.active img{opacity:1}
@media(max-width:640px){.gallery-thumbs{grid-template-columns:repeat(6,1fr);gap:6px}}
.lightbox{display:none;position:fixed;inset:0;background:rgba(6,14,34,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;cursor:zoom-out;align-items:center;justify-content:center;padding:0}
.lightbox.open{display:flex}
.lightbox img{max-width:98vw;max-height:98vh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 48px rgba(0,0,0,.7)}
.lightbox-close{position:absolute;top:18px;right:24px;background:rgba(255,255,255,.08);border:1.5px solid rgba(120,170,230,.35);color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.lightbox-close:hover{background:rgba(42,111,214,.4)}
/* FAQ */
.faq{max-width:760px;margin:0 auto}
.faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(120,170,230,.14);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:22px;font-weight:400;color:#7ab0e8;flex:none}
.faq-item[open] summary::after{content:"−"}
.faq-a{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:#88aed0}
</style>
</head>
<body>
<div class="lang-bar">
<button class="lang-btn active" id="btn-de" onclick="setLang('de')">DE</button>
<button class="lang-btn" 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 active" 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" href="feedback.html" id="nav-feedback">Feedback</a>
<a class="nav-link" href="privacy.html" id="nav-privacy">Privacy</a>
</div>
</nav>
<div class="hero">
<p class="hero-eyebrow" id="l-eyebrow">macOS · Beta ist live</p>
<h1>Note<span>Chart</span></h1>
<p class="hero-sub" id="l-sub">Der Lead-Sheet-Maker, der neu denkt — von null an, ohne Rücksicht auf das, was immer so war.</p>
<p class="hero-note" id="l-note">Screenshots kommen in Kürze. Beta ist live — Testerliste ist offen.</p>
<div class="cta-row">
<a class="btn-primary" href="https://tally.so/r/D40QR5" target="_blank" rel="noopener" id="l-cta">Beta-Testerliste</a>
</div>
</div>
<div class="section">
<p class="section-label" id="l-s1-label">Konzept</p>
<div class="divider"></div>
<h2 id="l-s1-h2">Alte Zöpfe neu flechten</h2>
<p class="lead" id="l-s1-p1">Lead Sheets haben sich seit Jahrzehnten kaum verändert — und die Software auch nicht. NoteChart bringt ein vollständig neues Konzept mit, das von Grund auf für Musiker gedacht ist: schnell für Einsteiger, mächtig für Profis, ohne dass man sich durch Menüs kämpfen muss.</p>
<p class="lead" style="margin-top:16px" id="l-s1-p2">Nur Akkorde? Geht. Mit Rhythmus? Geht. Mit vollständiger Melodie? Auch das. So viele Seiten wie man braucht. NoteChart passt sich an — nicht umgekehrt.</p>
<p class="lead" style="margin-top:16px;font-style:italic;color:#7a9ab8" id="l-s1-p3">Wer bisher mit iReal Pro unterwegs war: herzlich willkommen in 2026. Euer Abo läuft ja noch bis Ende des Monats.</p>
<div class="gallery">
<div class="gallery-main">
<img src="images/NC_working_area.png" alt="NoteChart Lead-Sheet-Maker – Arbeitsbereich" class="gallery-main-img" id="gallery-main-img" onclick="openLightbox()">
<p class="gallery-caption" id="l-gal-cap"></p>
</div>
<div class="gallery-thumbs" id="gallery-thumbs">
<button class="gallery-thumb active" data-idx="0" onclick="showImage(0)"><img src="images/NC_working_area.png" alt="NoteChart Lead-Sheet-Maker – Arbeitsbereich"></button>
<button class="gallery-thumb" data-idx="1" onclick="showImage(1)"><img src="images/NC_notes.png" alt="NoteChart – Melodie und Notenansicht"></button>
<button class="gallery-thumb" data-idx="2" onclick="showImage(2)"><img src="images/NC_rmk_single_bar.png" alt="NoteChart – Rhythmus im Takt"></button>
<button class="gallery-thumb" data-idx="3" onclick="showImage(3)"><img src="images/NC_lyrics.png" alt="NoteChart – Lyrics im Lead Sheet"></button>
<button class="gallery-thumb" data-idx="4" onclick="showImage(4)"><img src="images/NC_print_preview.png" alt="NoteChart – PDF-Druckvorschau"></button>
<button class="gallery-thumb" data-idx="5" onclick="showImage(5)"><img src="images/NC_settings.png" alt="NoteChart – Einstellungen"></button>
</div>
</div>
<div class="lightbox" id="lightbox" onclick="closeLightbox()">
<button class="lightbox-close" onclick="event.stopPropagation();closeLightbox()" aria-label="Close">×</button>
<img id="lightbox-img" src="" alt="NoteChart Lead-Sheet-Maker Screenshot">
</div>
<div class="features-grid">
<div class="feat-card">
<span class="feat-icon">🎵</span>
<h3 id="l-f1-h">Nur Akkorde</h3>
<p id="l-f1-p">Schnell ein Chord Chart hinwerfen, ohne Noten, ohne Aufwand. Für die Probe, für die Session, für unterwegs.</p>
</div>
<div class="feat-card">
<span class="feat-icon">🥁</span>
<h3 id="l-f2-h">Mit Rhythmus</h3>
<p id="l-f2-p">Wer mehr will, bekommt mehr — rhythmische Information direkt im Chart, klar und lesbar.</p>
</div>
<div class="feat-card">
<span class="feat-icon">🎼</span>
<h3 id="l-f3-h">Mit Melodie</h3>
<p id="l-f3-p">Vollständige Notation wenn nötig — pro Takt zuschaltbar, nicht aufgezwungen. Das Notensystem erscheint genau dort, wo es gebraucht wird.</p>
</div>
<div class="feat-card">
<span class="feat-icon">🎧</span>
<h3 id="l-f4-h">Audio-Import</h3>
<p id="l-f4-p">Song reinziehen, BPM wird erkannt, Akkordvorschläge kommen automatisch — bestätigen oder korrigieren, fertig.</p>
</div>
<div class="feat-card">
<span class="feat-icon">📄</span>
<h3 id="l-f5-h">PDF-Export</h3>
<p id="l-f5-p">Druckfertige Charts, so viele Seiten wie nötig, mit wählbarem Layout und Kopfbereich.</p>
</div>
<div class="feat-card">
<span class="feat-icon">🔄</span>
<h3 id="l-f6-h">Kompatibel</h3>
<p id="l-f6-p">MusicXML Import und Export. iReal Pro Nutzer exportieren ihre Charts als MusicXML — der Import in NoteChart funktioniert direkt.</p>
</div>
</div>
</div>
<div class="section">
<p class="section-label" id="l-s2-label">Im Detail</p>
<div class="divider"></div>
<h2 id="l-s2-h2">Was NoteChart als Lead-Sheet-Maker kann</h2>
<div class="unique-grid">
<div class="unique-card">
<h3 id="l-u1-h">Akkord-Syntax vollständig</h3>
<p id="l-u1-p">Von Cm über Cmaj7, Cdim7 und C7b9 bis zu Slash-Chords wie Bb/G — alle gängigen Schreibweisen werden erkannt und korrekt dargestellt.</p>
</div>
<div class="unique-card">
<h3 id="l-u2-h">Strukturelemente</h3>
<p id="l-u2-p">Wiederholungszeichen, Endungsklammern, Segno, Coda, Fine, Da Capo, N.C. — alles was ein echtes Chart braucht, ist vorhanden.</p>
</div>
<div class="unique-card">
<h3 id="l-u3-h">Lyrics</h3>
<p id="l-u3-p">Text direkt unter den Takten, takt- oder zeilenweise bearbeitbar. Floating-Fenster für den Gesamttext mit Live-Synchronisation.</p>
</div>
<div class="unique-card">
<h3 id="l-u4-h">Wiedergabe</h3>
<p id="l-u4-p">Akkord- und Melodiewiedergabe mit hochwertigem Flügel-Sound und 10 Instrumenten inklusive Drumkit. Metronom, Pre-Count und Loop-Funktion für markierte Bereiche.</p>
</div>
</div>
</div>
<div class="section">
<p class="section-label" id="l-s3-label">Spezifikation</p>
<div class="divider"></div>
<h2 id="l-s3-h2">Auf einen Blick</h2>
<div class="specs">
<div class="spec">
<div class="spec-val">macOS</div>
<div class="spec-lbl" id="l-spec1">Erste Plattform — Windows folgt Ende 2026</div>
</div>
<div class="spec">
<div class="spec-val">DE / EN</div>
<div class="spec-lbl" id="l-spec2">Sprachen beim Start — ES folgt</div>
</div>
<div class="spec">
<div class="spec-val">.nct</div>
<div class="spec-lbl" id="l-spec3">Eigenes Format + MusicXML Import/Export</div>
</div>
<div class="spec">
<div class="spec-val">PDF</div>
<div class="spec-lbl" id="l-spec4">Export mit Vorschau, wählbares Format und Layout</div>
</div>
<div class="spec">
<div class="spec-val">20×</div>
<div class="spec-lbl" id="l-spec5">Undo-Schritte</div>
</div>
<div class="spec">
<div class="spec-val">Auto</div>
<div class="spec-lbl" id="l-spec6">Autosave nach jeder Änderung</div>
</div>
</div>
<div class="tag-row">
<span class="tag">Flutter + Rust</span>
<span class="tag">SMuFL / Bravura</span>
<span class="tag">MP3 · AAC · WAV · AIFF</span>
<span class="tag">MusicXML</span>
<span class="tag">BPM-Erkennung</span>
<span class="tag">Akkorderkennung</span>
</div>
</div>
<div class="section">
<p class="section-label" id="l-faq-label">FAQ</p>
<div class="divider"></div>
<h2 id="l-faq-h2">Häufige Fragen</h2>
<div class="faq">
<details class="faq-item">
<summary id="l-faq1-q">Was ist ein Lead-Sheet-Maker?</summary>
<div class="faq-a" id="l-faq1-a">Ein Lead-Sheet-Maker ist ein Werkzeug, mit dem du Lead Sheets erstellst — Notenblätter aus Akkorden, Rhythmus und optionaler Melodie. NoteChart ist ein moderner Lead-Sheet-Maker für Mac, der genau das schnell und intuitiv macht.</div>
</details>
<details class="faq-item">
<summary id="l-faq2-q">Für wen ist NoteChart gedacht?</summary>
<div class="faq-a" id="l-faq2-a">Für Musiker, Bands und Lehrer. Ob schnelles Chord Chart für die Probe, vollständiges Lead Sheet für den Auftritt oder Material für den Musikunterricht — NoteChart passt sich deinem Tempo an.</div>
</details>
<details class="faq-item">
<summary id="l-faq3-q">Auf welchen Plattformen läuft NoteChart?</summary>
<div class="faq-a" id="l-faq3-a">NoteChart startet auf macOS und ist aktuell in der Beta. Eine Windows-Version ist für Ende 2026 geplant.</div>
</details>
<details class="faq-item">
<summary id="l-faq4-q">Welche Formate kann ich importieren und exportieren?</summary>
<div class="faq-a" id="l-faq4-a">NoteChart exportiert druckfertige PDFs und unterstützt MusicXML Import und Export — so lassen sich auch Charts aus iReal Pro übernehmen. Projekte werden im eigenen .nct-Format gespeichert.</div>
</details>
<details class="faq-item">
<summary id="l-faq5-q">Kann ich nur Akkorde notieren oder auch die Melodie?</summary>
<div class="faq-a" id="l-faq5-a">Beides. Du legst ein reines Chord Chart an oder schaltest pro Takt Rhythmus und vollständige Melodie zu — die Notation erscheint nur dort, wo du sie brauchst.</div>
</details>
<details class="faq-item">
<summary id="l-faq6-q">Was kostet NoteChart?</summary>
<div class="faq-a" id="l-faq6-a">NoteChart ist derzeit in der Beta-Phase. Die Testerliste ist offen — trag dich ein, um dabei zu sein.</div>
</details>
</div>
</div>
<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Was ist ein Lead-Sheet-Maker?", "acceptedAnswer": {"@type": "Answer", "text": "Ein Lead-Sheet-Maker ist ein Werkzeug, mit dem du Lead Sheets erstellst — Notenblätter aus Akkorden, Rhythmus und optionaler Melodie. NoteChart ist ein moderner Lead-Sheet-Maker für Mac, der genau das schnell und intuitiv macht."}}, {"@type": "Question", "name": "Für wen ist NoteChart gedacht?", "acceptedAnswer": {"@type": "Answer", "text": "Für Musiker, Bands und Lehrer. Ob schnelles Chord Chart für die Probe, vollständiges Lead Sheet für den Auftritt oder Material für den Musikunterricht — NoteChart passt sich deinem Tempo an."}}, {"@type": "Question", "name": "Auf welchen Plattformen läuft NoteChart?", "acceptedAnswer": {"@type": "Answer", "text": "NoteChart startet auf macOS und ist aktuell in der Beta. Eine Windows-Version ist für Ende 2026 geplant."}}, {"@type": "Question", "name": "Welche Formate kann ich importieren und exportieren?", "acceptedAnswer": {"@type": "Answer", "text": "NoteChart exportiert druckfertige PDFs und unterstützt MusicXML Import und Export — so lassen sich auch Charts aus iReal Pro übernehmen. Projekte werden im eigenen .nct-Format gespeichert."}}, {"@type": "Question", "name": "Kann ich nur Akkorde notieren oder auch die Melodie?", "acceptedAnswer": {"@type": "Answer", "text": "Beides. Du legst ein reines Chord Chart an oder schaltest pro Takt Rhythmus und vollständige Melodie zu — die Notation erscheint nur dort, wo du sie brauchst."}}, {"@type": "Question", "name": "Was kostet NoteChart?", "acceptedAnswer": {"@type": "Answer", "text": "NoteChart ist derzeit in der Beta-Phase. Die Testerliste ist offen — trag dich ein, um dabei zu sein."}}]}
</script>
<div class="cta-section">
<h2 id="l-cta-h">Beta-Testerliste</h2>
<p id="l-cta-p">Die Beta ist jetzt live. Wer dabei sein möchte, kann sich jetzt eintragen.</p>
<a class="btn-primary" href="https://tally.so/r/D40QR5" target="_blank" rel="noopener" id="l-cta2">Jetzt eintragen</a>
</div>
<div class="footer">
<p>© 2025 Thomas Haake · <a href="index.html">haakemusic.com</a> · <a href="index.html#impressum">Impressum</a> · <a href="privacy.html">Privacy</a></p>
</div>
<script>
const T = {
de:{
'l-faq-label':'FAQ','l-faq-h2':'Häufige Fragen',
'l-faq1-q':'Was ist ein Lead-Sheet-Maker?','l-faq1-a':'Ein Lead-Sheet-Maker ist ein Werkzeug, mit dem du Lead Sheets erstellst — Notenblätter aus Akkorden, Rhythmus und optionaler Melodie. NoteChart ist ein moderner Lead-Sheet-Maker für Mac, der genau das schnell und intuitiv macht.',
'l-faq2-q':'Für wen ist NoteChart gedacht?','l-faq2-a':'Für Musiker, Bands und Lehrer. Ob schnelles Chord Chart für die Probe, vollständiges Lead Sheet für den Auftritt oder Material für den Musikunterricht — NoteChart passt sich deinem Tempo an.',
'l-faq3-q':'Auf welchen Plattformen läuft NoteChart?','l-faq3-a':'NoteChart startet auf macOS und ist aktuell in der Beta. Eine Windows-Version ist für Ende 2026 geplant.',
'l-faq4-q':'Welche Formate kann ich importieren und exportieren?','l-faq4-a':'NoteChart exportiert druckfertige PDFs und unterstützt MusicXML Import und Export — so lassen sich auch Charts aus iReal Pro übernehmen. Projekte werden im eigenen .nct-Format gespeichert.',
'l-faq5-q':'Kann ich nur Akkorde notieren oder auch die Melodie?','l-faq5-a':'Beides. Du legst ein reines Chord Chart an oder schaltest pro Takt Rhythmus und vollständige Melodie zu — die Notation erscheint nur dort, wo du sie brauchst.',
'l-faq6-q':'Was kostet NoteChart?','l-faq6-a':'NoteChart ist derzeit in der Beta-Phase. Die Testerliste ist offen — trag dich ein, um dabei zu sein.',
'nav-home':'Home','nav-privacy':'Privacy','nav-feedback':'Feedback','nav-nc-info':'NoteChart','nav-nc-why':'Warum NoteChart','nav-dp-info':'Info','nav-dp-app':'App starten',
'l-eyebrow':'macOS · Beta ist live',
'l-sub':'Der Lead-Sheet-Maker, der neu denkt — von null an, ohne Rücksicht auf das, was immer so war.',
'l-note':'Beta ist live — Testerliste ist offen.',
'l-cta':'Beta-Testerliste',
'l-s1-label':'Konzept','l-s1-h2':'Alte Zöpfe neu flechten',
'l-s1-p1':'Lead Sheets haben sich seit Jahrzehnten kaum verändert — und die Software auch nicht. NoteChart bringt ein vollständig neues Konzept mit, das von Grund auf für Musiker gedacht ist: schnell für Einsteiger, mächtig für Profis, ohne dass man sich durch Menüs kämpfen muss.',
'l-s1-p2':'Nur Akkorde? Geht. Mit Rhythmus? Geht. Mit vollständiger Melodie? Auch das. So viele Seiten wie man braucht. NoteChart passt sich an — nicht umgekehrt.',
'l-s1-p3':'Wer bisher mit iReal Pro unterwegs war: herzlich willkommen in 2026. Euer Abo läuft ja noch bis Ende des Monats.',
'l-f1-h':'Nur Akkorde','l-f1-p':'Schnell ein Chord Chart hinwerfen, ohne Noten, ohne Aufwand. Für die Probe, für die Session, für unterwegs.',
'l-f2-h':'Mit Rhythmus','l-f2-p':'Wer mehr will, bekommt mehr — rhythmische Information direkt im Chart, klar und lesbar.',
'l-f3-h':'Mit Melodie','l-f3-p':'Vollständige Notation wenn nötig — pro Takt zuschaltbar, nicht aufgezwungen. Das Notensystem erscheint genau dort, wo es gebraucht wird.',
'l-f4-h':'Audio-Import','l-f4-p':'Song reinziehen, BPM wird erkannt, Akkordvorschläge kommen automatisch — bestätigen oder korrigieren, fertig.',
'l-f5-h':'PDF-Export','l-f5-p':'Druckfertige Charts, so viele Seiten wie nötig, mit wählbarem Layout und Kopfbereich.',
'l-f6-h':'Kompatibel','l-f6-p':'MusicXML Import und Export. iReal Pro Nutzer exportieren ihre Charts als MusicXML — der Import in NoteChart funktioniert direkt.',
'l-gal-cap-0':'Arbeitsoberfläche','l-gal-cap-1':'Melodie-Notation pro Takt','l-gal-cap-2':'Per-Takt-Einstellungen','l-gal-cap-3':'Lyrics direkt unter den Takten','l-gal-cap-4':'Druckvorschau — mehrseitig','l-gal-cap-5':'Einstellungen',
'l-s2-label':'Im Detail','l-s2-h2':'Was NoteChart als Lead-Sheet-Maker kann',
'l-u1-h':'Akkord-Syntax vollständig','l-u1-p':'Von Cm über Cmaj7, Cdim7 und C7b9 bis zu Slash-Chords wie Bb/G — alle gängigen Schreibweisen werden erkannt und korrekt dargestellt.',
'l-u2-h':'Strukturelemente','l-u2-p':'Wiederholungszeichen, Endungsklammern, Segno, Coda, Fine, Da Capo, N.C. — alles was ein echtes Chart braucht, ist vorhanden.',
'l-u3-h':'Lyrics','l-u3-p':'Text direkt unter den Takten, takt- oder zeilenweise bearbeitbar. Floating-Fenster für den Gesamttext mit Live-Synchronisation.',
'l-u4-h':'Wiedergabe','l-u4-p':'Akkord- und Melodiewiedergabe mit hochwertigem Flügel-Sound und 10 Instrumenten inklusive Drumkit. Metronom, Pre-Count und Loop-Funktion für markierte Bereiche.',
'l-s3-label':'Spezifikation','l-s3-h2':'Auf einen Blick',
'l-spec1':'Erste Plattform — Windows folgt Ende 2026','l-spec2':'Sprachen beim Start — ES folgt',
'l-spec3':'Eigenes Format + MusicXML Import/Export','l-spec4':'Export mit Vorschau, wählbares Format und Layout',
'l-spec5':'Undo-Schritte','l-spec6':'Autosave nach jeder Änderung',
'l-cta-h':'Beta-Testerliste','l-cta-p':'Die Beta ist jetzt live. Wer dabei sein möchte, kann sich jetzt eintragen.','l-cta2':'Jetzt eintragen',
},
en:{
'l-faq-label':'FAQ','l-faq-h2':'Frequently asked questions',
'l-faq1-q':'What is a lead sheet maker?','l-faq1-a':'A lead sheet maker is a tool for creating lead sheets — music charts made of chords, rhythm and optional melody. NoteChart is a modern lead sheet maker for Mac that does exactly that, fast and intuitively.',
'l-faq2-q':'Who is NoteChart for?','l-faq2-a':'For musicians, bands and teachers. Whether it is a quick chord chart for rehearsal, a full lead sheet for the gig, or material for music class — NoteChart adapts to your pace.',
'l-faq3-q':'Which platforms does NoteChart run on?','l-faq3-a':'NoteChart launches on macOS and is currently in beta. A Windows version is planned for late 2026.',
'l-faq4-q':'Which formats can I import and export?','l-faq4-a':'NoteChart exports print-ready PDFs and supports MusicXML import and export, so you can bring in charts from iReal Pro. Projects are saved in the native .nct format.',
'l-faq5-q':'Can I write chords only, or the melody too?','l-faq5-a':'Both. Create a plain chord chart, or enable rhythm and full melody per bar — notation appears only where you need it.',
'l-faq6-q':'How much does NoteChart cost?','l-faq6-a':'NoteChart is currently in beta. The tester list is open — sign up to take part.',
'nav-home':'Home','nav-privacy':'Privacy','nav-feedback':'Feedback','nav-nc-info':'NoteChart','nav-nc-why':'Why NoteChart','nav-dp-info':'Info','nav-dp-app':'Launch app',
'l-eyebrow':'macOS · Beta is live',
'l-sub':'The lead sheet maker that thinks from scratch — no legacy, no compromises.',
'l-note':'Beta is live — tester list is open.',
'l-cta':'Join the Beta Tester List',
'l-s1-label':'Concept','l-s1-h2':'Time to rewrite the rulebook',
'l-s1-p1':'Lead sheets haven\'t changed much in decades — and neither has the software. NoteChart brings a completely new concept built from the ground up for musicians: fast for beginners, powerful for professionals, without fighting through menus.',
'l-s1-p2':'Chords only? Done. With rhythm? Done. Full melody notation? That too. As many pages as your song needs. NoteChart adapts to you — not the other way around.',
'l-s1-p3':'Been using iReal Pro? Welcome to 2026. Your subscription is still valid until the end of the month, though.',
'l-f1-h':'Chords only','l-f1-p':'Throw together a chord chart fast, no notation needed. For rehearsal, for the session, on the go.',
'l-f2-h':'With rhythm','l-f2-p':'Want more? Get more — rhythmic information right in the chart, clear and readable.',
'l-f3-h':'With melody','l-f3-p':'Full notation when you need it — switchable per bar, never forced. The staff appears exactly where it\'s needed.',
'l-f4-h':'Audio import','l-f4-p':'Drop a song in, BPM gets detected, chord suggestions appear automatically — confirm or correct, done.',
'l-f5-h':'PDF export','l-f5-p':'Print-ready charts, as many pages as needed, with selectable layout and header fields.',
'l-f6-h':'Compatible','l-f6-p':'MusicXML import and export. iReal Pro users can export their charts as MusicXML — import into NoteChart works directly.',
'l-gal-cap-0':'Workspace','l-gal-cap-1':'Per-bar melody notation','l-gal-cap-2':'Per-bar settings','l-gal-cap-3':'Lyrics right under the bars','l-gal-cap-4':'Print preview — multi-page','l-gal-cap-5':'Settings',
'l-s2-label':'Details','l-s2-h2':'What NoteChart can do as a lead sheet maker',
'l-u1-h':'Full chord syntax','l-u1-p':'From Cm to Cmaj7, Cdim7 and C7b9, all the way to slash chords like Bb/G — all common notations are recognized and displayed correctly.',
'l-u2-h':'Structure elements','l-u2-p':'Repeat signs, endings, segno, coda, fine, da capo, N.C. — everything a real chart needs is there.',
'l-u3-h':'Lyrics','l-u3-p':'Text directly below the bars, editable per bar or per line. Floating window for the full lyrics with live synchronization.',
'l-u4-h':'Playback','l-u4-p':'Chord and melody playback with a high-quality grand piano and 10 instruments including a drum kit. Metronome, pre-count and loop for marked sections.',
'l-s3-label':'Specs','l-s3-h2':'At a glance',
'l-spec1':'First platform — Windows coming late 2026','l-spec2':'Languages at launch — ES to follow',
'l-spec3':'Native format + MusicXML import/export','l-spec4':'Export with preview, selectable format and layout',
'l-spec5':'Undo steps','l-spec6':'Autosave after every change',
'l-cta-h':'Beta Tester List','l-cta-p':'The beta is now live. Sign up now to be among the first to try it.','l-cta2':'Sign up now',
},
es:{
'l-faq-label':'FAQ','l-faq-h2':'Preguntas frecuentes',
'l-faq1-q':'¿Qué es un Lead Sheet Maker?','l-faq1-a':'Un Lead Sheet Maker es una herramienta para crear lead sheets — partituras con acordes, ritmo y melodía opcional. NoteChart es un Lead Sheet Maker moderno para Mac que hace justo eso, de forma rápida e intuitiva.',
'l-faq2-q':'¿Para quién es NoteChart?','l-faq2-a':'Para músicos, bandas y profesores. Ya sea un chord chart rápido para el ensayo, un lead sheet completo para el concierto o material para la clase de música — NoteChart se adapta a tu ritmo.',
'l-faq3-q':'¿En qué plataformas funciona NoteChart?','l-faq3-a':'NoteChart se lanza en macOS y actualmente está en beta. Está prevista una versión para Windows a finales de 2026.',
'l-faq4-q':'¿Qué formatos puedo importar y exportar?','l-faq4-a':'NoteChart exporta PDFs listos para imprimir y admite importación y exportación de MusicXML, así puedes traer charts de iReal Pro. Los proyectos se guardan en el formato propio .nct.',
'l-faq5-q':'¿Puedo escribir solo acordes o también la melodía?','l-faq5-a':'Ambos. Crea un chord chart simple o activa el ritmo y la melodía completa por compás — la notación aparece solo donde la necesitas.',
'l-faq6-q':'¿Cuánto cuesta NoteChart?','l-faq6-a':'NoteChart está actualmente en beta. La lista de testers está abierta — apúntate para participar.',
'nav-home':'Inicio','nav-privacy':'Privacidad','nav-feedback':'Feedback','nav-nc-info':'NoteChart','nav-nc-why':'Por qué NoteChart','nav-dp-info':'Info','nav-dp-app':'Abrir app',
'l-eyebrow':'macOS · Beta disponible',
'l-sub':'El Lead Sheet Maker que piensa desde cero — sin legado, sin compromisos.',
'l-note':'Beta disponible — la lista de testers está abierta.',
'l-cta':'Lista de testers Beta',
'l-s1-label':'Concepto','l-s1-h2':'Hora de reescribir las reglas',
'l-s1-p1':'Los lead sheets no han cambiado mucho en décadas — y el software tampoco. NoteChart trae un concepto completamente nuevo, construido desde cero para músicos: rápido para principiantes, potente para profesionales, sin pelear con menús.',
'l-s1-p2':'¿Solo acordes? Hecho. ¿Con ritmo? También. ¿Melodía completa? Por supuesto. Tantas páginas como necesite tu canción. NoteChart se adapta a ti — no al revés.',
'l-s1-p3':'¿Venías usando iReal Pro? Bienvenido a 2026. Tu suscripción todavía es válida hasta fin de mes.',
'l-f1-h':'Solo acordes','l-f1-p':'Un chord chart rápido, sin notas, sin complicaciones. Para el ensayo, la sesión o cuando estás de camino.',
'l-f2-h':'Con ritmo','l-f2-p':'¿Quieres más? Más tienes — información rítmica directamente en el chart, clara y legible.',
'l-f3-h':'Con melodía','l-f3-p':'Notación completa cuando la necesitas — activable por compás, nunca impuesta. El pentagrama aparece exactamente donde se necesita.',
'l-f4-h':'Importar audio','l-f4-p':'Arrastra una canción, el BPM se detecta, los acordes se sugieren automáticamente — confirma o corrige, listo.',
'l-f5-h':'Exportar PDF','l-f5-p':'Charts listos para imprimir, tantas páginas como necesites, con diseño y encabezado configurables.',
'l-f6-h':'Compatible','l-f6-p':'Importación y exportación MusicXML. Los usuarios de iReal Pro pueden exportar sus charts como MusicXML — la importación en NoteChart funciona directamente.',
'l-gal-cap-0':'Interfaz de trabajo','l-gal-cap-1':'Notación de melodía por compás','l-gal-cap-2':'Ajustes por compás','l-gal-cap-3':'Letra debajo de los compases','l-gal-cap-4':'Vista previa de impresión — varias páginas','l-gal-cap-5':'Ajustes',
'l-s2-label':'En detalle','l-s2-h2':'Qué puede hacer NoteChart como Lead Sheet Maker',
'l-u1-h':'Sintaxis de acordes completa','l-u1-p':'Desde Cm hasta Cmaj7, Cdim7 y C7b9, pasando por slash chords como Bb/G — todas las notaciones habituales se reconocen y se muestran correctamente.',
'l-u2-h':'Elementos estructurales','l-u2-p':'Signos de repetición, casillas, segno, coda, fine, da capo, N.C. — todo lo que un chart real necesita está ahí.',
'l-u3-h':'Letra','l-u3-p':'Texto directamente bajo los compases, editable por compás o por línea. Ventana flotante para la letra completa con sincronización en tiempo real.',
'l-u4-h':'Reproducción','l-u4-p':'Reproducción de acordes y melodía con un piano de cola de alta calidad y 10 instrumentos, incluida una batería. Metrónomo, pre-cuenta y loop para secciones marcadas.',
'l-s3-label':'Especificaciones','l-s3-h2':'De un vistazo',
'l-spec1':'Primera plataforma — Windows a finales de 2026','l-spec2':'Idiomas al lanzamiento — ES próximamente',
'l-spec3':'Formato propio + importación/exportación MusicXML','l-spec4':'Exportación con vista previa, formato y diseño configurables',
'l-spec5':'Pasos de deshacer','l-spec6':'Guardado automático en cada cambio',
'l-cta-h':'Lista de testers Beta','l-cta-p':'La beta ya está disponible. Apúntate ahora para ser de los primeros en probarlo.','l-cta2':'Apuntarse ahora',
}
};
const GALLERY_IMAGES=['images/NC_working_area.png','images/NC_notes.png','images/NC_rmk_single_bar.png','images/NC_lyrics.png','images/NC_print_preview.png','images/NC_settings.png'];
let currentImgIdx=0;
function showImage(idx){
currentImgIdx=idx;
document.getElementById('gallery-main-img').src=GALLERY_IMAGES[idx];
document.querySelectorAll('.gallery-thumb').forEach((b,i)=>b.classList.toggle('active',i===idx));
updateCaption();
}
function updateCaption(){
const lang=document.documentElement.lang||'de';
const cap=T[lang]['l-gal-cap-'+currentImgIdx];
document.getElementById('l-gal-cap').textContent=cap||'';
}
function openLightbox(){
document.getElementById('lightbox-img').src=GALLERY_IMAGES[currentImgIdx];
document.getElementById('lightbox').classList.add('open');
}
function closeLightbox(){document.getElementById('lightbox').classList.remove('open');}
document.addEventListener('keydown',e=>{
if(e.key==='Escape')closeLightbox();
if(document.getElementById('lightbox').classList.contains('open')){
if(e.key==='ArrowRight'){showImage((currentImgIdx+1)%6);openLightbox();}
if(e.key==='ArrowLeft'){showImage((currentImgIdx+5)%6);openLightbox();}
}
});
function setLang(lang){
['de','en','es'].forEach(l=>document.getElementById('btn-'+l).classList.toggle('active',l===lang));
document.documentElement.lang=lang;
const t=T[lang];
for(const[id,val]of Object.entries(t)){const el=document.getElementById(id);if(el)el.innerHTML=val;}
updateCaption();
}
document.addEventListener('DOMContentLoaded',()=>{
setLang('de');
const dds=document.querySelectorAll('.nav-item.dropdown');
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>