Skip to content

Commit 2cb63e9

Browse files
notebynotenotebynote
authored
Add files via upload
1 parent cb6f56d commit 2cb63e9

1 file changed

Lines changed: 28 additions & 12 deletions

File tree

‎index.html‎

Lines changed: 28 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@
6969
.tech-card{background:rgba(255,255,255,.05);border:1px solid rgba(120,170,230,.14);border-radius:16px;padding:26px 22px}
7070
.tech-card h3{font-size:16px;font-weight:700;color:#a8d0f8;margin-bottom:10px}
7171
.tech-card p{font-size:14px;color:#88aed0;line-height:1.6}
72-
.download-btn{display:inline-flex;align-items:center;gap:10px;background:#2a6fd6;color:#fff;border:2px solid #4a8af0;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:16px;text-decoration:none}
72+
.download-btn{display:inline-flex;align-items:center;gap:10px;background:#2a6fd6;color:#fff;border:2px solid #4a8af0;padding:14px 28px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:16px;text-decoration:none}
7373
.download-btn:hover{background:#3a80e6}
7474
.platform-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(120,170,230,.2);color:#7ab0e8;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;margin:6px 4px 0 0}
7575
.platform-tag.coming-soon{opacity:.55;position:relative}
@@ -113,7 +113,11 @@
113113
<h1>Drone Pad<br><span id="l-h1">Dein persönlicher<br>Intonations-Assistent</span></h1>
114114
<p class="hero-sub" id="l-sub">Ein stimmreiner Drohnen-Synthesizer für Musiker, die auf genaue Intonation angewiesen sind — und für alle, die Klang als Meditation erleben.</p>
115115
<div class="cta-row">
116-
<a class="btn-primary" id="l-cta1" href="app.html">App starten</a>
116+
<a class="btn-primary" id="l-cta1" href="app.html">Im Browser öffnen</a>
117+
<a class="btn-primary" id="l-cta-ios" href="https://apps.apple.com/at/app/drone-pad-mobile/id6763631355" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px">
118+
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
119+
<span id="l-cta-ios-label">iOS App im App Store</span>
120+
</a>
117121
<button class="btn-ghost" id="l-cta2" onclick="document.getElementById('sec-contact').scrollIntoView({behavior:'smooth'})">Kontakt</button>
118122
</div>
119123
</div>
@@ -632,7 +636,7 @@ <h3 id="l-mac-head">🍎 Mac-App — demnächst im Mac App Store</h3>
632636
<strong style="color:#7ab0e8">ℹ️ App Store-Version in Vorbereitung</strong>
633637
Die native Mac-App befindet sich derzeit im Review-Prozess für den Mac App Store. Bis zur Veröffentlichung steht Drone Pad vollständig als Browser-App zur Verfügung — ohne Installation, direkt im Browser nutzbar.
634638
</div>
635-
<a class="btn-primary" href="app.html" id="l-mac-app-btn" style="margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px">
639+
<a class="btn-primary" href="app.html" id="l-mac-app-btn" style="margin-top:16px;display:inline-flex;align-items:center;gap:8px">
636640
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 8 16 12 12 16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
637641
<span id="l-mac-app-btn-label">Browser-App starten</span>
638642
</a>
@@ -642,9 +646,15 @@ <h3 id="l-mac-head">🍎 Mac-App — demnächst im Mac App Store</h3>
642646
<div style="margin-top:32px">
643647
<p style="font-size:14px;color:#7ab0e8;font-weight:600;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase" id="l-platforms-label">Weitere Plattformen</p>
644648
<div class="platform-row">
645-
<span class="platform-tag">🌐 Browser <span style="color:#5adcb0;font-size:11px;margin-left:4px">✓ Verfügbar</span></span>
646-
<span class="platform-tag coming-soon" style="margin-bottom:24px">🪟 Windows</span>
647-
<span class="platform-tag coming-soon" style="margin-bottom:24px">📱 iPhone &amp; iPad</span>
649+
<span class="platform-tag">🌐 Browser <span id="l-browser-avail" style="color:#5adcb0;font-size:11px;margin-left:4px">✓ Verfügbar</span></span>
650+
<span class="platform-tag">📱 iPhone &amp; iPad <span id="l-ios-avail" style="color:#5adcb0;font-size:11px;margin-left:4px">✓ Verfügbar</span></span>
651+
<span class="platform-tag coming-soon" style="margin-bottom:24px">🤖 Android</span>
652+
</div>
653+
<div style="margin-top:20px">
654+
<a id="l-ios-btn" href="https://apps.apple.com/app/drone-pad/id6746036982" target="_blank" rel="noopener" class="btn-primary" style="display:inline-flex;align-items:center;gap:10px;margin-top:0;text-decoration:none">
655+
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
656+
<span id="l-ios-btn-label">Im App Store laden</span>
657+
</a>
648658
</div>
649659
</div>
650660

@@ -668,15 +678,15 @@ <h2 id="l-con-h2">Schreib uns</h2>
668678
<input type="text" id="con-subject" placeholder="Betreff">
669679
<textarea id="con-msg" placeholder="Deine Nachricht…"></textarea>
670680
<p class="contact-note">thomas.haake@gmail.com</p>
671-
<button class="btn-primary" style="margin-top:16px;padding:12px 28px;font-size:15px" onclick="submitContact()" id="l-con-btn">Nachricht senden</button>
681+
<button class="btn-primary" style="margin-top:16px" onclick="submitContact()" id="l-con-btn">Nachricht senden</button>
672682
<div class="success-msg" id="con-success">✓ &nbsp;Danke — deine Nachricht wurde gesendet. Wir melden uns bald!</div>
673683
</div>
674684
</div>
675685

676686
<div class="footer-cta">
677687
<h2 id="l-fh">Bereit zu klingen?</h2>
678688
<p id="l-fp">Öffne Drone Pad direkt im Browser — kein Account, kein Download.</p>
679-
<a class="btn-primary" style="font-size:17px;padding:16px 40px" href="app.html" id="l-fbtn">Jetzt ausprobieren</a>
689+
<a class="btn-primary" href="app.html" id="l-fbtn">Jetzt ausprobieren</a>
680690
</div>
681691

682692
<div class="footer">
@@ -702,7 +712,7 @@ <h2 id="l-fh">Bereit zu klingen?</h2>
702712
de:{
703713
'l-h1':'Dein persönlicher<br>Intonations-Assistent',
704714
'l-sub':'Ein stimmreiner Drohnen-Synthesizer für Musiker, die auf genaue Intonation angewiesen sind — und für alle, die Klang als Meditation erleben.',
705-
'l-cta1':'App starten','l-cta2':'Kontakt',
715+
'l-cta1':'Im Browser öffnen','l-cta2':'Kontakt','l-cta-ios-label':'iOS App im App Store',
706716
'l-feat-label':'Funktionen','l-feat-h2':'Stimmreine Töne. Jederzeit. Überall.',
707717
'l-feat-lead':'Drone Pad erzeugt einen oder mehrere gehaltene Referenztöne — in Gleichstufiger oder Reiner Stimmung — mit vollständig anpassbarem Klangbild.',
708718
'l-f1h':'16 Intervalle','l-f1p':'Von der Prime bis zur Duodezime — einzeln aktivierbar, mit eigenem Lautstärkeregler und Wellenform.',
@@ -737,11 +747,14 @@ <h2 id="l-fh">Bereit zu klingen?</h2>
737747
'l-a4h':'Klanginstallationen','l-a4p':'Mehrere Stimmen, individuell gepegelt, in reiner oder gleichstufiger Stimmung — für räumliche Klangarbeiten.',
738748
'l-quote':'„Ein Instrument zum Hören. Ein Werkzeug zum Üben. Ein Raum zum Sein."',
739749
'l-tech-label':'Technische Details','l-tech-h2':'Entweder im Browser<br>oder als App.',
740-
'l-tech-lead':'Drone Pad läuft direkt im Browser — ohne Installation. Zusätzlich gibt es eine native Mac-App für Apple Silicon und Intel. Weitere Plattformen folgen.',
750+
'l-tech-lead':'Drone Pad läuft direkt im Browser — ohne Installation. Zusätzlich gibt es eine native Mac-App für Apple Silicon und Intel sowie eine iPhone &amp; iPad App im App Store. Weitere Plattformen folgen.',
741751
'l-mac-head':'🍎 Mac-App — demnächst im Mac App Store',
742752
'l-mac-lead':'Apple Silicon &amp; Intel · macOS 12 oder neuer · Kostenlos',
743753
'l-mac-soon':'<strong style="color:#7ab0e8">ℹ️ App Store-Version in Vorbereitung</strong> Die native Mac-App befindet sich derzeit im Review-Prozess für den Mac App Store. Bis zur Veröffentlichung steht Drone Pad vollständig als Browser-App zur Verfügung — ohne Installation, direkt im Browser nutzbar.',
744754
'l-mac-app-btn-label':'Browser-App starten',
755+
'l-ios-btn-label':'Im App Store laden',
756+
'l-browser-avail':'✓ Verfügbar',
757+
'l-ios-avail':'✓ Verfügbar',
745758
'l-platforms-label':'Weitere Plattformen',
746759
'l-s1':'Stimmen / Intervalle','l-s2':'Unison-Oszillatoren','l-s3':'Wellenformen','l-s4':'Farbthemes','l-s5':'Stimmungssysteme','l-s6':'Kostenlos',
747760
'l-con-label':'Kontakt','l-con-h2':'Schreib uns','l-con-lead':'Fragen, Feedback oder Kooperationsanfragen — wir freuen uns über deine Nachricht.',
@@ -753,7 +766,7 @@ <h2 id="l-fh">Bereit zu klingen?</h2>
753766
en:{
754767
'l-h1':'Your Personal<br>Intonation Assistant',
755768
'l-sub':'A pitch-pure drone synthesizer for musicians who depend on precise intonation — and for everyone who experiences sound as meditation.',
756-
'l-cta1':'Open App','l-cta2':'Contact',
769+
'l-cta1':'Open App in Browser','l-cta2':'Contact','l-cta-ios-label':'iOS App on the App Store',
757770
'l-feat-label':'Features','l-feat-h2':'Pure Tones. Anytime. Anywhere.',
758771
'l-feat-lead':'Drone Pad generates one or more sustained reference tones — in equal or just intonation — with a fully customizable sound profile.',
759772
'l-f1h':'16 Intervals','l-f1p':'From root to perfect twelfth — each individually switchable, with its own volume and waveform.',
@@ -788,11 +801,14 @@ <h2 id="l-fh">Bereit zu klingen?</h2>
788801
'l-a4h':'Sound installations','l-a4p':'Multiple voices, individually leveled, in just or equal tuning — for spatial sound works.',
789802
'l-quote':'"An instrument for listening. A tool for practicing. A space for being."',
790803
'l-tech-label':'Technical Details','l-tech-h2':'In the browser<br>or as an app.',
791-
'l-tech-lead':'Drone Pad runs directly in the browser — no installation needed. A native Mac app is also available for Apple Silicon and Intel. More platforms coming soon.',
804+
'l-tech-lead':'Drone Pad runs directly in the browser — no installation needed. A native Mac app is also available for Apple Silicon and Intel, and an iPhone &amp; iPad app is available on the App Store. More platforms coming soon.',
792805
'l-mac-head':'🍎 Mac App — coming soon to the Mac App Store',
793806
'l-mac-lead':'Apple Silicon & Intel · macOS 12 or later · Free',
794807
'l-mac-soon':'<strong style="color:#7ab0e8">ℹ️ App Store version in preparation</strong> The native Mac app is currently going through the Mac App Store review process. In the meantime, Drone Pad is fully available as a browser app — no installation required, ready to use directly in your browser.',
795808
'l-mac-app-btn-label':'Open Browser App',
809+
'l-ios-btn-label':'Download on the App Store',
810+
'l-browser-avail':'✓ Available',
811+
'l-ios-avail':'✓ Available',
796812
'l-platforms-label':'More Platforms',
797813
'l-s1':'Voices / Intervals','l-s2':'Unison oscillators','l-s3':'Waveforms','l-s4':'Color themes','l-s5':'Tuning systems','l-s6':'Free',
798814
'l-con-label':'Contact','l-con-h2':'Get in touch','l-con-lead':'Questions, feedback, or collaboration — we look forward to hearing from you.',

0 commit comments

Comments
 (0)