Music album web page generator
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.
 
 
 
 
 

52 line
1.3 KiB

  1. ## -*- coding: utf-8 -*-
  2. <!DOCTYPE html>
  3. <html lang="fr">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>${title}</title>
  7. <meta name="description" content="dedemo">
  8. <meta name="author" content="dede.space">
  9. <link rel="stylesheet" href="assets/css/player.css">
  10. <link rel="stylesheet" href="assets/css/labelize.css">
  11. </head>
  12. <body>
  13. <section class="cover">
  14. <!-- <img src="images/CLOU_Icono-1.png"/> -->
  15. </section>
  16. <!-- <section class="dates">-->
  17. <!-- <h2><span class="scaps">${title}</span> live</h2>-->
  18. <!-- </section>-->
  19. <section class="albums">
  20. <h2>${albums_section['title']}</h2>
  21. <ul>
  22. % for a in albums_section['albums']:
  23. <li>${a['year']} : ${a['title']}</li>
  24. % endfor
  25. </ul>
  26. </section>
  27. <section class="contact">
  28. <span>contact<span class="point">@</span>clou<span class="point">.</span>space</span>
  29. <footer class="flex-center">
  30. dede<span class='point'>.</span>space<span class='pipe'>|</span>2019
  31. </footer>
  32. </section>
  33. <ul id="player" data-title="Album title">
  34. % for t in tracks:
  35. <li>${loop.index}<audio src="audio/01.mp3" id="track-${loop.index}"></audio></li>
  36. % endfor
  37. </ul>
  38. <script type="module" src="./assets/js/labelize.js"></script>
  39. </body>
  40. </html>
  41. <!---nav footered-screen-->