Music album web page generator
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 
 

52 lignes
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-->