Upgrade spotify shortcode to new API

content/robotics/smallpeice/2017/soundtrack.md

@@ -6,5 +6,5 @@ At the arena, we had music playing in the background, through the competition st
 
 <!--more-->
 
-{{% spotify "spotify:user:theorangeone97:playlist:4ZaS9NTwF1erqqpE1IxHlP" %}}
+{{% spotify "theorangeone97" "4ZaS9NTwF1erqqpE1IxHlP" %}}
 

layouts/shortcodes/spotify.html

@@ -1,16 +1,17 @@
-{{ $ident := .Get 0 }}
+{{ $user := .Get 0 }}
+{{ $playlist_id := .Get 1 }}
 
-{{ $playlist := getJSON "http://spotify-public-proxy.theorangeone.net/playlist/" $ident }}
+{{ $playlist := getJSON "http://spotify-public-proxy.theorangeone.net/v1/users/" $user "/playlists/" $playlist_id }}
 
 <div class="playlist">
-  <a href="{{ $playlist.url }}">
+  <a href="{{ $playlist.external_urls.spotify }}">
     <h3>
       {{ $playlist.name }}
     </h3>
   </a>
 
   <table class="table table-hover table-striped">
-    <caption><a href="{{ $playlist.url }}">View playlist on Spotify</a></caption>
+    <caption><a href="{{ $playlist.external_urls.spotify }}">View playlist on Spotify</a></caption>
     <thead>
     <tr>
       <th scope="row">Track</th>
@@ -20,9 +21,10 @@
     </tr>
     </thead>
     <tbody>
-      {{ range sort $playlist.tracks "name" }}
+      {{ range sort $playlist.tracks.items "track.name" }}
+        {{ with .track }}
           <tr>
-          <td><a href="{{ .url }}">{{ .name }}</a></td>
+            <td><a href="{{ .external_urls.spotify }}">{{ .name }}</a></td>
             <td>
               {{ range $i, $e := .artists }}{{ if $i }}, {{ end }}{{ .name }}{{ end }}
             </td>
@@ -34,6 +36,7 @@
             </td>
           </tr>
         {{ end }}
+      {{ end }}
     </tbody>
   </table>
 </div>