{
    "componentChunkName": "component---src-templates-story-js",
    "path": "/2016/05/grime-comic",
    "result": {"data":{"storiesJson":{"id":"ee51161387ad4b555229b7c0b5bc90ce","title":"Grime Over American Rap Beats","body":" <script>dataLayer=window.dataLayer||[];dataLayer.push({rbmaSite:'daily'})</script> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-5RLQKC\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-5XHDS9\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-N63G8F4\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <script src=\"scripts/standalone/analytics.js?__inline=true\"></script> <!-- ngIf: color && backgroundColor --> <div class=\"spinner\" id=\"js-spinner\"> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> </div> <!--[if lt IE 7]>\n      <p class=\"browsehappy\">You are using an <strong>outdated</strong> browser. Please <a href=\"https://browsehappy.com/\">upgrade your browser</a> to improve your experience.</p>\n    <![endif]--> <!-- uiView:  --><div ui-view=\"\" autoscroll=\"true\" ng-class=\"(doc) ? 'has-page-type-'+doc.type.toLowerCase() : ''\" class=\"page-wrap text-color-primary bg-color-secondary pr ng-scope has-page-type-coverstory\"> <div class=\"everything-after-nav ng-scope\" id=\"js-everything-after-nav\"> <div dynamic=\"html\" class=\"page-container\" rbma-preview=\"\"><div rbma-cover-story-page=\"\" doc=\"doc\" data=\"pageData\" class=\"ng-scope ng-isolate-scope\"><div disable-while-transitioning=\"\"> <!-- ngIf: !transitioning --><style ng-if=\"!transitioning\" class=\"ng-binding ng-scope\">.text-color-primary {\n      color: #653b1b;\n    }\n    .bg-color-primary {\n      background-color: #653b1b;\n    }\n    .text-color-secondary {\n      color: #edbf9c;\n    }\n    .bg-color-secondary {\n      background-color: #edbf9c;\n    }\n\n    .text-color-body {\n      color: #653b1b;\n    }\n\n    .bg-color-primary--svg {\n      fill: #653b1b;\n    }\n\n    .bg-color-body {\n      background-color: #653b1b;\n    }\n\n    .bg-color-body--svg {\n      fill: #653b1b;\n    }\n\n    body {\n      color: #653b1b;\n      background-color: #edbf9c;\n    }\n\n    ::-moz-selection {\n      background: #653b1b;\n      color: #edbf9c;\n      text-shadow: none;\n    }\n\n    ::selection {\n      background: #653b1b;\n      color: #edbf9c;\n      text-shadow: none;\n    }\n\n    .main-nav {\n      color: #653b1b;\n    }\n\n    .main-nav.headroom--top {\n      color: #653b1b;\n    }\n\n    .main-nav .bg-color-primary {\n      background-color: #653b1b ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary {\n      background-color: #653b1b;;\n    }\n\n    .main-nav .bg-color-primary--svg {\n      fill: #653b1b ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary--svg {\n      fill: #653b1b;;\n    }</style><!-- end ngIf: !transitioning --> </div> <div class=\"text-color-primary bg-color-secondary\"> <article class=\"page page--coverstory\"> <div ng-class=\"{'apply-header-image-filters': (doc.secondaryColor|luminosity)<100}\"> <!-- ngInclude: 'views/pagetypes/cover-story/header'+doc.headerStyle+'.html' --><div ng-init=\"role='header'\" ng-include=\"'views/pagetypes/cover-story/header'+doc.headerStyle+'.html'\" class=\"ng-scope\"><!-- ngIf: role == 'header' --><header ng-if=\"role == 'header'\" data-role=\"header\" elementary=\"\" class=\"mod header header--cover header--cover-6 ng-scope\" data-minwidth=\"320 420 576 768 1024 1280\"> <div class=\"headlines-wrap\"> <h1 class=\"headline-main type-serif\">Grime Over American Rap Beats</h1> <h2 class=\"headline-secondary type-serif\" ng-bind-html=\"doc.lead | markdown\"><p>The Story of a London Sound, Stateside</p></h2> </div> <img class=\"header__main-image ng-isolate-scope\" rbma-image=\"doc.mainImage\"> </header><!-- end ngIf: role == 'header' --> <!-- ngIf: role == 'related' --></div> <div class=\"body-wrap text-color-body\"> <!-- ngIf: doc.lead.length > 0 && doc.headerStyle != 3 && doc.headerStyle != 6 --> <!-- ngIf: doc.firstPublished || doc.authors.length --><h4 class=\"meta meta--cover type-sans-serif\" ng-if=\"doc.firstPublished || doc.authors.length\"> <!-- ngIf: doc.firstPublished --><div class=\"meta__date ng-binding ng-scope\" ng-if=\"doc.firstPublished\">May 4, 2016</div><!-- end ngIf: doc.firstPublished --> <!-- ngIf: doc.authors.length --><div class=\"meta__author ng-scope\" ng-if=\"doc.authors.length\">By <author-link authors=\"doc.authors\" class=\"ng-isolate-scope\"><!-- ngRepeat: author in authors --><span ng-repeat=\"author in authors\" class=\"ng-scope\"><!-- ngIf: authors.length > 2 && !$first --> <!-- ngIf: authors.length > 1 && $last --> <!-- ngIf: author.type == 'document' --><a class=\"underlined ng-scope ng-isolate-scope\" ng-if=\"author.type == 'document'\" rbma-lazy-title=\"\" slug=\"author.document.typeSlug.split(':')[1]\" pagetype=\"'author'\" href=\"/author/red-bull-music-academy\">Red Bull Music Academy</a><!-- end ngIf: author.type == 'document' --><!-- ngIf: author.type == 'name' --></span><!-- end ngRepeat: author in authors --></author-link></div><!-- end ngIf: doc.authors.length --> </h4><!-- end ngIf: doc.firstPublished || doc.authors.length --> <div rbma-blocks=\"doc.body\" blocks-name=\"'body'\" data-quote-type=\"sans-serif\" class=\"body text-layout--center type-sans-serif\"><div rbma-text-block=\"\" id=\"body-0\" block=\"block\" class=\"block block-text style-normal ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><div bind-compiled-html=\"block.text | markdown\"><p class=\"ng-scope\">Given that Kanye West brought out Skepta and Jammer onstage to perform with him at the 2015 BRIT Awards and Drake signed with the label Boy Better Know, it's safe to say that grime has bubbled up from the London underground and into the American mainstream in recent years. But grime's nothing new, and arguably peaked ten years ago in the UK. So why are people across the pond just now getting hip to Eskibeats and wastemen? Ahead of Dizzee Rascal's <em>Boy in Da Corner</em> performance in New York, Dan Hancox and Jason Adam Katzenstein chart the slow rise of grime in America, comic-style.</p></div></div><div rbma-image-block=\"\" id=\"body-1\" block=\"block\" class=\"block block-image alignment-wide ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/01.31f9ca08.png?auto=format&amp;w=1280\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-block=\"\" id=\"body-2\" block=\"block\" class=\"block block-image alignment-wide ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/02.b8e51d70.png?auto=format&amp;w=1280\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-gallery-block=\"\" id=\"body-3\" block=\"block\" class=\"block block-image-gallery  ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><div ng-class=\"'has-'+imageCount+'-images'\" class=\"has-2-images\"> <!-- ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery0\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/03.f293c83e.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery1\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/05.8f0f630a.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --> </div></div><div rbma-image-block=\"\" id=\"body-4\" block=\"block\" class=\"block block-image alignment-wide ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/06.0938a7d9.png?auto=format&amp;w=1280\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-gallery-block=\"\" id=\"body-5\" block=\"block\" class=\"block block-image-gallery  ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><div ng-class=\"'has-'+imageCount+'-images'\" class=\"has-2-images\"> <!-- ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery0\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/07.1b0fea82.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery1\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/08.332b1fc5.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --> </div></div><div rbma-image-gallery-block=\"\" id=\"body-6\" block=\"block\" class=\"block block-image-gallery  ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><div ng-class=\"'has-'+imageCount+'-images'\" class=\"has-2-images\"> <!-- ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery0\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/09.f30d60a2.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --><div ng-repeat=\"image in block.images\" class=\"cell ng-scope\"> <div rbma-image-block=\"\" id=\"image-gallery1\" block=\"image\" class=\"block block-image ng-isolate-scope\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/10.081ec292.png?auto=format&amp;w=700\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Dan Hancox &amp; Jason Adam Katzenstein</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div> </div><!-- end ngRepeat: image in block.images --> </div></div></div> <div class=\"body text-layout--center pt-xl\"><p class=\"block-text\"></p></div> <!-- ngIf: doc.mainImageCredit --> </div> </div> </article> <structured-story-data><div ng-bind-html=\"trustedHtml\" class=\"ng-binding\"><script type=\"application/ld+json\">\n  {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"Grime in the United States: A Comic | Red Bull Music Academy Daily\",\n    \"image\": \"https://media.redbullmusicacademy.com/assets/abs.0d5a22f8.png?auto=format&w=800\",\n    \"datePublished\": \"2016-05-04T00:00:00Z\",\n    \"description\": \"The story of a London sound, Stateside, in comic form.\"\n  }\n  </script></div></structured-story-data>  </div></div></div>  <!-- ngIf: isPreview --> </div> <!-- ngIf: doc.additionalMarkup --></div> <notification><!-- ngIf: !waitingForScroll && !notification.dismissed && notification.data.showNotification --> <!-- ngIf: notification.sitsInline --></notification> <!--[if lt IE 9]>\n    <script src=\"scripts/oldieshim.16d1f762019.js\"></script>\n    <![endif]--> <script src=\"scripts/\"></script> <script src=\"scripts/\"></script> <script src=\"undefined?forceLang=en&amp;linkColor=999&amp;bgColor=000\"></script>  ","slug":"/2016/05/grime-comic","metaImage":"abs.0d5a22f8.png","description":"The story of a London sound, Stateside, in comic form.","relatedDocuments":[{"title":"Grime","teaserTitle":"Grime","teaserSubtitle":"From Rinse to the world, stories illustrating one of the UK’s most vital genres","teaserImage":{"id":"20190206_RBMA_Teaser_Grime_3000x2000.8fdd2b7c.jpg"},"slug":["rebirth-of-grime","grime"],"date":"2015-03-08T19:39:59.622Z","type":"collection","firstPublished":"2015-03-08T19:40:40.319Z"},{"title":"Track By Track: Dizzee Rascal’s Boy in Da Corner","teaserTitle":"Track By Track: Dizzee Rascal’s Boy in Da Corner","teaserSubtitle":"","teaserImage":{"id":"dizzee-boy.3ebd05d5.jpg"},"slug":["track-by-track-dizzee-rascal-s-boy-in-da-corner"],"date":"2016-05-03T21:23:55.246Z","type":"coverStory","firstPublished":"2016-05-05T00:00:00Z"}],"data":{"videos":[],"transcripts":null,"video":null},"pageStyle":{"primaryTypeface":"serif","secondaryTypeface":"sans-serif","bodyTypeface":"sans-serif","primaryColor":"#653b1b","bodyColor":"#653b1b","secondaryColor":"#edbf9c"}}},"pageContext":{"pageTitle":"Grime Over American Rap Beats","slug":"/2016/05/grime-comic","id":"ee51161387ad4b555229b7c0b5bc90ce"}},
    "staticQueryHashes": ["1410461468","2116853838","26522286","344901210"]}