diff --git a/pkg/soundcloud/entities.go b/pkg/soundcloud/entities.go
new file mode 100644
index 00000000..390dec19
--- /dev/null
+++ b/pkg/soundcloud/entities.go
@@ -0,0 +1,41 @@
+package soundcloud
+
+import "fmt"
+
+func (p *Playlist) IsMain() bool {
+	switch p.PlaylistType {
+	case "single", "album", "compilation", "ep":
+		return true
+	}
+	return false
+}
+
+func (p *Playlist) Section() string {
+	switch p.PlaylistType {
+	case "album":
+		return "albums"
+	case "single", "ep":
+		return "singles-eps"
+	case "compilation":
+		return "appears-on"
+	}
+	return "other"
+}
+
+func (p *Playlists) BySection(section string) []*Playlist {
+	out := []*Playlist{}
+	for _, playlist := range p.Playlists {
+		if playlist.Section() == section {
+			out = append(out, playlist)
+		}
+	}
+	return out
+}
+
+func (p *Playlist) URL() string {
+	return fmt.Sprintf("/album/%d", p.ID)
+}
+
+func (p *Playlist) IsExternal() bool { return true }
+
+func (p *Playlist) ImageURL() string { return p.ArtworkUrl }
diff --git a/templates/muzik.tmpl b/templates/muzik.tmpl
index 112f7651..28b3709c 100644
--- a/templates/muzik.tmpl
+++ b/templates/muzik.tmpl
@@ -1,5 +1,99 @@
 {{define "title"}}Muzik{{end}}
 
+{{/*
+{% block title %}Des albums{% endblock %}
+{% block subtitle %}pas au hasard{% endblock %}
+*/}}
+
 {{define "content"}}
-Muzikkk
+{{ $columns := 2 }}
+{{ $grid_size := div 12 $columns }}
+{{ $square_size := 250 }}
+
+
+<div class="row">
+  <!--<pre>{{.playlists|toPrettyJson}}</pre>-->
+  <h2>Albums</h2>
+  {{ range $entry := (.playlists.BySection "albums") }}
+    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 rotate-random2">
+      <!--<pre>{{$entry|toPrettyJson}}</pre>-->
+      <a href="{{ $entry.URL}}" class="thumbnail"
+         width="{{$square_size}}" height="{{$square_size}}"
+         {{ if $entry.IsExternal }} target="_blank"{{ end }}>
+        <div class="caption-wrapper">
+          <p class="caption">
+            {{ $entry.Title }}
+          </p>
+        </div>
+        <img src="{{ $entry.ImageURL | resize "fill=500x500" }}"
+             class="img-responsive"
+             width="500" height="500" />
+      </a>
+    </div>
+  {{ end }}
+</div>
+
+<div class="row">
+  <h2>Singles & EPs</h2>
+  {{ range $entry := (.playlists.BySection "singles-eps") }}
+    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 rotate-random2">
+      <!--<pre>{{$entry|toPrettyJson}}</pre>-->
+      <a href="{{ $entry.URL}}" class="thumbnail"
+         width="{{$square_size}}" height="{{$square_size}}"
+         {{ if $entry.IsExternal }} target="_blank"{{ end }}>
+        <div class="caption-wrapper">
+          <p class="caption">
+            {{ $entry.Title }}
+          </p>
+        </div>
+        <img src="{{ $entry.ImageURL | resize "fill=250x250" }}"
+             class="img-responsive"
+             width="250" height="250" />
+      </a>
+    </div>
+  {{ end }}
+</div>
+
+<div class="row">
+  <h2>Compilations</h2>
+  {{ range $entry := (.playlists.BySection "appears-on") }}
+    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 rotate-random2">
+      <!--<pre>{{$entry|toPrettyJson}}</pre>-->
+      <a href="{{ $entry.URL}}" class="thumbnail"
+         width="{{$square_size}}" height="{{$square_size}}"
+         {{ if $entry.IsExternal }} target="_blank"{{ end }}>
+        <div class="caption-wrapper">
+          <p class="caption">
+            {{ $entry.Title }}
+          </p>
+        </div>
+        <img src="{{ $entry.ImageURL | resize "fill=250x250" }}"
+             class="img-responsive"
+             width="250" height="250" />
+      </a>
+    </div>
+  {{ end }}
+</div>
+
+<div class="row">
+  <h2>Brouillons</h2>
+  {{ range $entry := (.playlists.BySection "other") }}
+    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 rotate-random2">
+      <!--<pre>{{$entry|toPrettyJson}}</pre>-->
+      <a href="{{ $entry.URL}}" class="thumbnail"
+         width="{{$square_size}}" height="{{$square_size}}"
+         {{ if $entry.IsExternal }} target="_blank"{{ end }}>
+        <div class="caption-wrapper">
+          <p class="caption">
+            {{ $entry.Title }}
+          </p>
+        </div>
+        <img src="{{ $entry.ImageURL | resize "fill=250x250" }}"
+             class="img-responsive"
+             width="250" height="250" />
+      </a>
+    </div>
+  {{ end }}
+</div>
+
 {{end}}
diff --git a/templates/old/muzik.html b/templates/old/muzik.html
deleted file mode 100644
index 5825af00..00000000
--- a/templates/old/muzik.html
+++ /dev/null
@@ -1,56 +0,0 @@
-{% set active_page = 'muzik' %}
-{% extends "base.html" %}
-{% set page_title = 'Muzik' %}
-{% set columns = 2 %}
-{% set square_size = 250 %}
-{% set grid_size = 12 // columns %}
-
-{% block title %}Des albums{% endblock %}
-{% block subtitle %}pas au hasard{% endblock %}
-
-{% block content %}
-  <hr />
-  <h2>Boom boom</h2>
-  <div class="row">
-    {% for album in first : %}
-
-    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 rotate-random">
-      <a href="{{ album.url }}" class="thumbnail"
-         width="{{square_size}}" height="{{square_size}}">
-        <div class="caption-wrapper">
-          <p class="caption">
-              {{ album.title }}
-          </p>
-        </div>
-        <img width="{{square_size}}" height="{{square_size}}"
-             class="img-responsive"
-             src="{{ album.img | cache_external_assets | resize('250x250', fill=1) }}"
-             />
-      </a>
-    </div>
-    {% endfor %}
-  </div>
-
-
-  <h2>Trucs &agrave; la con</h2>
-  <div class="row">
-    {% for album in second : %}
-
-    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 rotate-random">
-      <a href="{{ album.url }}" class="thumbnail"
-         width="{{square_size}}" height="{{square_size}}">
-        <div class="caption-wrapper">
-          <p class="caption">
-              {{ album.title }}
-          </p>
-        </div>
-        <img width="{{square_size}}" height="{{square_size}}"
-             class="img-responsive"
-             src="{{ album.img | cache_external_assets | resize('250x250', fill=1) }}"
-             />
-      </a>
-    </div>
-    {% endfor %}
-  </div>
-
-{% endblock %}
diff --git a/views/views.go b/views/views.go
index fd0b42ba..5a3d57c1 100644
--- a/views/views.go
+++ b/views/views.go
@@ -89,7 +89,14 @@ func (h *handlers) homeHandler(w http.ResponseWriter, r *http.Request) {
 
 func (h *handlers) muzikHandler(w http.ResponseWriter, r *http.Request) {
 	h.setDefaultHeaders(w)
-	data := renderData{"hello": "world"}
+	playlists, err := h.opts.Svc.SoundcloudPlaylists(r.Context(), &api.Void{})
+	if err != nil {
+		h.renderError(w, r, err)
+		return
+	}
+	data := renderData{
+		"playlists": playlists,
+	}
 	h.render(w, r, "muzik.tmpl", data)
 }