Music album web page generator
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

template.html 1.2 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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/dede-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. </section>
  21. <section class="contact">
  22. <span>contact<span class="point">@</span>clou<span class="point">.</span>space</span>
  23. <footer class="flex-center">
  24. dede <span class='point'>.</span>space<span class='pipe'>|</span>2019
  25. </footer>
  26. </section>
  27. <div class="one-dpi" id="one-dpi" onclick="togglePlayer('player','one-dpi');"></div>
  28. <div class="player hidden" id="player">
  29. <h2>${title} - Audio</h2>
  30. <ul>
  31. % for a in tracks:
  32. <li>Item ${loop.index}: ${a}</li>
  33. % endfor
  34. </ul>
  35. </div>
  36. <script src="./assets/js/labelize.js"></script>
  37. </body>
  38. </html>
  39. <!---nav footered-screen-->