{
    "componentChunkName": "component---src-templates-story-js",
    "path": "/2017/06/submerge-photo-essay",
    "result": {"data":{"storiesJson":{"id":"6c8c83dcc83511bb1f80df342b220a2d","title":"John Collins at Underground Resistance / Submerge","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: #e1c6be;\n    }\n    .bg-color-primary {\n      background-color: #e1c6be;\n    }\n    .text-color-secondary {\n      color: #fce4d7;\n    }\n    .bg-color-secondary {\n      background-color: #fce4d7;\n    }\n\n    .text-color-body {\n      color: #824534;\n    }\n\n    .bg-color-primary--svg {\n      fill: #e1c6be;\n    }\n\n    .bg-color-body {\n      background-color: #824534;\n    }\n\n    .bg-color-body--svg {\n      fill: #824534;\n    }\n\n    body {\n      color: #e1c6be;\n      background-color: #fce4d7;\n    }\n\n    ::-moz-selection {\n      background: #824534;\n      color: #fce4d7;\n      text-shadow: none;\n    }\n\n    ::selection {\n      background: #824534;\n      color: #fce4d7;\n      text-shadow: none;\n    }\n\n    .main-nav {\n      color: #824534;\n    }\n\n    .main-nav.headroom--top {\n      color: #e1c6be;\n    }\n\n    .main-nav .bg-color-primary {\n      background-color: #824534 ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary {\n      background-color: #e1c6be;;\n    }\n\n    .main-nav .bg-color-primary--svg {\n      fill: #824534 ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary--svg {\n      fill: #e1c6be;;\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-4 ng-scope\" data-minwidth=\"320 420 576 768 1024 1280 1420\"> <div class=\"fill-container ng-isolate-scope\" ng-style=\"{'background-color': doc.secondaryColor}\" background-image=\"true\" rbma-image=\"doc.mainImage\" style=\"background-color: rgb(252, 228, 215); background-image: url(&quot;https://media.redbullmusicacademy.com/assets/JG_20170622_RBMA_00041.f31150d7.jpg?auto=format&amp;w=1280&quot;);\"></div> <div class=\"headlines-wrap\"> <h1 class=\"headline-main type-serif\">John Collins at Underground Resistance / Submerge</h1> <h2 class=\"headline-secondary type-sans-serif\"></h2> </div> </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\">June 23, 2017</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--left type-sans-serif\"><div rbma-image-block=\"\" id=\"body-0\" block=\"block\" class=\"block block-image alignment-side 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/JG_20170622_RBMA_0011.5c039d73.jpg?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\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-text-block=\"\" id=\"body-1\" 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\">Submerge and Underground Resistance are two of Detroit and the world’s most important electronic music institutions. Submerge contains Exhibit 3000, a museum that walks you through a history of Detroit techno. There are many showcases throughout – including one of drum machines and keyboards responsible for some of electronic music’s most iconic records, and another of engineer Ron Murphy’s original Scully lathe. On the lower level of Submerge, there’s a record store, Somewhere In Detroit (SID), where you can find the best electronic music around, including a stunning selection of Detroit techno and house.</p>\n\n<p class=\"ng-scope\">Detroit techno is a worldwide phenomenon, and one of the undoubted architects is John Collins, a legendary international DJ, producer and historian. His work with Underground Resistance and Submerge over the years is just one reason we’ve asked him to helm a live, monthly show from our radio studio in Detroit. In advance of <a href=\"https://www.redbullradio.com/shows/john-collins-presents-soul-detroit\" target=\"_blank\">the first episode</a>, we caught up with John for a quick tour through Submerge with local photographer Joe Gall.</p></div></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/JG_20170622_RBMA_0014.e52103e1.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 --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-block=\"\" id=\"body-3\" 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/JG_20170622_RBMA_0017.91fd7561.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 --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></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/JG_20170622_RBMA_0016.d71d5845.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 --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-block=\"\" id=\"body-5\" 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/JG_20170622_RBMA_0019.46a40e3d.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\"><span class=\"ng-scope\">This map represents just a few of the many different places that UR and Submerge's music has touched in one way or another throughout their decades of operation.</span></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\"><span class=\"ng-scope\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-block=\"\" id=\"body-6\" 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/JG_20170622_RBMA_0020.4d142561.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 --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><span class=\"ng-scope\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-image-gallery-block=\"\" id=\"body-7\" 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/JG_20170622_RBMA_0022.c3d97ef0.jpg?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\">Joe Gall</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/JG_20170622_RBMA_0023.3749c336.jpg?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\">Joe Gall</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-8\" block=\"block\" class=\"block block-image alignment-center 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/JG_20170622_RBMA_0026.f63a87f5.jpg?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\">Joe Gall</span></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div></div> <div class=\"body text-layout--left pt-xl\"><p class=\"block-text\"></p></div> <!-- ngIf: doc.mainImageCredit --><div class=\"body text-layout--left pt-xl\" ng-if=\"doc.mainImageCredit\"><p class=\"block-text\"><span class=\"type-s ng-binding\">Header image © Joe Gall</span></p></div><!-- end 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\": \"John Collins at Underground Resistance / Submerge | Red Bull Music Academy Daily\",\n    \"image\": \"https://media.redbullmusicacademy.com/assets/JG_20170622_RBMA_00041.903916ad.jpg?auto=format&w=800\",\n    \"datePublished\": \"2017-06-23T00:00:00Z\",\n    \"description\": \"Inside the Detroit HQ of the legendary techno institution with one of its key members.\"\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":"/2017/06/submerge-photo-essay","metaImage":"JG_20170622_RBMA_00041.903916ad.jpg","description":"Inside the Detroit HQ of the legendary techno institution with one of its key members.","relatedDocuments":[{"title":"Theater of the Mind: The Legacy of the Electrifying Mojo","teaserTitle":null,"teaserSubtitle":null,"teaserImage":{"id":"elecmojo1.153919be.jpg"},"slug":["theater-of-the-mind-the-legacy-of-the-electrifying-mojo","electrifying-mojo-feature"],"date":"2015-05-02T13:41:01.897Z","type":"coverStory","firstPublished":"2015-05-12T00: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":"serif","secondaryTypeface":"sans-serif","bodyTypeface":"sans-serif","primaryColor":"#e1c6be","bodyColor":"#824534","secondaryColor":"#fce4d7"}}},"pageContext":{"pageTitle":"John Collins at Underground Resistance / Submerge","slug":"/2017/06/submerge-photo-essay","id":"6c8c83dcc83511bb1f80df342b220a2d"}},
    "staticQueryHashes": ["1410461468","2116853838","26522286","344901210"]}