index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>mpckit: kit editor for the Akai MPC Sample</title>
  7. <meta name="description" content="mpckit builds Akai MPC Sample projects on your computer: assign WAVs to pads, tune them, set mute groups and sequences, then export to the device. Windows, macOS and Linux.">
  8. <meta name="color-scheme" content="light dark">
  9. <link rel="canonical" href="https://mpckit.monoexp.com/">
  10. <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  11. <link rel="stylesheet" href="/style.css">
  12. </head>
  13. <body>
  14. <header class="site-header">
  15. <div class="wrap header-inner">
  16. <a class="wordmark" href="/">mpc<span>kit</span></a>
  17. <nav aria-label="Main">
  18. <a href="#features">Features</a>
  19. <a href="#download">Download</a>
  20. <a href="https://git.monoexp.com/bajdev/mpckit">Source</a>
  21. </nav>
  22. </div>
  23. </header>
  24. <main class="wrap">
  25. <section class="about" aria-labelledby="about-title">
  26. <p class="eyebrow"><span class="badge">Beta</span> Version 0.5.0</p>
  27. <h1 id="about-title">mpckit</h1>
  28. <p class="lede">
  29. Build Akai MPC Sample projects on your computer.
  30. </p>
  31. <p>
  32. Drop WAV files onto pads, tune them, set mute groups and sequences,
  33. then export a project the device opens as it is. mpckit can also load
  34. a project saved on the device, so you can change it on a bigger screen
  35. and send it back.
  36. </p>
  37. <div class="actions">
  38. <a class="button" href="#download">Download</a>
  39. <a class="button secondary" href="https://git.monoexp.com/bajdev/mpckit">Source</a>
  40. </div>
  41. </section>
  42. <!-- Screenshot of the main window goes here (images/main.png). -->
  43. <figure class="shot placeholder" aria-hidden="true">
  44. <span>Screenshot</span>
  45. </figure>
  46. <section id="features" aria-labelledby="features-title">
  47. <h2 id="features-title" class="section-title">Features</h2>
  48. <ul class="cards">
  49. <li class="card">
  50. <h3>Pads and banks</h3>
  51. <p>All eight banks of 16 pads. Assign WAVs by dropping them on a pad, then move, copy or swap pads.</p>
  52. </li>
  53. <li class="card">
  54. <h3>Tuning and mute groups</h3>
  55. <p>Coarse and fine tuning per pad, and mute groups 1 to 16, with the same limits the device uses.</p>
  56. </li>
  57. <li class="card">
  58. <h3>Sequences</h3>
  59. <p>Set up each sequence's name, tempo and length. Notes are recorded on the device.</p>
  60. </li>
  61. <li class="card">
  62. <h3>Load and export</h3>
  63. <p>Open a project from the device, edit it, and export to a folder (for example straight onto the card) or a zip.</p>
  64. </li>
  65. </ul>
  66. </section>
  67. <section id="download" aria-labelledby="download-title">
  68. <h2 id="download-title" class="section-title">Download</h2>
  69. <p class="note">
  70. <strong>0.5.0 is a beta for testing.</strong> Expect rough edges, and keep
  71. copies of projects you care about. Downloads will be listed here;
  72. until then, mpckit can be built from source.
  73. </p>
  74. <ul class="cards">
  75. <li class="card">
  76. <div class="card-head"><h3>Windows</h3><span class="tag">10 &middot; 11</span></div>
  77. <p>Run <code>mpckit.exe</code>. If SmartScreen says &ldquo;Windows protected your PC&rdquo;, choose <strong>More info</strong>, then <strong>Run anyway</strong>. Uses the WebView2 runtime, which current Windows includes.</p>
  78. </li>
  79. <li class="card">
  80. <div class="card-head"><h3>macOS</h3><span class="tag">.app</span></div>
  81. <p>Move <code>mpckit.app</code> to Applications and open it. When macOS says it can't check the app, open <strong>System Settings &rarr; Privacy &amp; Security</strong> and choose <strong>Open Anyway</strong>.</p>
  82. </li>
  83. <li class="card">
  84. <div class="card-head"><h3>Linux</h3><span class="tag">GTK 4</span></div>
  85. <p>Make the file executable (<code>chmod +x mpckit</code>) and run it. Needs the GTK 4 and WebKitGTK 6.0 libraries from your distribution.</p>
  86. </li>
  87. <li class="card">
  88. <div class="card-head"><h3>From source</h3><span class="tag">Go &middot; Wails</span></div>
  89. <p>Go 1.26, Node.js and the Wails v3 CLI. The <a href="https://git.monoexp.com/bajdev/mpckit">README</a> has the steps.</p>
  90. </li>
  91. </ul>
  92. <p class="small">Builds aren't signed yet, which is why each system warns the first time you open mpckit.</p>
  93. </section>
  94. <section id="disclaimer" aria-labelledby="disclaimer-title">
  95. <h2 id="disclaimer-title" class="section-title">Disclaimer</h2>
  96. <p class="small">
  97. mpckit is an independent project. It is not affiliated with, endorsed by
  98. or supported by Akai Professional or inMusic Brands. Akai, MPC and MPC
  99. Sample are trademarks of their respective owners and are used here only
  100. to describe the device mpckit works with.
  101. </p>
  102. </section>
  103. </main>
  104. <footer class="site-footer">
  105. <div class="wrap">
  106. <p>mpckit is MIT licensed &middot; A <a href="https://monoexp.com/">Mono Experiments</a> project &middot; <a href="https://git.monoexp.com/bajdev/mpckit-site">Source for this site</a></p>
  107. </div>
  108. </footer>
  109. </body>
  110. </html>