Piano notes book, powered by Astro and React.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

24 lines
407 B

  1. ---
  2. import {loadScore} from '../load-score';
  3. const { id, alt } = Astro.props;
  4. const scoreXml = await loadScore(id);
  5. ---
  6. <div class="score-wrapper">
  7. <a href={`../scores/${id}.svg`}>
  8. <figure>
  9. <Fragment set:html={scoreXml} />
  10. <figcaption>
  11. {alt}
  12. </figcaption>
  13. </figure>
  14. </a>
  15. <div class="screen-controls">
  16. <a href={`../scores/${id}.musicxml`}>
  17. Download MusicXML
  18. </a>
  19. </div>
  20. </div>