Add durations and LRC files to music page

content/en/pages/music.md

@@ -27,6 +27,9 @@ Below is a playlist containing preview audio of all 10 songs, as produced by Mus
     name="Into Æther, The Vision, The Library, The Summoning, Thraximundar, Escape, Brooding, The Gathering, Lament, Thraximundar Defeated"
     cover="/images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg,"
     url="https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/1%20Into%20Aether.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/2%20The%20Vision.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/3%20The%20Library.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/4%20The%20Summoning.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/5%20Thraximundar.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/6%20Escape.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/7%20Brooding.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/8%20The%20Gathering.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/9%20Lament.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/10%20Thraximundar%20Defeated.mp3"
+    duration="03:07, 01:22, 06:45, 03:58, 05:10, 04:48, 04:27, 08:25, 04:31, 11:16"
+    lrc-type=3
+    lrc="https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/1%20Into%20Aether.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/2%20The%20Vision.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/3%20The%20Library.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/4%20The%20Summoning.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/5%20Thraximundar.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/6%20Escape.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/7%20Brooding.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/8%20The%20Gathering.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/9%20Lament.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/10%20Thraximundar%20Defeated.lrc"
 >}}
 {{< /aplayer >}}
 

layouts/shortcodes/aplayer.html

@@ -1,6 +1,6 @@
 <!-- require APlayer -->
 <link rel="stylesheet" href="/css/APlayer.css">
-<script src="/js/APlayer.min.js"></script>
+<script src="/js/APlayer.js"></script>
 
 <div id="aplayer"></div>
 
@@ -72,6 +72,10 @@
                     
                     url: "{{ index (split ($.Get "url")  ",")  $i }}",
 
+                    {{ with index (split ($.Get "duration")  ",") $i }}
+                        duration: "{{ . }}",
+                    {{ end }}
+
                     {{ with index (split ($.Get "artist")  ",") $i }}
                         artist: "{{ . }}",
                     {{ end }}

static/css/APlayer.css

@@ -424,7 +424,7 @@
 }
 .aplayer .aplayer-lrc p {
     font-size: 12px;
-    color: #666;
+    color: #aaa;
     line-height: 16px!important;
     height: 16px!important;
     padding: 0!important;
@@ -511,12 +511,18 @@
     cursor: pointer;
 }
 .aplayer .aplayer-list ol li .aplayer-list-index {
-    color: #666;
+    color: #888;
     margin-right: 12px;
     cursor: pointer;
 }
+.aplayer .aplayer-list ol li .aplayer-list-duration {
+    color: #888;
+    float: right;
+    cursor: pointer;
+    margin-left: 1em;
+}
 .aplayer .aplayer-list ol li .aplayer-list-author {
-    color: #666;
+    color: #888;
     float: right;
     cursor: pointer;
 }