diff --git a/Gemfile.lock b/Gemfile.lock
index 9ea0bcc..1a8c8d8 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,8 +1,8 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.6.0)
-      public_suffix (>= 2.0.2, < 4.0)
+    addressable (2.7.0)
+      public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
     concurrent-ruby (1.1.5)
     em-websocket (0.5.1)
@@ -42,20 +42,18 @@ GEM
       listen (~> 3.0)
     kramdown (1.17.0)
     liquid (4.0.3)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
+    listen (3.2.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     posix-spawn (0.3.13)
-    public_suffix (3.1.1)
+    public_suffix (4.0.1)
     rb-fsevent (0.10.3)
     rb-inotify (0.10.0)
       ffi (~> 1.0)
-    rouge (3.6.0)
-    ruby_dep (1.5.0)
+    rouge (3.12.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
diff --git a/_config.yml b/_config.yml
index dc54a6f..7a96f06 100644
--- a/_config.yml
+++ b/_config.yml
@@ -32,7 +32,6 @@ social:
   link: 
     - https://twitter.com/sakrecoer
     - https://instagram.com/sakrecoer
-    - https://www.facebook.com/PipersHudvard/
     - https://open.spotify.com/playlist/2EDQlOV0cZe3KHLiSf1nly?si=4iwj3I4ETYqnym8RHXuKMw
 ### Build settings
 plugins:
@@ -51,9 +50,10 @@ collections:
   tracks:
     output: true
     permalink: /music/:title.html
+  categories:
+    output: false
 
 # defaults
-# timezone: Europe/Stockholm
 permalink: /:categories/:title/ 
 defaults:
   - 
@@ -61,33 +61,8 @@ defaults:
       path: ""
     values:
       layout: default
-#   - 
-#     scope:
-#       path: ""
-#       type: "posts"
-#     values:
-#       layout: "post"
-#       permalink: "/:year/:month/:day/:title/"
-#   - 
-#     scope:
-#       path: ""
-#       type: "behandlingar"
-#     values: 
-#       layout: "post"
-#       _options:
-#         content:
-#           uploads_dir: "images/behandlingar"
-#           width: "1200"
-#           height: "400"
-#           resize_style: "cover"
-#         image:
-#           uploads_dir: "images/behandlingar"
-#           width: "1200"
-#           height: "400"
-#           resize_style: "cover"
-#           mime_type: "image/jpeg"
-#           expandable: "true"
 
 exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md", "*.*~", "Gemfile", "Gemfile.lock", ".gitignore" ]
 audio_url : 'https://media.sakrecoer.com'
-banner: /assets/img/set.png
\ No newline at end of file
+banner: /assets/img/set.png
+
diff --git a/_layouts/default.html b/_layouts/default.html
index 3d60ec0..dfefd4f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,6 +9,7 @@
 <link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
 <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-07.css" />
 <script src="/assets/js/jquery-3.4.1.min.js"></script>
+<script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
 {% include seo.html %}  
 <style>
 body{
diff --git a/_layouts/music.html b/_layouts/music.html
index 7992fa5..382a5af 100644
--- a/_layouts/music.html
+++ b/_layouts/music.html
@@ -23,7 +23,7 @@ layout: default
   <div class="trackcontainer">
   
     <h1>{{ page.title }}</h1>
-    <p style="margin-bottom: 0px;">{{ page.keywords }}<br />{{ page.date | date: '%Y - %B' }}
+    <p style="margin-bottom: 0px;">{{ page.tags }}<br />{{ page.date | date: '%Y - %B' }}
   
       <br />
       <span id="tracktime" style="font-weight: normal;">&nbsp;</span></p>
diff --git a/_layouts/null.html b/_layouts/null.html
new file mode 100644
index 0000000..e69de29
diff --git a/_sass/isotope.scss b/_sass/isotope.scss
new file mode 100644
index 0000000..9449afe
--- /dev/null
+++ b/_sass/isotope.scss
@@ -0,0 +1,164 @@
+
+
+/* ---- button ---- */
+
+.button {
+  display: inline-block;
+  padding: 10px 18px;
+  margin-bottom: 10px;
+  background: #EEE;
+  border: none;
+  border-radius: 3px;
+  color: #222;
+  font-size: 16px;
+  text-shadow: 0 1px white;
+  transition: all .2s ease;
+}
+
+.button:hover {
+
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
+  color: #222;
+}
+
+.button:active,
+.button.is-checked {
+  background-color: #28F;
+}
+
+.button.is-checked {
+  color: white;
+  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
+}
+
+.button:active {
+  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
+}
+
+/* ---- button-group ---- */
+
+
+
+.button-group .button:first-child {
+  border-radius: 0.5em 0 0 0.5em;
+}
+
+.button-group .button:last-child {
+  border-radius: 0 0.5em 0.5em 0;
+}
+
+/* ---- isotope ---- */
+
+.grid {
+
+  // border: 1px solid #333;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  max-width: 1180px;
+  margin: auto;
+}
+
+/* clear fix */
+.grid:after {
+  content: '';
+
+  clear: both;
+}
+
+/* ---- .element-item ---- */
+
+.element-item {
+  flex: 1 0 250px;
+  height: 600px;
+  width: 300px;
+  background-repeat: no-repeat;
+  background-color: #ff00ff;
+  background-position-x: center;
+  background-position-y: -20px;
+  background-size: 100%;
+  transition: .2s ease-in-out;
+  border-radius: 3px;
+  margin: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  align-self: flex-end;
+  justify-items: flex-start;
+  flex-direction: row-reverse;
+
+  .cartouche {
+    background-color: #f4f4f4;
+    width: 100%;
+    height: 50%;
+    border-radius: 3px;
+    padding: 0 0 0 0;
+  }
+  
+  h4, h5, p {
+    flex: 0 0 auto;
+    margin: 10px;
+    padding: 5px;
+    border-radius: 3px;
+
+
+  }
+  h4 {
+    font-size: 1.5em;
+    background-color: #fff;
+
+  }
+  h5 {
+    font-size: 1em;
+    background-color: #fff;
+  }
+  p, a {
+    font-size: 1em;
+  }
+  a.cta {
+    border-radius: 100px;
+    padding: 10px 20px;
+    background: linear-gradient(270deg, #ff00ff, #426a00);
+    background-size: 400% 400%;
+    color: #fff;
+    -webkit-animation: AnimationName 15s ease infinite;
+    -moz-animation: AnimationName 15s ease infinite;
+    animation: AnimationName 15s ease infinite;
+    font-weight: 700;
+    text-decoration: none;
+    transition: 1s ease;
+
+    
+    @-webkit-keyframes AnimationName {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+    @-moz-keyframes AnimationName {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+    @keyframes AnimationName {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+  }
+  a:hover.cta {
+    background: #fff;
+    color: #ff00ff;
+    text-shadow: none;
+  }
+}
+
+
+.element-item>* {
+  margin: 0;
+  padding: 0;
+}
+
+
+
diff --git a/_tracks/2006-04-06-badboys3.md b/_tracks/2006-04-06-badboys3.md
index 2b6dba4..dad1445 100644
--- a/_tracks/2006-04-06-badboys3.md
+++ b/_tracks/2006-04-06-badboys3.md
@@ -4,9 +4,13 @@ title: Bad Boys 3
 mp3: https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.mp3
 ogg: https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.ogg
 uid: badboys3
-category: music
 image: https://media.sakrecoer.com/2006-reset_sakrecoer-best_of_sakrecoer_2004-2009-bad_boys_3.jpg
-keywords: reSet, pop, indy, vocals, electro, Yngwie Malmsteen,
+categories: 
+  - reset
+  - pop
+  - indy
+  - vocals
+  - electro
 duration: 207000
 ---
 Some people are fake, some people are aware.\\
diff --git a/_tracks/2008-06-24-NowFuture.md b/_tracks/2008-06-24-NowFuture.md
index 3135aed..cce22f7 100644
--- a/_tracks/2008-06-24-NowFuture.md
+++ b/_tracks/2008-06-24-NowFuture.md
@@ -5,8 +5,13 @@ mp3: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.mp3
 ogg: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.ogg
 image: https://media.sakrecoer.com/2008-sakrecoer-pa_manen_007-now_future.jpg
 uid: nowfuture
-category: music
-keywords: reSet, chill out, vocals, electro, acid, now future, no future,
+categories: 
+  - reset
+  - chillout
+  - vocals
+  - electro
+  - acid
+
 ---
 Life is full of mysteries,\\
 And if you want to cope with these,\\
diff --git a/_tracks/2009-12-24-XmasBowie.md b/_tracks/2009-12-24-XmasBowie.md
index c783693..958e382 100644
--- a/_tracks/2009-12-24-XmasBowie.md
+++ b/_tracks/2009-12-24-XmasBowie.md
@@ -4,8 +4,13 @@ title: Xmas Bowie
 mp3: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.mp3
 ogg: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.ogg
 uid: xmasbowie
-category: music
+
 image: https://media.sakrecoer.com/2009-reset_sakrecoer-bootleg-xmas_bowie.jpg
-keywords: reSet, pop, chiptune, Bowie, Lets dance, red shoes, cover,
+categories: 
+  - reset
+  - pop
+  - chiptune
+  - bowie
+  - cover
 ---
 For Mama Noel
diff --git a/_tracks/2010-07-07-Feelin4u.md b/_tracks/2010-07-07-Feelin4u.md
index bcfb8ee..3020f81 100644
--- a/_tracks/2010-07-07-Feelin4u.md
+++ b/_tracks/2010-07-07-Feelin4u.md
@@ -5,9 +5,13 @@ mp3: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.mp3
 ogg: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.ogg
 image: https://media.sakrecoer.com/2010-sakrecoer-pa_manen_007-feeling_4_u.jpg
 uid: feelin4u
-category: music
-tag: reSet
-keywords: Soul, R&B, CyberSoul, Hiphop, vocals, singer, crooner, GNU, Linux
+categories: 
+  - cybersoul
+  - hiphop
+  - vocals
+  - singer
+  - crooner
+  - reset
 ---
 The better i know you the more i feel this is true.\\
 The more i read you the stronger i feel for you.\\
diff --git a/_tracks/2010-09-22-Dumb-Bum.md b/_tracks/2010-09-22-Dumb-Bum.md
index 3ef9dc9..6e6cc27 100644
--- a/_tracks/2010-09-22-Dumb-Bum.md
+++ b/_tracks/2010-09-22-Dumb-Bum.md
@@ -1,12 +1,17 @@
 ---
 title: Dum Bum
 layout: music
-category: music
 mp3: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.mp3
 ogg: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.ogg
 uid: dumbum
 image: https://media.sakrecoer.com/2010-reset_sakrecoer-polyglotte-dumb_bumm.jpg
-keywords: reSet, blues, electro, vocals, industry go to hell, music, freedom,
+categories: 
+  - reset
+  - blues
+  - electro
+  - vocals
+  - music
+  - freedom
 ---
 You say i should act like Bob,\\
 You want me to do the dirty job.\\
diff --git a/_tracks/2011-01-27-Lovemoney.md b/_tracks/2011-01-27-Lovemoney.md
index b777cf5..effc411 100644
--- a/_tracks/2011-01-27-Lovemoney.md
+++ b/_tracks/2011-01-27-Lovemoney.md
@@ -4,9 +4,14 @@ title: Lovemoney
 mp3: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.mp3
 ogg: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.ogg
 uid: lovemoney
-category: music
 image: https://media.sakrecoer.com/2011-reset_sakrecoer-polyglotte-lovemoney.jpg
-keywords: reSet, pop, emo, vocals, love, money, midlife crisis,
+categories: 
+  - reset
+  - pop
+  - emo
+  - vocals
+  - love
+  - money
 ---
 2x\\
 Money here,\\
diff --git a/_tracks/2011-02-15-Fantasii.md b/_tracks/2011-02-15-Fantasii.md
index 17b159e..28e4cc2 100644
--- a/_tracks/2011-02-15-Fantasii.md
+++ b/_tracks/2011-02-15-Fantasii.md
@@ -4,9 +4,14 @@ title: Fantasii
 mp3: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.mp3
 ogg: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.ogg
 uid: fantasii
-category: music
+
 image: https://media.sakrecoer.com/2011-sakrecoer-gentle_songs_for_neighbourdreams-fantasii.jpg
-keywords: reSet, vocals, pop, evolutionary, poetry,
+categories: 
+  - reset
+  - vocals
+  - pop
+  - evolutionary
+  - poetry
 ---
 Dreams of light and spreading ideas,\\
 Green and bright well rooted trees.\\
diff --git a/_tracks/2012-01-02-Supernova.md b/_tracks/2012-01-02-Supernova.md
index f030a0d..4b407e0 100644
--- a/_tracks/2012-01-02-Supernova.md
+++ b/_tracks/2012-01-02-Supernova.md
@@ -4,8 +4,13 @@ title: Supernova
 mp3: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.mp3
 ogg: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.ogg
 uid: supernova
-category: music
+
 image: https://media.sakrecoer.com/2012-sakrecoer-uhm-supernova.jpg
-keywords: Simio, chillout, techno, melodic, classic break,
+categories: 
+  - simio
+  - chillout
+  - techno
+  - melodic
+  - breaks
 ---
 This I give you...
diff --git a/_tracks/2012-06-06-WeHaveToDecide.md b/_tracks/2012-06-06-WeHaveToDecide.md
index bc92951..bb7f013 100644
--- a/_tracks/2012-06-06-WeHaveToDecide.md
+++ b/_tracks/2012-06-06-WeHaveToDecide.md
@@ -4,9 +4,15 @@ title: We Have To Decide
 mp3: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.mp3
 ogg: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.ogg
 uid: wehavetodecide
-category: music
+
 image: https://media.sakrecoer.com/2012-pusset_sakrecoer--we_have_to_decide.jpg
-keywords: pusSet, vocals, house, chillout, classic break, evolutionary,
+categories: 
+  - pusset
+  - vocals
+  - house
+  - chillout
+  - breaks
+  - evolutionary
 ---
 I have been waiting all night long,\\
 For this question to come,\\
diff --git a/_tracks/2012-10-16-Caribcreol.md b/_tracks/2012-10-16-Caribcreol.md
index 48f8353..b231dd3 100644
--- a/_tracks/2012-10-16-Caribcreol.md
+++ b/_tracks/2012-10-16-Caribcreol.md
@@ -4,9 +4,16 @@ title: Un Barcelones En Carib Malmo
 mp3: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.mp3
 ogg: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.ogg
 uid: caribmalmo
-category: music
+
 image: https://media.sakrecoer.com/2012-pusset_sakrecoer-carib-un_barcelones_en_carib_malmo_160kbps.jpg
-keywords: pusSet, tropical, house, kick-n-base, instrumental, funky, hot,
+categories: 
+  - pusset
+  - tropical
+  - house
+  - kick-n-base
+  - instrumental
+  - funky
+  - hot
 ---
 The title says it all!\\
 This is SweidoCaribean Kick'N'Base Baby!
diff --git a/_tracks/2012-12-29-Avide_codeinedit.md b/_tracks/2012-12-29-Avide_codeinedit.md
index c196701..7dbbd8b 100644
--- a/_tracks/2012-12-29-Avide_codeinedit.md
+++ b/_tracks/2012-12-29-Avide_codeinedit.md
@@ -4,9 +4,16 @@ title: Avide (Codein Edit)
 mp3: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.mp3
 ogg: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.ogg
 uid: avidanse
-category: music
+
 image: https://media.sakrecoer.com/2012-redith_piaf-codeine_edit-avide_de_danser.jpg
-keywords: Simio, vocals, french, poetry, codein, purple drank, slowmo,
+categories: 
+  - simio
+  - vocals
+  - french 
+  - poetry
+  - codein
+  - purpledrank
+  - slowmo
 ---
 This song is about sex. It is the story of choosing love for the tempo AMONG the crowd instead of OVER it, and emulates the readjustments of heartbeat that occur on this path. While it is arguable that the song is a bit sour, I won't do anything about it. Perfection is not only far from my current research, since i dropped these lines, i consider it a worthless dead-end trip. "Life is much better made than a roller-caster..."
 
diff --git a/_tracks/2013-02-04-Powertodo.md b/_tracks/2013-02-04-Powertodo.md
index 3ea3d59..cf73b2b 100644
--- a/_tracks/2013-02-04-Powertodo.md
+++ b/_tracks/2013-02-04-Powertodo.md
@@ -4,9 +4,13 @@ title: Power To Do
 mp3: https://media.sakrecoer.com/2013-reset_sakrecoer-power_to_do-power_to_do.mp3
 ogg: https://media.sakrecoer.com/2013-reset_sakrecoer-power_to_do-power_to_do.ogg
 uid: powertodo
-category: music
 image: https://media.sakrecoer.com/2013-reset_sakrecoer-power_to_do-power_to_do.jpg
-keywords: reSet, evolutionary, vocals, public enemy, calssic break, semi-rap,
+categories: 
+  - reset
+  - evolutionary
+  - vocals
+  - breaks
+  - semi-rap
 ---
 I don't want to deal with money,\\
 I don't want to deal.\\
diff --git a/_tracks/2013-02-08-InvisiblePowerfull.md b/_tracks/2013-02-08-InvisiblePowerfull.md
index f69d1b1..6d98246 100644
--- a/_tracks/2013-02-08-InvisiblePowerfull.md
+++ b/_tracks/2013-02-08-InvisiblePowerfull.md
@@ -4,9 +4,13 @@ title: Invisible Powerfull
 mp3: https://media.sakrecoer.com/2013-reset_sakrecoer-invisible_powerfull-the_wall.mp3
 ogg: https://media.sakrecoer.com/2013-reset_sakrecoer-invisible_powerfull-the_wall.ogg
 uid: thewall
-category: music
+
 image: https://media.sakrecoer.com/2013-reset_sakrecoer-invisible_powerfull-the_wall.jpg
-keywords: reSet, brick in the wall, mindset, magick, self empowerement, break the rules,
+categories:
+  - reset
+  - mindset
+  - magick
+  - pop
 ---
 
 The wall,\\
diff --git a/_tracks/2013-04-03-AlbinoLion.md b/_tracks/2013-04-03-AlbinoLion.md
index 0158140..1c51bdb 100644
--- a/_tracks/2013-04-03-AlbinoLion.md
+++ b/_tracks/2013-04-03-AlbinoLion.md
@@ -4,9 +4,12 @@ title: Albino Lion (Negative Bounty)
 mp3: https://media.sakrecoer.com/2013-pusset_sakrecoer-exclusive-albino_lion.mp3
 ogg: https://media.sakrecoer.com/2013-pusset_sakrecoer-exclusive-albino_lion.ogg
 uid: albinolion
-category: music
 image: https://media.sakrecoer.com/2013-pusset_sakrecoer-exclusive-albino_lion.jpg
-keywords: pusSet, cyber rnb, bass, Janie Joelle, sexy,
+categories: 
+  - pusset
+  - cybersoul
+  - bass
+  - sexy
 ---
 
 My 2013 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm hoping to help people keep focused on making love rather than fucking eachother up. In the midst of 2077, I hope to have a number of new songs worth flying to venus with. Then I'll make them sound even nicer, but most likeley just do better new ones or save the world.
diff --git a/_tracks/2013-04-18-WorkForFreeTime.md b/_tracks/2013-04-18-WorkForFreeTime.md
index 9396331..1da9b65 100644
--- a/_tracks/2013-04-18-WorkForFreeTime.md
+++ b/_tracks/2013-04-18-WorkForFreeTime.md
@@ -4,9 +4,11 @@ title: Work For Free Time
 mp3: https://media.sakrecoer.com/2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.mp3
 ogg: https://media.sakrecoer.com/2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.ogg
 uid: freetime
-category: music
 image: https://media.sakrecoer.com/2013-pusset_sakrecoer-yet_another_super_hit-work_for_free_time.jpg
-keywords: pusSet, everyday reality, emo, kick-n-base,
+categories: 
+  - pusset
+  - emo
+  - kick-n-base
 ---
 
 Monday, Thursday, Friday, Saturday, Saturday, Saturday, Sunday.
diff --git a/_tracks/2013-04-27-acidlounge.md b/_tracks/2013-04-27-acidlounge.md
index 5132478..a796769 100644
--- a/_tracks/2013-04-27-acidlounge.md
+++ b/_tracks/2013-04-27-acidlounge.md
@@ -4,9 +4,12 @@ title: Acid In My Lounge
 mp3: https://media.sakrecoer.com/2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.mp3
 ogg: https://media.sakrecoer.com/2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.ogg
 uid: acidmylounge
-category: music
 image: https://media.sakrecoer.com/2013-simio_sakrecoer-critter_and_guitari-acid_in_my_lounge.jpg
-keywords: Simio, Acid, Chillout, instrumental,
+categories: 
+  - simio
+  - acid
+  - chillout
+  - instrumental
 ---
 Made without any Guitars nor Criterias,\\
 But with alot of Critter&Guitari.\\
diff --git a/_tracks/2014-01-23-filosofisk-Logik.md b/_tracks/2014-01-23-filosofisk-Logik.md
index 8b3b17e..f507ea8 100644
--- a/_tracks/2014-01-23-filosofisk-Logik.md
+++ b/_tracks/2014-01-23-filosofisk-Logik.md
@@ -4,9 +4,13 @@ title: Filosofisk Logik
 mp3: https://media.sakrecoer.com/2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.mp3
 ogg: https://media.sakrecoer.com/2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.ogg
 uid: filosofisklogik
-category: music
 image: https://media.sakrecoer.com/2014-reset_sakrecoer-total_demokratisk-philosofisk_logik.jpg
-keywords: reSet, philosophy, vocals, evolutionary, rnb,
+categories: 
+  - reset
+  - philosophy
+  - vocals
+  - evolutionary
+  - rnb
 ---
 Politkern sa:\\
 "Lyssna p&aring; min filosofiska logik,\\
diff --git a/_tracks/2014-01-31-medans-iSaver.md b/_tracks/2014-01-31-medans-iSaver.md
index 07ddaf3..2a71fa3 100644
--- a/_tracks/2014-01-31-medans-iSaver.md
+++ b/_tracks/2014-01-31-medans-iSaver.md
@@ -4,8 +4,12 @@ title: Medans iSaover
 mp3: https://media.sakrecoer.com/2014-simio_sakrecoer-medans_i_saver-medans_i_saver.mp3
 ogg: https://media.sakrecoer.com/2014-simio_sakrecoer-medans_i_saver-medans_i_saver.ogg
 uid: medansisaver
-category: music
 image: https://media.sakrecoer.com/2014-simio_sakrecoer-medans_i_saver-medans_i_saver.jpg
-keywords: Simio, Kick-n-base, tropical, vocoder, robolove,
+categories: 
+  - simio
+  - kick-n-base
+  - tropical
+  - vocoder
+  - robolove
 ---
 Robots are feeling things, while you sleep.
diff --git a/_tracks/2014-02-03-burner.md b/_tracks/2014-02-03-burner.md
index acb6b65..ec4648c 100644
--- a/_tracks/2014-02-03-burner.md
+++ b/_tracks/2014-02-03-burner.md
@@ -4,9 +4,12 @@ title: Burner
 mp3: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.mp3
 ogg: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.ogg
 uid: burner
-category: music
 image: https://media.sakrecoer.com/2014-simio_sakrecoer-burner-burner.jpg
-keywords: Simio, kick-n-base, tropical, graffiti music,
+categories: 
+  - simio
+  - kick-n-base
+  - tropical
+  - graffiti
 duration: 229000
 ---
 Wicked And Funky Blockletter Burner Top to Bottom, rolling in to your HIFI system.
diff --git a/_tracks/2014-04-17-phramtiden.md b/_tracks/2014-04-17-phramtiden.md
index cb1656d..5095cb1 100644
--- a/_tracks/2014-04-17-phramtiden.md
+++ b/_tracks/2014-04-17-phramtiden.md
@@ -4,9 +4,13 @@ title: Phramtiden, Syrliga Spaor
 mp3: https://media.sakrecoer.com/2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.mp3
 ogg: https://media.sakrecoer.com/2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.ogg
 uid: phutureohramtid
-category: music
 image: https://media.sakrecoer.com/2014-phuture_edited_by_sakrecoer-phramtiden_tracks-phramtiden_syrliga_spar.jpg
-keywords: Simio, chillout, acid, instrumental, cover,
+categories: 
+  - simio
+  - chillout
+  - acid
+  - instrumental
+  - cover
 ---
 ACID TRAX! By Phuture, The unborn Chillout Zone edit....\\
 99love
diff --git a/_tracks/2014-08-08-tenodef_loudnesswarrior.md b/_tracks/2014-08-08-tenodef_loudnesswarrior.md
index 3a095d6..dd60f64 100644
--- a/_tracks/2014-08-08-tenodef_loudnesswarrior.md
+++ b/_tracks/2014-08-08-tenodef_loudnesswarrior.md
@@ -5,8 +5,13 @@ mp3: https://media.sakrecoer.com/2014-sakrecoer-technocraphy-tonedef_loudnesswar
 ogg: https://media.sakrecoer.com/2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.ogg
 image: https://media.sakrecoer.com/2014-sakrecoer-technocraphy-tonedef_loudnesswarriors_anthem.jpg
 uid: loudanthemwarior
-category: music
-tag: Simio
-keywords: Techno, Hard, Funky, tropical, kick-n-base, instrumental
+categories: 
+  - techno
+  - hard
+  - funky
+  - tropical
+  - kick-n-base
+  - instrumental
+  - simio
 ---
 A Techno track with alot of dirt, pressure and compression, under the magic desguise of the Anthem of it self
diff --git a/_tracks/2015-11-13-7step.md b/_tracks/2015-11-13-7step.md
index 7a585b0..93ca651 100644
--- a/_tracks/2015-11-13-7step.md
+++ b/_tracks/2015-11-13-7step.md
@@ -5,8 +5,9 @@ mp3: https://media.sakrecoer.com/2015-sakrecoer-demo-01-7_stepper.mp3
 ogg: https://media.sakrecoer.com/2015-sakrecoer-demo-01-7_stepper.ogg
 image: https://media.sakrecoer.com/2015-sakrecoer-demo-01-7_stepper.png
 uid: 7stepper
-category: music
-tag: Simio
-keywords: Kick-n-Base, instrumental, 7Step,
+categories: 
+  - kick-n-base
+  - instrumental
+  - 7step
 ---
 A Strange track in some sort 7/4 tempo, with a sweet and funky robo-cat singing a ballade.
diff --git a/_tracks/2015-11-16-Vapor-Break.md b/_tracks/2015-11-16-Vapor-Break.md
index ffe134e..928ff5b 100644
--- a/_tracks/2015-11-16-Vapor-Break.md
+++ b/_tracks/2015-11-16-Vapor-Break.md
@@ -5,8 +5,11 @@ mp3: https://media.sakrecoer.com/2015-sakrecoer--07-vapor_break.mp3
 ogg: https://media.sakrecoer.com/2015-sakrecoer--07-vapor_break.ogg
 image: https://media.sakrecoer.com/2015-sakrecoer--07-vapor_break.png
 uid: vaporbreak
-category: music
-tag: Simio
-keywords: Kick-n-Base, Vapor Wave, BreakDance, instrumental, Stepper,
+categories: 
+  - kick-n-base
+  - vapor
+  - breakdance
+  - instrumental
+  - stepper
 ---
 The story of a dancing Sloth who dreamed about spinning on the head, at the Battle Of The Year.
diff --git a/_tracks/2015-11-18-99GF.md b/_tracks/2015-11-18-99GF.md
index ee24645..4a2fd86 100644
--- a/_tracks/2015-11-18-99GF.md
+++ b/_tracks/2015-11-18-99GF.md
@@ -5,8 +5,13 @@ mp3: https://media.sakrecoer.com/2015-sakrecoer-demo-07-99gf.mp3
 ogg: https://media.sakrecoer.com/2015-sakrecoer-demo-07-99gf.ogg
 image: https://media.sakrecoer.com/2015-sakrecoer-demo-07-99gf.jpg
 uid: 99gf
-category: music
-tag: Simio
-keywords: Kick-n-Base, Vapor, Techno, Tropical, instrumental, Stepper,
+categories: 
+  - kick-n-base
+  - vapor
+  - techno
+  - tropical
+  - instrumental
+  - stepper
+  - simio
 ---
 Tropical Stomp-Wave for dancing rave-robots of model 99GF, with glitched out Autopilot and sentient rhythm analyzer.
diff --git a/_tracks/2015-11-19-Subway BossanovaF.md b/_tracks/2015-11-19-Subway BossanovaF.md
index 32bf099..8367982 100644
--- a/_tracks/2015-11-19-Subway BossanovaF.md	
+++ b/_tracks/2015-11-19-Subway BossanovaF.md	
@@ -5,8 +5,14 @@ mp3: https://media.sakrecoer.com/2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20
 ogg: https://media.sakrecoer.com/2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.ogg
 image: https://media.sakrecoer.com/2015%20-%20Sakrecoer%20-%20demo%20-%2007%20-%20Subossa.jpg
 uid: subbossa
-category: music
-tag: Simio
-keywords: Kick-n-Base, House, Techno, Tropical, instrumental, Subway, Bossa Nova,
+categories: 
+  - kick-n-base
+  - house
+  - techno
+  - tropical
+  - instrumental
+  - subway
+  - bossanova
+  - simio
 ---
 This track is so Anoying! There are just too many cats!!!!
diff --git a/_tracks/2015-11-25-PinGnu.md b/_tracks/2015-11-25-PinGnu.md
index 4977c95..3c94d60 100644
--- a/_tracks/2015-11-25-PinGnu.md
+++ b/_tracks/2015-11-25-PinGnu.md
@@ -5,9 +5,17 @@ mp3: https://media.sakrecoer.com/2015-sakrecoer-demo-07-pingnu.mp3
 ogg: https://media.sakrecoer.com/2015-sakrecoer-demo-07-pingnu.ogg
 image: https://media.sakrecoer.com/2015-sakrecoer-demo-07-pingnu.png
 uid: pinGnu
-category: music
-tag: Simio
-keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
+categories: 
+  - kick-n-base
+  - vapor
+  - cybersoul
+  - techno
+  - trap
+  - milenial
+  - instrumental
+  - gnu
+  - linux
+  - simio
 ---
 I'm a little Pingu, riding on a GNU.\\
 Looking at the world, looking at you.\\
diff --git a/_tracks/2016-08-30-dependency.md b/_tracks/2016-08-30-dependency.md
index c0f6d30..a9a4f58 100644
--- a/_tracks/2016-08-30-dependency.md
+++ b/_tracks/2016-08-30-dependency.md
@@ -5,9 +5,16 @@ mp3: https://media.sakrecoer.com/2016-Sakrecoer-07-Unmet-dependencies.mp3
 ogg: https://media.sakrecoer.com/2016-Sakrecoer-07-Unmet-dependencies.ogg
 image: https://media.sakrecoer.com/2016-Sakrecoer-07-Unmet-dependencies.jpg
 uid: dependencytrap
-category: music
-tag: Sakrecoer
-keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, instrumental, GNU, Linux
+categories: 
+  - kick-n-base
+  - vapor
+  - cybersoul
+  - techno
+  - trap
+  - milenial
+  - instrumental
+  - gnu
+  - linux
 ---
 -----BEGIN PGP SIGNED MESSAGE-----
 Hash: SHA1
diff --git a/_tracks/2018-12-07-katufedenous.md b/_tracks/2018-12-07-katufedenous.md
index ae89c9a..36e1b3a 100644
--- a/_tracks/2018-12-07-katufedenous.md
+++ b/_tracks/2018-12-07-katufedenous.md
@@ -5,9 +5,10 @@ mp3: https://media.sakrecoer.com/2018-setto_-single-007-katu_fait_de_nous-117bpm
 ogg: https://media.sakrecoer.com/2018-setto_-single-007-katu_fait_de_nous-117bpm.ogg
 image: https://media.sakrecoer.com/2018-setto_-single-007-katu_fait_de_nous-117bpm.jpg
 uid: kastufaisdenous2345235
-category: music
-tag: Sakrecoer
-keywords: CyberSoul, Trap, Milenial
+categories: 
+  - cybersoul
+  - trap
+  - milenial
 ---
 Qu'as tu fais de nous?\\
 WTF coucou?\\
diff --git a/_tracks/_2015-11-30-WideOpen.md b/_tracks/_2015-11-30-WideOpen.md
index 89dcacf..fb80dc9 100644
--- a/_tracks/_2015-11-30-WideOpen.md
+++ b/_tracks/_2015-11-30-WideOpen.md
@@ -5,9 +5,17 @@ mp3: https://media.sakrecoer.com/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_op
 ogg: https://media.sakrecoer.com/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.ogg
 image: https://media.sakrecoer.com/2015_-_sakrecoer_-_7th_dimension_-_07_-_wide_open.jpg
 uid: wideopen2
-category: music
-tag: reSet
-keywords: Kick-n-Base, Vapor, CyberSoul, Techno, Trap, Milenial, Hiphop, instrumental, GNU, Linux
+categories: 
+  - kick-n-base
+  - vapor
+  - cyberdoul
+  - techno
+  - trap
+  - milenial
+  - hiphop
+  - instrumental
+  - gnu
+  - linux
 ---
 Your a lover,<br />
 In a world of fuckers.<br />
diff --git a/_tracks/_defaults.md b/_tracks/_defaults.md
index c42e595..754e8b2 100644
--- a/_tracks/_defaults.md
+++ b/_tracks/_defaults.md
@@ -7,6 +7,6 @@ ogg:
 image: 
 uid: 
 category:
-tag: 
-keywords: 
+categories: 
+categories: 
 ---
diff --git a/assets/css/style2019-07.scss b/assets/css/style2019-07.scss
index 726932e..38cd383 100644
--- a/assets/css/style2019-07.scss
+++ b/assets/css/style2019-07.scss
@@ -2,3 +2,4 @@
 ---
 @import 'normalize';
 @import 'main';
+@import 'isotope'
\ No newline at end of file
diff --git a/assets/js/isotope.pkgd.min.js b/assets/js/isotope.pkgd.min.js
new file mode 100644
index 0000000..7ca671c
--- /dev/null
+++ b/assets/js/isotope.pkgd.min.js
@@ -0,0 +1,12 @@
+/*!
+ * Isotope PACKAGED v3.0.6
+ *
+ * Licensed GPLv3 for open source use
+ * or Isotope Commercial License for commercial use
+ *
+ * https://isotope.metafizzy.co
+ * Copyright 2010-2018 Metafizzy
+ */
+
+!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,s,a){function u(t,e,o){var n,s="$()."+i+'("'+e+'")';return t.each(function(t,u){var h=a.data(u,i);if(!h)return void r(i+" not initialized. Cannot call methods, i.e. "+s);var d=h[e];if(!d||"_"==e.charAt(0))return void r(s+" is not a valid method");var l=d.apply(h,o);n=void 0===n?l:n}),void 0!==n?n:t}function h(t,e){t.each(function(t,o){var n=a.data(o,i);n?(n.option(e),n._init()):(n=new s(o,e),a.data(o,i,n))})}a=a||e||t.jQuery,a&&(s.prototype.option||(s.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=n.call(arguments,1);return u(this,t,e)}return h(this,t),this},o(a))}function o(t){!t||t&&t.bridget||(t.bridget=i)}var n=Array.prototype.slice,s=t.console,r="undefined"==typeof s?function(){}:function(t){s.error(t)};return o(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},o=i[t]=i[t]||[];return o.indexOf(e)==-1&&o.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},o=i[t]=i[t]||{};return o[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var o=i.indexOf(e);return o!=-1&&i.splice(o,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var o=this._onceEvents&&this._onceEvents[t],n=0;n<i.length;n++){var s=i[n],r=o&&o[s];r&&(this.off(t,s),delete o[s]),s.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t}),function(t,e){"function"==typeof define&&define.amd?define("get-size/get-size",e):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<h;e++){var i=u[e];t[i]=0}return t}function o(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}function n(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var n=o(e);r=200==Math.round(t(n.width)),s.isBoxSizeOuter=r,i.removeChild(e)}}function s(e){if(n(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var s=o(e);if("none"==s.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==s.boxSizing,l=0;l<h;l++){var f=u[l],c=s[f],m=parseFloat(c);a[f]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,y=a.paddingTop+a.paddingBottom,g=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,z=a.borderTopWidth+a.borderBottomWidth,I=d&&r,x=t(s.width);x!==!1&&(a.width=x+(I?0:p+_));var S=t(s.height);return S!==!1&&(a.height=S+(I?0:y+z)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(y+z),a.outerWidth=a.width+g,a.outerHeight=a.height+v,a}}var r,a="undefined"==typeof console?e:function(t){console.error(t)},u=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],h=u.length,d=!1;return s}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i<e.length;i++){var o=e[i],n=o+"MatchesSelector";if(t[n])return n}}();return function(e,i){return e[t](i)}}),function(t,e){"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.matchesSelector)}(window,function(t,e){var i={};i.extend=function(t,e){for(var i in e)t[i]=e[i];return t},i.modulo=function(t,e){return(t%e+e)%e};var o=Array.prototype.slice;i.makeArray=function(t){if(Array.isArray(t))return t;if(null===t||void 0===t)return[];var e="object"==typeof t&&"number"==typeof t.length;return e?o.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);i!=-1&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,o){t=i.makeArray(t);var n=[];return t.forEach(function(t){if(t instanceof HTMLElement){if(!o)return void n.push(t);e(t,o)&&n.push(t);for(var i=t.querySelectorAll(o),s=0;s<i.length;s++)n.push(i[s])}}),n},i.debounceMethod=function(t,e,i){i=i||100;var o=t.prototype[e],n=e+"Timeout";t.prototype[e]=function(){var t=this[n];clearTimeout(t);var e=arguments,s=this;this[n]=setTimeout(function(){o.apply(s,e),delete s[n]},i)}},i.docReady=function(t){var e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},i.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var n=t.console;return i.htmlInit=function(e,o){i.docReady(function(){var s=i.toDashed(o),r="data-"+s,a=document.querySelectorAll("["+r+"]"),u=document.querySelectorAll(".js-"+s),h=i.makeArray(a).concat(i.makeArray(u)),d=r+"-options",l=t.jQuery;h.forEach(function(t){var i,s=t.getAttribute(r)||t.getAttribute(d);try{i=s&&JSON.parse(s)}catch(a){return void(n&&n.error("Error parsing "+r+" on "+t.className+": "+a))}var u=new e(t,i);l&&l.data(t,o,u)})})},i}),function(t,e){"function"==typeof define&&define.amd?define("outlayer/item",["ev-emitter/ev-emitter","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("get-size")):(t.Outlayer={},t.Outlayer.Item=e(t.EvEmitter,t.getSize))}(window,function(t,e){"use strict";function i(t){for(var e in t)return!1;return e=null,!0}function o(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}function n(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}var s=document.documentElement.style,r="string"==typeof s.transition?"transition":"WebkitTransition",a="string"==typeof s.transform?"transform":"WebkitTransform",u={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[r],h={transform:a,transition:r,transitionDuration:r+"Duration",transitionProperty:r+"Property",transitionDelay:r+"Delay"},d=o.prototype=Object.create(t.prototype);d.constructor=o,d._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},d.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},d.getSize=function(){this.size=e(this.element)},d.css=function(t){var e=this.element.style;for(var i in t){var o=h[i]||i;e[o]=t[i]}},d.getPosition=function(){var t=getComputedStyle(this.element),e=this.layout._getOption("originLeft"),i=this.layout._getOption("originTop"),o=t[e?"left":"right"],n=t[i?"top":"bottom"],s=parseFloat(o),r=parseFloat(n),a=this.layout.size;o.indexOf("%")!=-1&&(s=s/100*a.width),n.indexOf("%")!=-1&&(r=r/100*a.height),s=isNaN(s)?0:s,r=isNaN(r)?0:r,s-=e?a.paddingLeft:a.paddingRight,r-=i?a.paddingTop:a.paddingBottom,this.position.x=s,this.position.y=r},d.layoutPosition=function(){var t=this.layout.size,e={},i=this.layout._getOption("originLeft"),o=this.layout._getOption("originTop"),n=i?"paddingLeft":"paddingRight",s=i?"left":"right",r=i?"right":"left",a=this.position.x+t[n];e[s]=this.getXValue(a),e[r]="";var u=o?"paddingTop":"paddingBottom",h=o?"top":"bottom",d=o?"bottom":"top",l=this.position.y+t[u];e[h]=this.getYValue(l),e[d]="",this.css(e),this.emitEvent("layout",[this])},d.getXValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!e?t/this.layout.size.width*100+"%":t+"px"},d.getYValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&e?t/this.layout.size.height*100+"%":t+"px"},d._transitionTo=function(t,e){this.getPosition();var i=this.position.x,o=this.position.y,n=t==this.position.x&&e==this.position.y;if(this.setPosition(t,e),n&&!this.isTransitioning)return void this.layoutPosition();var s=t-i,r=e-o,a={};a.transform=this.getTranslate(s,r),this.transition({to:a,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},d.getTranslate=function(t,e){var i=this.layout._getOption("originLeft"),o=this.layout._getOption("originTop");return t=i?t:-t,e=o?e:-e,"translate3d("+t+"px, "+e+"px, 0)"},d.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},d.moveTo=d._transitionTo,d.setPosition=function(t,e){this.position.x=parseFloat(t),this.position.y=parseFloat(e)},d._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},d.transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(t);var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var o=this.element.offsetHeight;o=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var l="opacity,"+n(a);d.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;t="number"==typeof t?t+"ms":t,this.css({transitionProperty:l,transitionDuration:t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(u,this,!1)}},d.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},d.onotransitionend=function(t){this.ontransitionend(t)};var f={"-webkit-transform":"transform"};d.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,o=f[t.propertyName]||t.propertyName;if(delete e.ingProperties[o],i(e.ingProperties)&&this.disableTransition(),o in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[o]),o in e.onEnd){var n=e.onEnd[o];n.call(this),delete e.onEnd[o]}this.emitEvent("transitionEnd",[this])}},d.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(u,this,!1),this.isTransitioning=!1},d._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var c={transitionProperty:"",transitionDuration:"",transitionDelay:""};return d.removeTransitionStyles=function(){this.css(c)},d.stagger=function(t){t=isNaN(t)?0:t,this.staggerDelay=t+"ms"},d.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},d.remove=function(){return r&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",function(){this.removeElem()}),void this.hide()):void this.removeElem()},d.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("visibleStyle");e[i]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:e})},d.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},d.getHideRevealTransitionEndProperty=function(t){var e=this.layout.options[t];if(e.opacity)return"opacity";for(var i in e)return i},d.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("hiddenStyle");e[i]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:e})},d.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},d.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},o}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(i,o,n,s){return e(t,i,o,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):t.Outlayer=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,t.Outlayer.Item)}(window,function(t,e,i,o,n){"use strict";function s(t,e){var i=o.getQueryElement(t);if(!i)return void(u&&u.error("Bad element for "+this.constructor.namespace+": "+(i||t)));this.element=i,h&&(this.$element=h(this.element)),this.options=o.extend({},this.constructor.defaults),this.option(e);var n=++l;this.element.outlayerGUID=n,f[n]=this,this._create();var s=this._getOption("initLayout");s&&this.layout()}function r(t){function e(){t.apply(this,arguments)}return e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e}function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)(\w*)/),i=e&&e[1],o=e&&e[2];if(!i.length)return 0;i=parseFloat(i);var n=m[o]||1;return i*n}var u=t.console,h=t.jQuery,d=function(){},l=0,f={};s.namespace="outlayer",s.Item=n,s.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var c=s.prototype;o.extend(c,e.prototype),c.option=function(t){o.extend(this.options,t)},c._getOption=function(t){var e=this.constructor.compatOptions[t];return e&&void 0!==this.options[e]?this.options[e]:this.options[t]},s.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},c._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),o.extend(this.element.style,this.options.containerStyle);var t=this._getOption("resize");t&&this.bindResize()},c.reloadItems=function(){this.items=this._itemize(this.element.children)},c._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,o=[],n=0;n<e.length;n++){var s=e[n],r=new i(s,this);o.push(r)}return o},c._filterFindItemElements=function(t){return o.filterFindElements(t,this.options.itemSelector)},c.getItemElements=function(){return this.items.map(function(t){return t.element})},c.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;this.layoutItems(this.items,e),this._isLayoutInited=!0},c._init=c.layout,c._resetLayout=function(){this.getSize()},c.getSize=function(){this.size=i(this.element)},c._getMeasurement=function(t,e){var o,n=this.options[t];n?("string"==typeof n?o=this.element.querySelector(n):n instanceof HTMLElement&&(o=n),this[t]=o?i(o)[e]:n):this[t]=0},c.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},c._getItemsForLayout=function(t){return t.filter(function(t){return!t.isIgnored})},c._layoutItems=function(t,e){if(this._emitCompleteOnItems("layout",t),t&&t.length){var i=[];t.forEach(function(t){var o=this._getItemLayoutPosition(t);o.item=t,o.isInstant=e||t.isLayoutInstant,i.push(o)},this),this._processLayoutQueue(i)}},c._getItemLayoutPosition=function(){return{x:0,y:0}},c._processLayoutQueue=function(t){this.updateStagger(),t.forEach(function(t,e){this._positionItem(t.item,t.x,t.y,t.isInstant,e)},this)},c.updateStagger=function(){var t=this.options.stagger;return null===t||void 0===t?void(this.stagger=0):(this.stagger=a(t),this.stagger)},c._positionItem=function(t,e,i,o,n){o?t.goTo(e,i):(t.stagger(n*this.stagger),t.moveTo(e,i))},c._postLayout=function(){this.resizeContainer()},c.resizeContainer=function(){var t=this._getOption("resizeContainer");if(t){var e=this._getContainerSize();e&&(this._setContainerMeasure(e.width,!0),this._setContainerMeasure(e.height,!1))}},c._getContainerSize=d,c._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},c._emitCompleteOnItems=function(t,e){function i(){n.dispatchEvent(t+"Complete",null,[e])}function o(){r++,r==s&&i()}var n=this,s=e.length;if(!e||!s)return void i();var r=0;e.forEach(function(e){e.once(t,o)})},c.dispatchEvent=function(t,e,i){var o=e?[e].concat(i):i;if(this.emitEvent(t,o),h)if(this.$element=this.$element||h(this.element),e){var n=h.Event(e);n.type=t,this.$element.trigger(n,i)}else this.$element.trigger(t,i)},c.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},c.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},c.stamp=function(t){t=this._find(t),t&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},c.unstamp=function(t){t=this._find(t),t&&t.forEach(function(t){o.removeFrom(this.stamps,t),this.unignore(t)},this)},c._find=function(t){if(t)return"string"==typeof t&&(t=this.element.querySelectorAll(t)),t=o.makeArray(t)},c._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},c._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},c._manageStamp=d,c._getElementOffset=function(t){var e=t.getBoundingClientRect(),o=this._boundingRect,n=i(t),s={left:e.left-o.left-n.marginLeft,top:e.top-o.top-n.marginTop,right:o.right-e.right-n.marginRight,bottom:o.bottom-e.bottom-n.marginBottom};return s},c.handleEvent=o.handleEvent,c.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},c.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},c.onresize=function(){this.resize()},o.debounceMethod(s,"onresize",100),c.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},c.needsResizeLayout=function(){var t=i(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},c.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},c.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},c.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},c.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.reveal()})}},c.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.hide()})}},c.revealItemElements=function(t){var e=this.getItems(t);this.reveal(e)},c.hideItemElements=function(t){var e=this.getItems(t);this.hide(e)},c.getItem=function(t){for(var e=0;e<this.items.length;e++){var i=this.items[e];if(i.element==t)return i}},c.getItems=function(t){t=o.makeArray(t);var e=[];return t.forEach(function(t){var i=this.getItem(t);i&&e.push(i)},this),e},c.remove=function(t){var e=this.getItems(t);this._emitCompleteOnItems("remove",e),e&&e.length&&e.forEach(function(t){t.remove(),o.removeFrom(this.items,t)},this)},c.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach(function(t){t.destroy()}),this.unbindResize();var e=this.element.outlayerGUID;delete f[e],delete this.element.outlayerGUID,h&&h.removeData(this.element,this.constructor.namespace)},s.data=function(t){t=o.getQueryElement(t);var e=t&&t.outlayerGUID;return e&&f[e]},s.create=function(t,e){var i=r(s);return i.defaults=o.extend({},s.defaults),o.extend(i.defaults,e),i.compatOptions=o.extend({},s.compatOptions),i.namespace=t,i.data=s.data,i.Item=r(n),o.htmlInit(i,t),h&&h.bridget&&h.bridget(t,i),i};var m={ms:1,s:1e3};return s.Item=n,s}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/item",["outlayer/outlayer"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer")):(t.Isotope=t.Isotope||{},t.Isotope.Item=e(t.Outlayer))}(window,function(t){"use strict";function e(){t.Item.apply(this,arguments)}var i=e.prototype=Object.create(t.Item.prototype),o=i._create;i._create=function(){this.id=this.layout.itemGUID++,o.call(this),this.sortData={}},i.updateSortData=function(){if(!this.isIgnored){this.sortData.id=this.id,this.sortData["original-order"]=this.id,this.sortData.random=Math.random();var t=this.layout.options.getSortData,e=this.layout._sorters;for(var i in t){var o=e[i];this.sortData[i]=o(this.element,this)}}};var n=i.destroy;return i.destroy=function(){n.apply(this,arguments),this.css({display:""})},e}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-mode",["get-size/get-size","outlayer/outlayer"],e):"object"==typeof module&&module.exports?module.exports=e(require("get-size"),require("outlayer")):(t.Isotope=t.Isotope||{},t.Isotope.LayoutMode=e(t.getSize,t.Outlayer))}(window,function(t,e){"use strict";function i(t){this.isotope=t,t&&(this.options=t.options[this.namespace],this.element=t.element,this.items=t.filteredItems,this.size=t.size)}var o=i.prototype,n=["_resetLayout","_getItemLayoutPosition","_manageStamp","_getContainerSize","_getElementOffset","needsResizeLayout","_getOption"];return n.forEach(function(t){o[t]=function(){return e.prototype[t].apply(this.isotope,arguments)}}),o.needsVerticalResizeLayout=function(){var e=t(this.isotope.element),i=this.isotope.size&&e;return i&&e.innerHeight!=this.isotope.size.innerHeight},o._getMeasurement=function(){this.isotope._getMeasurement.apply(this,arguments)},o.getColumnWidth=function(){this.getSegmentSize("column","Width")},o.getRowHeight=function(){this.getSegmentSize("row","Height")},o.getSegmentSize=function(t,e){var i=t+e,o="outer"+e;if(this._getMeasurement(i,o),!this[i]){var n=this.getFirstItemSize();this[i]=n&&n[o]||this.isotope.size["inner"+e]}},o.getFirstItemSize=function(){var e=this.isotope.filteredItems[0];return e&&e.element&&t(e.element)},o.layout=function(){this.isotope.layout.apply(this.isotope,arguments)},o.getSize=function(){this.isotope.getSize(),this.size=this.isotope.size},i.modes={},i.create=function(t,e){function n(){i.apply(this,arguments)}return n.prototype=Object.create(o),n.prototype.constructor=n,e&&(n.options=e),n.prototype.namespace=t,i.modes[t]=n,n},i}),function(t,e){"function"==typeof define&&define.amd?define("masonry-layout/masonry",["outlayer/outlayer","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer"),require("get-size")):t.Masonry=e(t.Outlayer,t.getSize)}(window,function(t,e){var i=t.create("masonry");i.compatOptions.fitWidth="isFitWidth";var o=i.prototype;return o._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},o.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}var o=this.columnWidth+=this.gutter,n=this.containerWidth+this.gutter,s=n/o,r=o-n%o,a=r&&r<1?"round":"floor";s=Math[a](s),this.cols=Math.max(s,1)},o.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,o=e(i);this.containerWidth=o&&o.innerWidth},o._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&e<1?"round":"ceil",o=Math[i](t.size.outerWidth/this.columnWidth);o=Math.min(o,this.cols);for(var n=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition",s=this[n](o,t),r={x:this.columnWidth*s.col,y:s.y},a=s.y+t.size.outerHeight,u=o+s.col,h=s.col;h<u;h++)this.colYs[h]=a;return r},o._getTopColPosition=function(t){var e=this._getTopColGroup(t),i=Math.min.apply(Math,e);return{col:e.indexOf(i),y:i}},o._getTopColGroup=function(t){if(t<2)return this.colYs;for(var e=[],i=this.cols+1-t,o=0;o<i;o++)e[o]=this._getColGroupY(o,t);return e},o._getColGroupY=function(t,e){if(e<2)return this.colYs[t];var i=this.colYs.slice(t,t+e);return Math.max.apply(Math,i)},o._getHorizontalColPosition=function(t,e){var i=this.horizontalColIndex%this.cols,o=t>1&&i+t>this.cols;i=o?0:i;var n=e.size.outerWidth&&e.size.outerHeight;return this.horizontalColIndex=n?i+t:this.horizontalColIndex,{col:i,y:this._getColGroupY(i,t)}},o._manageStamp=function(t){var i=e(t),o=this._getElementOffset(t),n=this._getOption("originLeft"),s=n?o.left:o.right,r=s+i.outerWidth,a=Math.floor(s/this.columnWidth);a=Math.max(0,a);var u=Math.floor(r/this.columnWidth);u-=r%this.columnWidth?0:1,u=Math.min(this.cols-1,u);for(var h=this._getOption("originTop"),d=(h?o.top:o.bottom)+i.outerHeight,l=a;l<=u;l++)this.colYs[l]=Math.max(d,this.colYs[l])},o._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},o._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},o.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/masonry",["../layout-mode","masonry-layout/masonry"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode"),require("masonry-layout")):e(t.Isotope.LayoutMode,t.Masonry)}(window,function(t,e){"use strict";var i=t.create("masonry"),o=i.prototype,n={_getElementOffset:!0,layout:!0,_getMeasurement:!0};for(var s in e.prototype)n[s]||(o[s]=e.prototype[s]);var r=o.measureColumns;o.measureColumns=function(){this.items=this.isotope.filteredItems,r.call(this)};var a=o._getOption;return o._getOption=function(t){return"fitWidth"==t?void 0!==this.options.isFitWidth?this.options.isFitWidth:this.options.fitWidth:a.apply(this.isotope,arguments)},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/fit-rows",["../layout-mode"],e):"object"==typeof exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("fitRows"),i=e.prototype;return i._resetLayout=function(){this.x=0,this.y=0,this.maxY=0,this._getMeasurement("gutter","outerWidth")},i._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth+this.gutter,i=this.isotope.size.innerWidth+this.gutter;0!==this.x&&e+this.x>i&&(this.x=0,this.y=this.maxY);var o={x:this.x,y:this.y};return this.maxY=Math.max(this.maxY,this.y+t.size.outerHeight),this.x+=e,o},i._getContainerSize=function(){return{height:this.maxY}},e}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/vertical",["../layout-mode"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("vertical",{horizontalAlignment:0}),i=e.prototype;return i._resetLayout=function(){this.y=0},i._getItemLayoutPosition=function(t){t.getSize();var e=(this.isotope.size.innerWidth-t.size.outerWidth)*this.options.horizontalAlignment,i=this.y;return this.y+=t.size.outerHeight,{x:e,y:i}},i._getContainerSize=function(){return{height:this.y}},e}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size","desandro-matches-selector/matches-selector","fizzy-ui-utils/utils","isotope-layout/js/item","isotope-layout/js/layout-mode","isotope-layout/js/layout-modes/masonry","isotope-layout/js/layout-modes/fit-rows","isotope-layout/js/layout-modes/vertical"],function(i,o,n,s,r,a){return e(t,i,o,n,s,r,a)}):"object"==typeof module&&module.exports?module.exports=e(t,require("outlayer"),require("get-size"),require("desandro-matches-selector"),require("fizzy-ui-utils"),require("isotope-layout/js/item"),require("isotope-layout/js/layout-mode"),require("isotope-layout/js/layout-modes/masonry"),require("isotope-layout/js/layout-modes/fit-rows"),require("isotope-layout/js/layout-modes/vertical")):t.Isotope=e(t,t.Outlayer,t.getSize,t.matchesSelector,t.fizzyUIUtils,t.Isotope.Item,t.Isotope.LayoutMode)}(window,function(t,e,i,o,n,s,r){function a(t,e){return function(i,o){for(var n=0;n<t.length;n++){var s=t[n],r=i.sortData[s],a=o.sortData[s];if(r>a||r<a){var u=void 0!==e[s]?e[s]:e,h=u?1:-1;return(r>a?1:-1)*h}}return 0}}var u=t.jQuery,h=String.prototype.trim?function(t){return t.trim()}:function(t){return t.replace(/^\s+|\s+$/g,"")},d=e.create("isotope",{layoutMode:"masonry",isJQueryFiltering:!0,sortAscending:!0});d.Item=s,d.LayoutMode=r;var l=d.prototype;l._create=function(){this.itemGUID=0,this._sorters={},this._getSorters(),e.prototype._create.call(this),this.modes={},this.filteredItems=this.items,this.sortHistory=["original-order"];for(var t in r.modes)this._initLayoutMode(t)},l.reloadItems=function(){this.itemGUID=0,e.prototype.reloadItems.call(this)},l._itemize=function(){for(var t=e.prototype._itemize.apply(this,arguments),i=0;i<t.length;i++){var o=t[i];o.id=this.itemGUID++}return this._updateItemsSortData(t),t},l._initLayoutMode=function(t){var e=r.modes[t],i=this.options[t]||{};this.options[t]=e.options?n.extend(e.options,i):i,this.modes[t]=new e(this)},l.layout=function(){return!this._isLayoutInited&&this._getOption("initLayout")?void this.arrange():void this._layout()},l._layout=function(){var t=this._getIsInstant();this._resetLayout(),this._manageStamps(),this.layoutItems(this.filteredItems,t),this._isLayoutInited=!0},l.arrange=function(t){this.option(t),this._getIsInstant();var e=this._filter(this.items);this.filteredItems=e.matches,this._bindArrangeComplete(),this._isInstant?this._noTransition(this._hideReveal,[e]):this._hideReveal(e),this._sort(),this._layout()},l._init=l.arrange,l._hideReveal=function(t){this.reveal(t.needReveal),this.hide(t.needHide)},l._getIsInstant=function(){var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;return this._isInstant=e,e},l._bindArrangeComplete=function(){function t(){e&&i&&o&&n.dispatchEvent("arrangeComplete",null,[n.filteredItems])}var e,i,o,n=this;this.once("layoutComplete",function(){e=!0,t()}),this.once("hideComplete",function(){i=!0,t()}),this.once("revealComplete",function(){o=!0,t()})},l._filter=function(t){var e=this.options.filter;e=e||"*";for(var i=[],o=[],n=[],s=this._getFilterTest(e),r=0;r<t.length;r++){var a=t[r];if(!a.isIgnored){var u=s(a);u&&i.push(a),u&&a.isHidden?o.push(a):u||a.isHidden||n.push(a)}}return{matches:i,needReveal:o,needHide:n}},l._getFilterTest=function(t){return u&&this.options.isJQueryFiltering?function(e){return u(e.element).is(t);
+}:"function"==typeof t?function(e){return t(e.element)}:function(e){return o(e.element,t)}},l.updateSortData=function(t){var e;t?(t=n.makeArray(t),e=this.getItems(t)):e=this.items,this._getSorters(),this._updateItemsSortData(e)},l._getSorters=function(){var t=this.options.getSortData;for(var e in t){var i=t[e];this._sorters[e]=f(i)}},l._updateItemsSortData=function(t){for(var e=t&&t.length,i=0;e&&i<e;i++){var o=t[i];o.updateSortData()}};var f=function(){function t(t){if("string"!=typeof t)return t;var i=h(t).split(" "),o=i[0],n=o.match(/^\[(.+)\]$/),s=n&&n[1],r=e(s,o),a=d.sortDataParsers[i[1]];return t=a?function(t){return t&&a(r(t))}:function(t){return t&&r(t)}}function e(t,e){return t?function(e){return e.getAttribute(t)}:function(t){var i=t.querySelector(e);return i&&i.textContent}}return t}();d.sortDataParsers={parseInt:function(t){return parseInt(t,10)},parseFloat:function(t){return parseFloat(t)}},l._sort=function(){if(this.options.sortBy){var t=n.makeArray(this.options.sortBy);this._getIsSameSortBy(t)||(this.sortHistory=t.concat(this.sortHistory));var e=a(this.sortHistory,this.options.sortAscending);this.filteredItems.sort(e)}},l._getIsSameSortBy=function(t){for(var e=0;e<t.length;e++)if(t[e]!=this.sortHistory[e])return!1;return!0},l._mode=function(){var t=this.options.layoutMode,e=this.modes[t];if(!e)throw new Error("No layout mode: "+t);return e.options=this.options[t],e},l._resetLayout=function(){e.prototype._resetLayout.call(this),this._mode()._resetLayout()},l._getItemLayoutPosition=function(t){return this._mode()._getItemLayoutPosition(t)},l._manageStamp=function(t){this._mode()._manageStamp(t)},l._getContainerSize=function(){return this._mode()._getContainerSize()},l.needsResizeLayout=function(){return this._mode().needsResizeLayout()},l.appended=function(t){var e=this.addItems(t);if(e.length){var i=this._filterRevealAdded(e);this.filteredItems=this.filteredItems.concat(i)}},l.prepended=function(t){var e=this._itemize(t);if(e.length){this._resetLayout(),this._manageStamps();var i=this._filterRevealAdded(e);this.layoutItems(this.filteredItems),this.filteredItems=i.concat(this.filteredItems),this.items=e.concat(this.items)}},l._filterRevealAdded=function(t){var e=this._filter(t);return this.hide(e.needHide),this.reveal(e.matches),this.layoutItems(e.matches,!0),e.matches},l.insert=function(t){var e=this.addItems(t);if(e.length){var i,o,n=e.length;for(i=0;i<n;i++)o=e[i],this.element.appendChild(o.element);var s=this._filter(e).matches;for(i=0;i<n;i++)e[i].isLayoutInstant=!0;for(this.arrange(),i=0;i<n;i++)delete e[i].isLayoutInstant;this.reveal(s)}};var c=l.remove;return l.remove=function(t){t=n.makeArray(t);var e=this.getItems(t);c.call(this,t);for(var i=e&&e.length,o=0;i&&o<i;o++){var s=e[o];n.removeFrom(this.filteredItems,s)}},l.shuffle=function(){for(var t=0;t<this.items.length;t++){var e=this.items[t];e.sortData.random=Math.random()}this.options.sortBy="random",this._sort(),this._layout()},l._noTransition=function(t,e){var i=this.options.transitionDuration;this.options.transitionDuration=0;var o=t.apply(this,e);return this.options.transitionDuration=i,o},l.getFilteredItemElements=function(){return this.filteredItems.map(function(t){return t.element})},d});
\ No newline at end of file
diff --git a/music.html b/music.html
index 42950a5..d5af2be 100644
--- a/music.html
+++ b/music.html
@@ -29,7 +29,7 @@ image: /assets/img/world.svg
       <div class="track" style="background-image:url({{ track.image }});"></div>
       <h3>{{ track.title }}</h3>
     </a>
-    <p>{{ track.keywords }}</p>
+    <p>{{ track.tags }}</p>
   </div>
   {% endfor %}
   <div>{% include cookiemonster.html %}</div>
diff --git a/musicindex.html b/musicindex.html
new file mode 100644
index 0000000..125b905
--- /dev/null
+++ b/musicindex.html
@@ -0,0 +1,72 @@
+---
+layout: default
+sitemap: false
+---
+    <div class="button-group filters-button-group">
+
+      <button class="button is-checked" data-filter="*">show all</button>
+
+<!-- create categories array-->
+{% assign categories_array = "" | split:"|" %}
+
+<!--Add each unique 'my_collection' category to the array-->
+{% for post in site.tracks %}
+    {% for category in post.categories %}
+        {% assign categories_array = categories_array | push: category | uniq %}
+    {% endfor %}
+{% endfor %}
+
+<!--Output the categories-->
+{% for category in categories_array %}
+  
+<button class="button" data-filter=".{{ category }}">{{ category }}</button> 
+{% endfor %}
+
+
+
+    </div>
+
+    <div class="grid" style="display:flex;flex-wrap: wrap;">
+        {% for resource in site.tracks %}
+      <div class="element-item {% for key in resource.categories %}{{ key | replace_first: ',', ''}} {% endfor %}" style="flex 1 1 150px;">
+          <div class="cartouche filtered" style="background-color: rgba(232, 241, 223, 1);background-image:url('{{ resource.image }}');background-position: center;">
+
+            </div>
+            <div class="cartouche">
+                <p class="editor-link"><a href="cloudcannon:collections/{{ page.path }}" rel="nofollow" class="btn"><strong>&#9998;</strong> Edit Resource</a></p>
+              <h4>{{ resource.title }}</h4>
+              <p>{{ resource.description | truncate: 65 }}</p>
+              <p>{{ resource.media_type }}</p>
+              <p><a class="cta" href="{{ resource.url }}" alt="länk till ressurs" target="_blank" rel="noopener noreferrer">Läs mer...</a></p>
+            </div>
+      </div>
+
+      {% endfor %}
+    </div>
+ 
+  <script>
+    // external js: isotope.pkgd.js
+
+    // init Isotope
+    var $grid = $('.grid').isotope({
+      itemSelector: '.element-item',
+      layoutMode: 'fitRows'
+    });
+    // filter functions
+
+    // bind filter button click
+    $('.filters-button-group').on('click', 'button', function () {
+      var filterValue = $(this).attr('data-filter');
+      // use filterFn if matches value
+
+      $grid.isotope({ filter: filterValue });
+    });
+    // change is-checked class on buttons
+    $('.button-group').each(function (i, buttonGroup) {
+      var $buttonGroup = $(buttonGroup);
+      $buttonGroup.on('click', 'button', function () {
+        $buttonGroup.find('.is-checked').removeClass('is-checked');
+        $(this).addClass('is-checked');
+      });
+    });
+  </script>
diff --git a/rss.xml b/rss.xml
index 5195654..69e42a4 100644
--- a/rss.xml
+++ b/rss.xml
@@ -62,7 +62,7 @@ layout: null
 <itunes:explicit>No</itunes:explicit>
 <itunes:subtitle>{{ post.content | xml_escape  }}</itunes:subtitle>
 <itunes:summary>{{ post.content | xml_escape  }}</itunes:summary>
-<itunes:keywords>{{ post.tag | xml_escape  }}</itunes:keywords>
+<itunes:keywords>{{ post.tags | xml_escape  }}</itunes:keywords>
 <itunes:image href="{{ post.image }}"/>
 
 </item>