diff --git a/README.md b/README.md
index 7db80e4..63fed49 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,7 @@
-# README
+asbo:
+an aggregator of a few London-based internet radio stations - using Nokogiri to scrape the html where needed, caching the resulting objects in a local db 
 
-This README would normally document whatever steps are necessary to get the
-application up and running.
+backend is in rails, front-end is in react/redux 
 
-Things you may want to cover:
-
-* Ruby version
-
-* System dependencies
-
-* Configuration
-
-* Database creation
-
-* Database initialization
-
-* How to run the test suite
-
-* Services (job queues, cache servers, search engines, etc.)
-
-* Deployment instructions
-
-* ...
+to start the backend api and the client, use the following command:
+$ foreman start
diff --git a/app/controllers/platforms_controller.rb b/app/controllers/platforms_controller.rb
index f572a65..4c83248 100644
--- a/app/controllers/platforms_controller.rb
+++ b/app/controllers/platforms_controller.rb
@@ -47,6 +47,7 @@ def delete_episodes
     begin
       platform_from_nickname_param
       @platform.episodes.delete_all
+      @platform.update(last_page: 0)
       render json: {
         :success => :true, 
         :platform => platform_with_episodes
diff --git a/app/javascripts/__mocks__/api.js b/app/javascripts/__mocks__/api.js
index 289c4a0..6f997ac 100644
--- a/app/javascripts/__mocks__/api.js
+++ b/app/javascripts/__mocks__/api.js
@@ -14,8 +14,9 @@ const MockAPI = class {
   }
   
   getPlatform({nickname}){
-    // console.log(`mockAPI.fetch /platforms/${nickname}`)
-    const platform = platforms.find(p => p.nickname == nickname)
+    console.log(`mockAPI.fetch /platforms/${nickname}`)
+    let platform = platforms.find(p => p.nickname == nickname)
+    
     return new Promise((resolve,reject) => {
       if(!!platform) {
         setTimeout(resolve, 0, {
@@ -38,7 +39,7 @@ const MockAPI = class {
   // in the real api, filter is passed to backend so repsonse contains a sub-set of total items..
   // in the mock api, the filter is just post-processing in the callback
   refreshPlatform({nickname,filter,page}){
-    console.log(`mockAPI.fetch /platforms/${nickname}/refresh ${JSON.stringify({filter,page})}`);
+    // console.log(`mockAPI.fetch /platforms/${nickname}/refresh ${JSON.stringify({filter,page})}`);
     const platform = platforms.find(p => p.nickname == nickname)
     return new Promise((resolve,reject) => {
       if(!platform) {
@@ -51,7 +52,9 @@ const MockAPI = class {
         //console.log(totalEps.map(ep => ep.name))
         const matches = totalEps.filter(e => this.isMatchingEpisode(e, filter))
         setTimeout(resolve, 0, {
-          ...platform, episodes: matches
+          ...platform, 
+          last_page: (platform.last_page + 1),
+          episodes: matches
         })
       }
     })
diff --git a/app/javascripts/__mocks__/platforms.js b/app/javascripts/__mocks__/platforms.js
index e876f6e..09ad2af 100644
--- a/app/javascripts/__mocks__/platforms.js
+++ b/app/javascripts/__mocks__/platforms.js
@@ -27,7 +27,8 @@ export default [{
       "100x100",
       "800x800"
     ]
-  }]
+  }],
+  "last_page" : 0
 },
 {
   "id": 2,
@@ -51,7 +52,8 @@ export default [{
   "nickname": "rinse",
   "use_relative_images": false,
   "default_image": "https://etc.levels.io/rinse-fm/logo.png",
-  "post_processing_rules": null
+  "post_processing_rules": null,
+  "last_page" : 3
 }, {
   "id": 3,
   "name": "radar radio",
@@ -75,5 +77,6 @@ export default [{
   "nickname": "radar",
   "use_relative_images": true,
   "default_image": null,
-  "post_processing_rules": null
+  "post_processing_rules": null,
+  "last_page" : 2
 }]
\ No newline at end of file
diff --git a/app/javascripts/components/PlatformDetails.js b/app/javascripts/components/PlatformDetails.js
index aebadba..7e1a83a 100644
--- a/app/javascripts/components/PlatformDetails.js
+++ b/app/javascripts/components/PlatformDetails.js
@@ -19,6 +19,7 @@ class PlatformDetails extends Component {
       pagination,
       refreshPlatform,
       episodes,
+      last_page,
       currentPage
     } = this.props
     
@@ -53,7 +54,8 @@ class PlatformDetails extends Component {
         <Link to={`/platforms/${nickname}/edit`}>Edit Platform</Link><br />
       </p>
       <p>
-        <b>Episodes</b>{' '}{this.refreshButton()}{' '}{this.deleteEpisodesButton()}
+        <b>Episodes</b>{' '}{this.refreshButton()}{' '}{this.deleteEpisodesButton()}<br />
+        <em>Last page fetched: {last_page} </em>
       </p>
       <p>
         {this.episodeGrid()}
diff --git a/app/javascripts/components/PlatformForm.js b/app/javascripts/components/PlatformForm.js
index 7a189cb..01fe50f 100644
--- a/app/javascripts/components/PlatformForm.js
+++ b/app/javascripts/components/PlatformForm.js
@@ -11,7 +11,7 @@ class PlatformForm extends Component {
   render() {
     const {initialValues, handleSubmit, pristine, reset, submitting, loading, isNew } = this.props
     const {nickname} = initialValues || {}
-    
+    console.log(initialValues)
     return (
       <div className={`form-container ${submitting || loading ? ' form-container--loading' : ''}`}>
         <form onSubmit={handleSubmit}>
@@ -29,6 +29,7 @@ class PlatformForm extends Component {
             parent='pagination' 
             attrs='param,url,itemsPerPage'
           />
+        <TextInput name='date_format' />
           <p>
             <button className='btn btn-primary' type="submit" disabled={pristine || submitting}>
               Submit
diff --git a/app/javascripts/redux/pagination.js b/app/javascripts/redux/pagination.js
index 18ec46c..36a2ed6 100644
--- a/app/javascripts/redux/pagination.js
+++ b/app/javascripts/redux/pagination.js
@@ -1,6 +1,6 @@
 import {combineReducers} from 'redux'
 import {createAction,createActions,handleActions} from 'redux-actions'
-import {refreshPlatform} from './platforms'
+import {refreshPlatform, LOAD_PLATFORM} from './platforms'
 // constants
 export const SET_PAGE = 'SET_PAGE';
 // export const SET_PAGE_AND_REFRESH_PLATFORM = 'SET_PAGE_AND_REFRESH_PLATFORM'
@@ -25,8 +25,20 @@ export const setPage = createAction(SET_PAGE)
 
 
 // reducers
-export const currentPage = (currentPage = 1, action = {}) => {
-  return action.type == SET_PAGE ? action.payload.page : currentPage
+export const currentPage = (currentPage=0, action = {}) => {
+  switch (action.type){
+    
+    case `${LOAD_PLATFORM}_FULFILLED`:
+      const {platform} = action.payload
+      const last_page  = platform.last_page
+      return last_page !== undefined ? last_page : currentPage // sync counter with db
+    
+    case SET_PAGE:
+      return action.payload.page
+    
+    default:
+      return currentPage
+  }
 }
 
 export const pages = (pages={}, action={}) => {
diff --git a/app/javascripts/redux/platforms.js b/app/javascripts/redux/platforms.js
index a969cb2..909adf1 100644
--- a/app/javascripts/redux/platforms.js
+++ b/app/javascripts/redux/platforms.js
@@ -103,12 +103,15 @@ export const refreshPlatform = function({nickname}) {
       type: REFRESH_PLATFORM,
       payload: API.refreshPlatform({nickname,filter,page})
         .then (json => {
+          // handle with middleware or chaining?
+          console.log(`|platforms| on refresh, set last_page to ${json.last_page +1}`)
           return {
             platform: json
           }
         })
-    })
+      })
   }
+  
 }
 
 export const destroyPlatform = function({nickname}){
diff --git a/app/javascripts/tests/episodes.test.js b/app/javascripts/tests/episodes.test.js
index 28d523b..7050e7d 100644
--- a/app/javascripts/tests/episodes.test.js
+++ b/app/javascripts/tests/episodes.test.js
@@ -82,17 +82,18 @@ describe('Episodes', () => {
   describe('episodes#show', () => {
     it('dispatches an action to get the episode entry', async () => {
       const store = mockStore({})
-      const opts = {'id':'1960'}
+      const opts = {'id':1960}
       await store.dispatch(e.loadEpisode(opts))
       .then(() => {
         expectActions(store, [
           "LOAD_EPISODE_PENDING",
+          "FETCH_EMBED_PENDING",
           "LOAD_EPISODE_FULFILLED"
         ]);
         
         const state = resultingState(store, reducer)
         expect(state.episode).toBeTruthy()
-        // expect(state.episode.id).toEqual(opts.id)
+        expect(state.episode.id).toEqual(opts.id)
       })
     })
   })
diff --git a/app/javascripts/tests/pagination.test.js b/app/javascripts/tests/pagination.test.js
index c7299ca..2f9925f 100644
--- a/app/javascripts/tests/pagination.test.js
+++ b/app/javascripts/tests/pagination.test.js
@@ -11,8 +11,8 @@ import {
 describe('Pagination', () => {
   
   describe('currentPage', () => {
-    it('is set to 1 at init', () => {
-      expect(reducer().currentPage).toBe(1)
+    it('is set to 0 at init', () => {
+      expect(reducer().currentPage).toBe(0)
     })
     it('can be changed by setPage action', () => {
       const store = mockStore()
diff --git a/app/javascripts/tests/platforms.test.js b/app/javascripts/tests/platforms.test.js
index 3fb9846..73be9a9 100644
--- a/app/javascripts/tests/platforms.test.js
+++ b/app/javascripts/tests/platforms.test.js
@@ -68,19 +68,20 @@ describe('Platforms', () => {
     })
   })
   
+  const refreshPlatform = ({nickname}) => {
+    const store = mockStore({})
+    return store.dispatch(p.refreshPlatform({nickname}))
+      .then(() => {
+        expectActions(store, [
+          `${p.REFRESH_PLATFORM}_PENDING`,
+          `${p.REFRESH_PLATFORM}_FULFILLED`,
+        ])
+        const state = resultingState(store, combinedRootReducer)
+        return {state, store: mockStore(state)}
+      })
+  }
+
   describe('platforms#refresh', () => {
-    const refreshPlatform = ({nickname}) => {
-      const store = mockStore({})
-      return store.dispatch(p.refreshPlatform({nickname}))
-        .then(() => {
-          expectActions(store, [
-            `${p.REFRESH_PLATFORM}_PENDING`,
-            `${p.REFRESH_PLATFORM}_FULFILLED`,
-          ])
-          const state = resultingState(store, combinedRootReducer)
-          return {state, store: mockStore(state)}
-        })
-    }
     
     const nickname = 'rinse'
     const opts = {nickname}
@@ -159,6 +160,33 @@ describe('Platforms', () => {
     })
   })
   
+  
+  describe('lastPage', () => {
+    it('is incremented when after api returns a page of episodes', (done) => {
+      const opts = {'nickname':'rinse'}
+      
+      let lastPageBefore,
+      lastPageAfter,
+      refreshedState
+      
+      // 1. get a platform
+      getPlatform(opts).then((state1) => {
+        lastPageBefore = state1.platforms.platform.last_page
+      })
+      .then(() => {
+      // 2. get a page of episodes
+        return refreshPlatform(opts).then((xhr) => {
+          refreshedState = xhr.state
+        })
+      }).then(() => {
+      // 3. compare last_page before and after
+        lastPageAfter = refreshedState.platforms.platform.last_page
+        expect(lastPageAfter).toBeGreaterThan(lastPageBefore)
+        return done()
+      })
+    })
+  })
+  
   describe('platforms#delete_episodes', () => {
     // see episodes tests
   })
diff --git a/app/models/platform.rb b/app/models/platform.rb
index 0002a07..1a05653 100644
--- a/app/models/platform.rb
+++ b/app/models/platform.rb
@@ -24,6 +24,7 @@ def initialize(opts={})
   end
   
   after_find do
+    initialize_last_page
     init_client
   end
   
@@ -180,9 +181,21 @@ def refresh(opts={})
   def ready(result)
     puts "platform#ready"
     if result[:success]
+      increment_last_page!
       return create_episodes_from_html result[:body]
     else
       raise "#{result[:code]} error\n #{result[:message]} "
     end
   end
+  
+  def initialize_last_page 
+    if self.last_page.nil?
+      self.last_page = 0
+    end
+  end
+  
+  def increment_last_page!
+    self.last_page += 1
+    save
+  end
 end
diff --git a/db/migrate/20180906153751_add_last_page_to_platform.rb b/db/migrate/20180906153751_add_last_page_to_platform.rb
new file mode 100644
index 0000000..5e6c03e
--- /dev/null
+++ b/db/migrate/20180906153751_add_last_page_to_platform.rb
@@ -0,0 +1,5 @@
+class AddLastPageToPlatform < ActiveRecord::Migration[5.1]
+  def change
+    add_column :platforms, :last_page, :integer
+  end
+end
diff --git a/db/platforms.rb b/db/platforms.rb
index 5f40e33..5fba331 100644
--- a/db/platforms.rb
+++ b/db/platforms.rb
@@ -9,12 +9,12 @@ def self.sample_attributes
       has_details: true,
       use_relative_images: false,
       attr_map: {
-        "item"      => ".nts-grid-item",
-        "name"      => ".nts-grid-item__img img[alt]",
-        "image"     => ".nts-grid-item__img img[src]",
-        "media"     => ".nts-grid-item__img__play-btn[data-src]",
-        "details"   => ".nts-grid-item__img__play-btn[data-permalink]",
-        "date_str"  => ".nts-grid-item__subtitle__left"
+        "item"      => ".nts-grid-v2-item",
+        "name"      => ".nts-grid-picture__img[alt]",
+        "image"     => ".nts-grid-picture__img[src]",
+        "media"     => ".nts-grid-picture__overlay.mixcloud-btn[data-src]",
+        "date_str"  => ".nts-grid-v2-item__header span:first-child",
+        "details"   => ".nts-grid-picture__overlay.mixcloud-btn[data-permalink]"
       },
       pagination: {    
         "route"        => "/page/:page",
@@ -69,33 +69,21 @@ def self.sample_attributes
   
   def self.sample_html_entries
     <<-END
-    <div class="nts-grid-item">
-      <div class="nts-grid-item__img"><img src="https://media.ntslive.co.uk/resize/800x800/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg" data-src="https://media.ntslive.co.uk/resize/800x800/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg" alt="Murlo 31.01.18 Radio Episode"
-          class="img preload-img">
-        <div class="nts-grid-item__img__overlay">
-          <div class="nts-grid-item__img__play-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/murlo-31st-february-2018/" data-permalink="/shows/murlo/episodes/murlo-31st-january-2018"><span class="nts-grid-item__img__play-btn__text"><span class="icon icon-play text-bold"></span></span>
-          </div>
-        </div>
-      </div>
-      <div class="nts-grid-item__img nts-grid-item__img--link nts-app" data-href="/shows/murlo/episodes/murlo-31st-january-2018"><img src="https://media.ntslive.co.uk/resize/800x800/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg" data-src="https://media.ntslive.co.uk/resize/800x800/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg" alt="Murlo 31.01.18 Radio Episode"
-          class="img preload-img"></div>
-      <a href="/shows/murlo/episodes/murlo-31st-january-2018" class="nts-app nts-link nts-link--nohover">
-        <div class="nts-grid-item__header text-bold nts-link nts-link--highlighted">
-          <div class="nts-grid-item__title">Murlo</div>
-          <div class="nts-grid-item__subtitle">
-            <p class="nts-grid-item__subtitle__left">31.01.18</p>
-            <p class="nts-grid-item__subtitle__right">LDN</p>
-          </div>
-        </div>
-      </a>
-      <div class="nts-grid-item__footer">
-        <div class="nts-grid-item__genres"> <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event" data-tag-id="caribbean-dancehall" href="/explore/genre/caribbean-dancehall">Dancehall</a> <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event"
-            data-tag-id="ukdance-ukgarage" href="/explore/genre/ukdance-ukgarage">Garage</a> <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event" data-tag-id="ukdance-grime" href="/explore/genre/ukdance-grime">Grime</a> <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event"
-            data-tag-id="caribbean-soca" href="/explore/genre/caribbean-soca">Soca</a> </div>
-        <div class="nts-grid-item__action-btns">
-          <button class="nts-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/murlo-31st-february-2018/" data-permalink="/shows/murlo/episodes/murlo-31st-january-2018"><span class="icon icon-play text-bold"></span></button> <a class="nts-app nts-btn" href="/shows/murlo/episodes/murlo-31st-january-2018">TRACKLIST</a></div>
-      </div>
-    </div>
+    <article class="nts-grid-v2-item ">
+      <div class="nts-grid-v2-item__content">
+        <div class="nts-grid-picture"><img class="nts-grid-picture__img" src="https://media.ntslive.co.uk/resize/400x400/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg" alt="Murlo 18.07.18 Radio Episode">
+          <div role="button" tabindex="0" class="nts-grid-picture__overlay mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/murlo-18th-july-2018/" data-permalink="/shows/murlo/episodes/murlo-18th-july-2018" data-event-label=""><svg
+              class="nts-icon nts-icon--l nts-icon--overlay" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
+              <title>Play</title>
+            </svg></div>
+        </div><a class="nts-grid-v2-item__header nts-app" href="/shows/murlo/episodes/murlo-18th-july-2018"><span>18.07.18</span><span>LDN</span>
+          <div class="nts-grid-v2-item__header__title">Murlo</div>
+        </a>
+        <div class="nts-grid-v2-item__footer"><a class="nts-tag nts-app" data-tag-id="newclub-reggaeton" href="/explore/genre/newclub-reggaeton">Reggaeton</a><a class="nts-tag nts-app" data-tag-id="caribbean-bashment"
+            href="/explore/genre/caribbean-bashment">Bashment</a><a class="nts-tag nts-app" data-tag-id="caribbean-dancehall" href="/explore/genre/caribbean-dancehall">Dancehall</a><a class="nts-tag nts-app" data-tag-id="ukdance-grime"
+            href="/explore/genre/ukdance-grime">Grime</a></div>
+      </div><a class="nts-grid-v2-item__extra nts-app nts-link" href="/shows/murlo/episodes/murlo-18th-july-2018">Tracklist</a>
+    </article>
     _BREAK_
     <div class="borderbottom left podcast-list-item" id="swamp81040218">
       <div class="left w8-16">
diff --git a/db/schema.rb b/db/schema.rb
index eeff194..90a5876 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 20180330142948) do
+ActiveRecord::Schema.define(version: 20180906153751) do
 
   create_table "episodes", force: :cascade do |t|
     t.string "name"
@@ -36,6 +36,7 @@
     t.boolean "use_relative_images"
     t.string "default_image"
     t.text "post_processing_rules"
+    t.integer "last_page"
   end
 
 end
diff --git a/features/episodes/dates.feature b/features/episodes/dates.feature
index 02c899c..bde33e0 100644
--- a/features/episodes/dates.feature
+++ b/features/episodes/dates.feature
@@ -14,8 +14,8 @@ Feature: Handle Dates
   @date @ordinal @radar
   Scenario: Parse dates for Radar
     Given this date '23rd Feb'
-    And this implicit year '2018'
+    And this implicit year '2019'
     And this date format '%e %b'
     When I set the date_str for the episode
-    Then episode.date.to_s will be '2018-02-23'
+    Then episode.date.to_s will be '2019-02-23'
   
\ No newline at end of file
diff --git a/features/episodes/image_paths.feature b/features/episodes/image_paths.feature
index 6691e65..41cf925 100644
--- a/features/episodes/image_paths.feature
+++ b/features/episodes/image_paths.feature
@@ -9,11 +9,17 @@ I want to prefix relative paths with the platform's base path
     And the platform has relative_image_paths='false'
     And html for an episode
     """
-      <div class="nts-grid-item"><div class="nts-grid-item__img"><img src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" data-src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" alt="Grandmixxer 22.02.18 Radio Episode" class="img preload-img"><div class="nts-grid-item__img__overlay"><div class="nts-grid-item__img__play-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/grandmixxer-22nd-february-2018/" data-permalink="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><span class="nts-grid-item__img__play-btn__text"><span class="icon icon-play text-bold"></span></span></div></div></div><div class="nts-grid-item__img nts-grid-item__img--link nts-app" data-href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><img src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" data-src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" alt="Grandmixxer 22.02.18 Radio Episode" class="img preload-img"></div><a href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018" class="nts-app nts-link nts-link--nohover"><div class="nts-grid-item__header text-bold nts-link nts-link--highlighted"><div class="nts-grid-item__title">Grandmixxer</div><div class="nts-grid-item__subtitle"><p class="nts-grid-item__subtitle__left">22.02.18</p><p class="nts-grid-item__subtitle__right">LDN</p></div></div></a><div class="nts-grid-item__footer">  <div class="nts-grid-item__genres">  <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event" data-tag-id="ukdance-grime" href="/explore/genre/ukdance-grime">Grime</a>  </div>  <div class="nts-grid-item__action-btns"><button class="nts-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/grandmixxer-22nd-february-2018/" data-permalink="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><span class="icon icon-play text-bold"></span></button> <a class="nts-app nts-btn" href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018">TRACKLIST</a></div></div></div>
+    <article class="nts-grid-v2-item">
+      <div class="nts-grid-v2-item__content">
+        <div class="nts-grid-picture"><img class="nts-grid-picture__img preload-img" alt="Mija MGMT w/ San Cha" src="https://media2.ntslive.co.uk/resize/800x800/58dab62a-db5d-4bc9-9c2c-9708a6b846c8_1571097600.jpeg"
+            data-src="https://media2.ntslive.co.uk/resize/800x800/58dab62a-db5d-4bc9-9c2c-9708a6b846c8_1571097600.jpeg">
+        </div>
+      </div>
+    </article>
     """
 
     When I parse the html
-    Then the platform will contain an episode with this image 'https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg'
+    Then the platform will contain an episode with this image 'https://media2.ntslive.co.uk/resize/800x800/58dab62a-db5d-4bc9-9c2c-9708a6b846c8_1571097600.jpeg'
 
     @episode @images
     Scenario: image is absolute
diff --git a/features/episodes/media_embed.feature b/features/episodes/media_embed.feature
index f20ee29..c753e62 100644
--- a/features/episodes/media_embed.feature
+++ b/features/episodes/media_embed.feature
@@ -13,7 +13,7 @@ Scenario: fetch a soundcloud embed
   When I post the attributes to the media endpoint
   Then I will get this embed back
   """
-  <iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?visual=true&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F438267681&show_artwork=true"></iframe>
+  <iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?visual=true&url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F438267681&show_artwork=true"></iframe>
   """
   
 @media @soundcloud @embed @error
diff --git a/features/episodes/media_type.feature b/features/episodes/media_type.feature
index 5871cc0..6d2a314 100644
--- a/features/episodes/media_type.feature
+++ b/features/episodes/media_type.feature
@@ -8,12 +8,13 @@ Scenario: nts x mixcloud
   Given the platform nickname=nts
   And html for an episode
   """
-    <div class="nts-grid-item"><div class="nts-grid-item__img"><img src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" data-src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" alt="Grandmixxer 22.02.18 Radio Episode" class="img preload-img"><div class="nts-grid-item__img__overlay"><div class="nts-grid-item__img__play-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/grandmixxer-22nd-february-2018/" data-permalink="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><span class="nts-grid-item__img__play-btn__text"><span class="icon icon-play text-bold"></span></span></div></div></div><div class="nts-grid-item__img nts-grid-item__img--link nts-app" data-href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><img src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" data-src="https://media.ntslive.co.uk/resize/800x800/8daa0f85-a541-47a1-88cf-26c18ebf342f_1444643834.jpg" alt="Grandmixxer 22.02.18 Radio Episode" class="img preload-img"></div><a href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018" class="nts-app nts-link nts-link--nohover"><div class="nts-grid-item__header text-bold nts-link nts-link--highlighted"><div class="nts-grid-item__title">Grandmixxer</div><div class="nts-grid-item__subtitle"><p class="nts-grid-item__subtitle__left">22.02.18</p><p class="nts-grid-item__subtitle__right">LDN</p></div></div></a><div class="nts-grid-item__footer">  <div class="nts-grid-item__genres">  <a class="genre-tag nts-app nts-link nts-link--highlighted genre-search-click-event" data-tag-id="ukdance-grime" href="/explore/genre/ukdance-grime">Grime</a>  </div>  <div class="nts-grid-item__action-btns"><button class="nts-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/grandmixxer-22nd-february-2018/" data-permalink="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018"><span class="icon icon-play text-bold"></span></button> <a class="nts-app nts-btn" href="/shows/grandmixxer/episodes/grandmixxer-22nd-february-2018">TRACKLIST</a></div></div></div>
+  <article class="nts-grid-v2-item"><div class="nts-grid-v2-item__content"><div class="nts-grid-picture"><img class="nts-grid-picture__img preload-img" alt="Hit A Lick Radio" src="https://media2.ntslive.co.uk/resize/800x800/2fa12bb5-b8a3-4984-9d79-d5f102ae3005_1571097600.png"data-src="https://media2.ntslive.co.uk/resize/800x800/2fa12bb5-b8a3-4984-9d79-d5f102ae3005_1571097600.png"><div role="button" tabindex="0" class="nts-grid-picture__overlay mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/hit-a-lick-14th-october-2019/"data-permalink="/shows/hit-a-lick/episodes/hit-a-lick-radio-14th-october-2019">&nbsp;</div></div><a class="nts-grid-v2-item__header nts-app" href="/shows/hit-a-lick/episodes/hit-a-lick-radio-14th-october-2019" data-track="event" data-category="Navigation" data-action="GoTo-Episode" data-label="from-gridItemTitle"><span>14.10.19</span><span>PHI</span><div class="nts-grid-v2-item__header__title">Hit A Lick Radio</div></a></div>
+  </article>  
   """
   When I parse the html
   Then the platform will contain an episode with this media property
   |type|url|
-  |mixcloud|https://www.mixcloud.com/NTSRadio/grandmixxer-22nd-february-2018/|
+  |mixcloud|https://www.mixcloud.com/NTSRadio/hit-a-lick-14th-october-2019/|
 
 
 @media @soundcloud
diff --git a/features/episodes/post_processing.feature b/features/episodes/post_processing.feature
index af3f967..c2e388f 100644
--- a/features/episodes/post_processing.feature
+++ b/features/episodes/post_processing.feature
@@ -8,9 +8,9 @@ I want to perform post-processing on the episode after it is created
     Given the platform nickname=nts
     And html for an episode
     """
-    <div class="nts-grid-item"><div class="nts-grid-item__img"><img src="https://media2.ntslive.co.uk/resize/100x100/f0cf5a5b-ea8b-4123-ae58-2b72662c6ac8_1522281600.jpeg" data-src="https://media2.ntslive.co.uk/resize/100x100/f0cf5a5b-ea8b-4123-ae58-2b72662c6ac8_1522281600.jpeg" alt="Whits &amp; Giggles w/ Ideal Black Female 29.03.18 Radio Episode"class="img preload-img"><div class="nts-grid-item__img__overlay"><div class="nts-grid-item__img__play-btn mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/whits-n-giggles-w-ideal-black-female-28th-march-2018/" data-permalink="/shows/whits-giggles/episodes/whits-n-giggles-w-ideal-black-female-28th-march-2018"><span class="nts-grid-item__img__play-btn__text"><span class="icon icon-play text-bold"></span></span></div></div></div><div class="nts-grid-item__img nts-grid-item__img--link nts-app" data-href="/shows/whits-giggles/episodes/whits-n-giggles-w-ideal-black-female-28th-march-2018"><img src="https://media2.ntslive.co.uk/resize/100x100/f0cf5a5b-ea8b-4123-ae58-2b72662c6ac8_1522281600.jpeg" data-src="https://media2.ntslive.co.uk/resize/100x100/f0cf5a5b-ea8b-4123-ae58-2b72662c6ac8_1522281600.jpeg" alt="Whits &amp; Giggles w/ Ideal Black Female 29.03.18 Radio Episode"class="img preload-img"></div><a href="/shows/whits-giggles/episodes/whits-n-giggles-w-ideal-black-female-28th-march-2018" class="nts-app nts-link nts-link--nohover"><div class="nts-grid-item__header text-bold nts-link nts-link--highlighted"><div class="nts-grid-item__title">Whits &amp; Giggles w/ Ideal Black Female</div><div class="nts-grid-item__subtitle"><p class="nts-grid-item__subtitle__left">29.03.18</p><p class="nts-grid-item__subtitle__right">LA</p></div></div></a>
-    </div>
+    <article class="nts-grid-v2-item"><div class="nts-grid-v2-item__content"><div class="nts-grid-picture"><img class="nts-grid-picture__img preload-img" alt="Hit A Lick Radio" src="https://media2.ntslive.co.uk/resize/100x100/2fa12bb5-b8a3-4984-9d79-d5f102ae3005_1571097600.png"data-src="https://media2.ntslive.co.uk/resize/800x800/2fa12bb5-b8a3-4984-9d79-d5f102ae3005_1571097600.png"><div role="button" tabindex="0" class="nts-grid-picture__overlay mixcloud-btn" data-src="https://www.mixcloud.com/NTSRadio/hit-a-lick-14th-october-2019/"data-permalink="/shows/hit-a-lick/episodes/hit-a-lick-radio-14th-october-2019">&nbsp;</div></div><a class="nts-grid-v2-item__header nts-app" href="/shows/hit-a-lick/episodes/hit-a-lick-radio-14th-october-2019" data-track="event" data-category="Navigation" data-action="GoTo-Episode" data-label="from-gridItemTitle"><span>14.10.19</span><span>PHI</span><div class="nts-grid-v2-item__header__title">Hit A Lick Radio</div></a></div>
+    </article>  
     """
 
     When I parse the html
-    Then the platform will contain an episode with this image 'https://media2.ntslive.co.uk/resize/800x800/f0cf5a5b-ea8b-4123-ae58-2b72662c6ac8_1522281600.jpeg'
+    Then the platform will contain an episode with this image 'https://media2.ntslive.co.uk/resize/800x800/2fa12bb5-b8a3-4984-9d79-d5f102ae3005_1571097600.png'
diff --git a/features/episodes/step_definitions/image_steps.rb b/features/episodes/step_definitions/image_steps.rb
index 4aff23b..2850894 100644
--- a/features/episodes/step_definitions/image_steps.rb
+++ b/features/episodes/step_definitions/image_steps.rb
@@ -10,6 +10,7 @@
 
 Then("the platform will contain an episode with this image {string}") do |src|
   @ep = @platform.episodes.find do |ep|
+    puts ep.image
     ep.image == src
   end
   expect(@ep).to be_truthy
diff --git a/features/episodes/step_definitions/media_steps.rb b/features/episodes/step_definitions/media_steps.rb
index fa10c05..bee2777 100644
--- a/features/episodes/step_definitions/media_steps.rb
+++ b/features/episodes/step_definitions/media_steps.rb
@@ -10,12 +10,14 @@
   @media = {
     media: JSON.parse(attrs)
   }
+  puts @media
 end
 
 When("I post the attributes to the media endpoint") do
   post "/media", @media
   @response = last_response.body
   @json = JSON.parse(@response)
+  puts @json
 end
 
 Then("I will get this embed back") do |html|
diff --git a/features/platforms/attributes.feature b/features/platforms/attributes.feature
index 33819a6..4f48825 100644
--- a/features/platforms/attributes.feature
+++ b/features/platforms/attributes.feature
@@ -3,17 +3,17 @@ Feature: Store scraping rules in platform
   I want to abstract the rules into an attribute map
   And share the implementation across different platforms
 
-  @attr
+  @attr @nts @platform
   Scenario: Parse NTS.live 
     When I call create_episodes_from_html on platform 1
     Then I should get an episode with these attributes
       """
       {
         "platform_id" : 1,
-        "name":"Murlo 31.01.18 Radio Episode",
-        "media":{"type":"mixcloud", "url":"https://www.mixcloud.com/NTSRadio/murlo-31st-february-2018/"},
-        "image":"https://media.ntslive.co.uk/resize/800x800/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg",
-        "date": "2018-01-31"
+        "name":"Murlo 18.07.18 Radio Episode",
+        "media":{"type":"mixcloud", "url":"https://www.mixcloud.com/NTSRadio/murlo-18th-july-2018/", "path":"/NTSRadio/murlo-18th-july-2018/"},
+        "image":"https://media.ntslive.co.uk/resize/400x400/24463c4a-6d6d-48d7-9026-62c9af3b996f_1456963200.jpeg",
+        "date": "2018-07-18"
       }
       """
 
@@ -25,7 +25,7 @@ Feature: Store scraping rules in platform
       {
         "platform_id":2,
         "name":"Swamp 81 with Loefah \u0026 Piezo",
-        "media":{"type":"soundcloud", "url":"https://soundcloud.com/rinsefm/horsemeatdisco040218swamp81"},
+        "media":{"type":"soundcloud", "url":"https://soundcloud.com/rinsefm/horsemeatdisco040218swamp81", "path":"/rinsefm/horsemeatdisco040218swamp81"},
         "image":"http://rinse.fm/wp-content/uploads/2012/09/133_loefah_chunky_2.png",
         "date":"2018-02-04"
        }
diff --git a/features/platforms/refresh.feature b/features/platforms/refresh.feature
index 6d0ff6f..d6a169a 100644
--- a/features/platforms/refresh.feature
+++ b/features/platforms/refresh.feature
@@ -7,7 +7,7 @@ Feature: Refresh Platform
   Background: 
     Given the platform nickname=nts
     
-  @http
+  @http @empty
   Scenario: Refresh a platform without any episodes
     When I refresh the Platform
     Then the episodes list should contain some episodes
@@ -16,6 +16,7 @@ Feature: Refresh Platform
   Scenario: Refresh a platform that already has some episodes
     Given this html for multiple entries
     """
+    <!-- outdated markup! -->
     <div class="nts-grid clearfix">
       <div class="nts-grid-item-container">
         <div class="nts-grid-item">
@@ -374,3 +375,9 @@ Feature: Refresh Platform
       |Ted Draws - 1997 Special 13.02.18 Radio Episode|13.02.18|
       |Obongjayar 13.02.18 Radio Episode|13.02.18|
       |Nabihah Iqbal  13.02.18 Radio Episode|13.02.18|
+  
+  @http @nts @pagination
+  Scenario: Remember the last page captured in refresh
+    Given the platform's last_page is 2
+     When I refresh the Platform
+     Then the platform's last_page is incremented to 3
\ No newline at end of file
diff --git a/features/platforms/step_definitions/attributes_steps.rb b/features/platforms/step_definitions/attributes_steps.rb
index 2795739..21f5878 100644
--- a/features/platforms/step_definitions/attributes_steps.rb
+++ b/features/platforms/step_definitions/attributes_steps.rb
@@ -17,8 +17,14 @@
   @platform = @platform || @platforms.find {|p|p.id == attrs['platform_id']}
   @episode  = @platform.episodes.first
   # iterate over attributes so we can specify date format for comparison
+  # puts @episode.attributes
   @ep_attrs = @episode.attributes.merge({
     "date" => @episode.attributes['date'].to_s
   })
+  # @episode.attributes.each do |pair|
+    # key = pair.first
+    # val = pair.last
+    # puts "#{key} => #{val} == #{@attrs[key]} ?"
+  # end
   expect(@ep_attrs).to include(@attrs)
 end
diff --git a/features/platforms/step_definitions/refresh_steps.rb b/features/platforms/step_definitions/refresh_steps.rb
index 3326df4..cdf6583 100644
--- a/features/platforms/step_definitions/refresh_steps.rb
+++ b/features/platforms/step_definitions/refresh_steps.rb
@@ -27,4 +27,12 @@
   expect(slice).to match_array(uniques.hashes)
 end
 
+Given("the platform's last_page is {int}") do |p|
+  @platform.last_page = p
+end
+
+
+Then("the platform's last_page is incremented to {int}") do |p| 
+  expect(@platform.last_page).to eq(p)
+end