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.
|
- ## -*- coding: utf-8 -*-
- <!DOCTYPE html>
-
- <html lang="fr">
- <head>
- <meta charset="utf-8">
-
- <title>${title}</title>
- <meta name="description" content="dedemo">
- <meta name="author" content="dede.space">
- <link rel="stylesheet" href="assets/css/player.css">
- <link rel="stylesheet" href="assets/css/labelize.css">
- </head>
-
- <body>
- <section class="cover">
-
- <!-- <img src="images/CLOU_Icono-1.png"/> -->
- </section>
- <!-- <section class="dates">-->
- <!-- <h2><span class="scaps">${title}</span> live</h2>-->
- <!-- </section>-->
- <section class="albums">
- <h2>${albums_section['title']}</h2>
- <ul>
- % for a in albums_section['albums']:
- <li>${a['year']} : ${a['title']}</li>
- % endfor
- </ul>
- </section>
-
- <section class="contact">
- <span>contact<span class="point">@</span>clou<span class="point">.</span>space</span>
- <footer class="flex-center">
- dede<span class='point'>.</span>space<span class='pipe'>|</span>2019
- </footer>
- </section>
-
- <ul id="player" data-title="Album title">
- % for t in tracks:
- <li>${loop.index}<audio src="audio/01.mp3" id="track-${loop.index}"></audio></li>
- % endfor
- </ul>
-
-
- <script type="module" src="./assets/js/labelize.js"></script>
-
- </body>
- </html>
-
- <!---nav footered-screen-->
|