index.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0>
  6. <style>
  7. @font-face {
  8. font-family: 'bitsream';
  9. src: url("./VeraMono.ttf");
  10. }
  11. body {
  12. padding: 0;
  13. margin: 0;
  14. background-color: #0095af;
  15. }
  16. textarea {
  17. background-color: transparent;
  18. border-color: transparent;
  19. color: #8ffce6;
  20. font-family: 'bitsream';
  21. }
  22. textarea:focus {
  23. outline: none;
  24. }
  25. </style>
  26. <script src="lib/p5.min.js"></script>
  27. <script src="lib/p5.dom.min.js"></script>
  28. <script src="lib/p5.sound.min.js"></script>
  29. <script src="notesAndScales.js"></script>
  30. <script src="fm.js"></script>
  31. <script src="sketch.js"></script>
  32. <style>
  33. textarea{
  34. width: 99.8%;
  35. height: 200px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <textarea id="inputBox" rows=10>fm.sin(440)</textarea>
  41. </body>
  42. </html>