{
    "componentChunkName": "component---src-templates-story-js",
    "path": "/2016/05/detroit-techno-heroes",
    "result": {"data":{"storiesJson":{"id":"3f6f30051b885ac2423ec0190a7732af","title":"Detroit Techno Heroes","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: #334cdf;\n    }\n    .bg-color-primary {\n      background-color: #334cdf;\n    }\n    .text-color-secondary {\n      color: #181a26;\n    }\n    .bg-color-secondary {\n      background-color: #181a26;\n    }\n\n    .text-color-body {\n      color: #334cdf;\n    }\n\n    .bg-color-primary--svg {\n      fill: #334cdf;\n    }\n\n    .bg-color-body {\n      background-color: #334cdf;\n    }\n\n    .bg-color-body--svg {\n      fill: #334cdf;\n    }\n\n    body {\n      color: #334cdf;\n      background-color: #181a26;\n    }\n\n    ::-moz-selection {\n      background: #334cdf;\n      color: #181a26;\n      text-shadow: none;\n    }\n\n    ::selection {\n      background: #334cdf;\n      color: #181a26;\n      text-shadow: none;\n    }\n\n    .main-nav {\n      color: #334cdf;\n    }\n\n    .main-nav.headroom--top {\n      color: #334cdf;\n    }\n\n    .main-nav .bg-color-primary {\n      background-color: #334cdf ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary {\n      background-color: #334cdf;;\n    }\n\n    .main-nav .bg-color-primary--svg {\n      fill: #334cdf ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary--svg {\n      fill: #334cdf;;\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}\" class=\"apply-header-image-filters\"> <!-- 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-sans-serif\">Detroit Techno Heroes</h1> <h2 class=\"headline-secondary type-sans-serif\" ng-bind-html=\"doc.lead | markdown\"><p>Shyama Golden pays tribute to Motor City innovators with a poster-sized illustration depicting seven Detroit techno heroes</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-serif\" ng-if=\"doc.firstPublished || doc.authors.length\"> <!-- ngIf: doc.firstPublished --><div class=\"meta__date ng-binding ng-scope\" ng-if=\"doc.firstPublished\">May 27, 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/shyama-golden\">Shyama Golden</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=\"serif\" class=\"body text-layout--center type-sans-serif\"><div rbma-image-block=\"\" id=\"body-0\" 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/d-techno-heroes.fef78850.jpg?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 --><span class=\"figure__caption__text ng-scope\" ng-if=\"block.caption\" bind-compiled-html=\"block.caption|inlinemarkdown\"><a href=\"https://image.redbull.com/rbx00786/0100/0/486/Detroit-Techno-PosterHiRes1.06d25cca.jpg\" target=\"_blank\" class=\"ng-scope\">Download hi-res version</a></span><!-- end ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><a href=\"https://www.shyamagolden.com/\" target=\"_blank\" class=\"ng-scope\">Shyama Golden</a></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></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\": \"The Illustrated Pantheon of Detroit Techno | Red Bull Music Academy Daily\",\n    \"image\": \"https://media.redbullmusicacademy.com/assets/teaser1.a2ae8da9.jpg?auto=format&w=800\",\n    \"datePublished\": \"2016-05-27T00:00:00Z\",\n    \"description\": \"Shyama Golden pays tribute to Motor City innovators with a poster-sized illustration depicting seven Detroit techno heroes.\"\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/detroit-techno-heroes","metaImage":"teaser1.a2ae8da9.jpg","description":"Shyama Golden pays tribute to Motor City innovators with a poster-sized illustration depicting seven Detroit techno heroes.","relatedDocuments":[{"title":"Detroit to NYC: Underground Resistance at New Music Seminar","teaserTitle":"Underground Resistance at New Music Seminar","teaserSubtitle":null,"teaserImage":null,"slug":["detroit-to-nyc-underground-resistance-at-new-music-seminar"],"date":"2015-04-09T16:51:28.097Z","type":"coverStory","firstPublished":"2014-09-23T00:00:00Z"},{"title":"The Roots of Techno: Detroit’s Club Scene 1973–1985","teaserTitle":"The Roots of Techno: Detroit’s Club Scene 1973–1985","teaserSubtitle":"The forgotten history of the clubs and DJs that helped birth Detroit techno.","teaserImage":{"id":"detroit-pre-techno-main.8987d144.jpg?w=1200"},"slug":["rootsoftechno","roots-of-techno-feature"],"date":"2014-11-26T14:26:59Z","type":"coverStory","firstPublished":"2014-07-31T00:00:00Z"}],"data":{"videos":[],"transcripts":null,"video":null},"pageStyle":{"primaryTypeface":"sans-serif","secondaryTypeface":"serif","bodyTypeface":"sans-serif","primaryColor":"#334cdf","bodyColor":"#334cdf","secondaryColor":"#181a26"}}},"pageContext":{"pageTitle":"Detroit Techno Heroes","slug":"/2016/05/detroit-techno-heroes","id":"3f6f30051b885ac2423ec0190a7732af"}},
    "staticQueryHashes": ["1410461468","2116853838","26522286","344901210"]}