Music album web page generator
25'ten fazla konu seçemezsiniz
Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
|
- ## -*- 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-->
|