Static site generator for making web mixtapes in 2020.

mixtape.tmpl 871B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. {{define "mixtape"}}
  2. <html>
  3. <head>
  4. <title>Mixtape</title>
  5. <meta charset="UTF-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <style type="text/css">
  8. body {
  9. font-size: 1.2em;
  10. margin: 1em;
  11. }
  12. #playlist {
  13. list-style: decimal-leading-zero;
  14. margin: 1em 0;
  15. }
  16. #playlist li {
  17. margin: 0.5em 0;
  18. }
  19. li p {
  20. display: none;
  21. font-style: italic;
  22. }
  23. li.active a {
  24. font-weight: bold;
  25. }
  26. li.active p {
  27. display: block;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. {{template "full-player" .Tracks}}
  33. </body>
  34. </html>
  35. {{end}}
  36. {{define "track-info"}}
  37. {{if eq .Num 1}}
  38. <p>[Here I might introduce this mix.]</p>
  39. <p>[Some notes about track 1.]</p>
  40. {{else if eq .Num 2}}
  41. <p>[Some notes about track 2.]</p>
  42. {{else if eq .Num 5}}
  43. <p>[Some notes about track 5.]</p>
  44. {{end}}
  45. {{end}}