{"version":3,"sources":["webpack:///./src/pages/products/jukebox/index.js"],"names":["featureGridData","header","details","icon","JukeboxPage","className","name","content","title","subTitle","cardText","to","getStartedLink","productsDict","jukebox","github","logo","progressType","badge","color","text","iconSize","data","pinnedLink","prompts","description","link","size","type"],"mappings":"qHAAA,sFAqBMA,GArBN,UAqBwB,CACtB,CACE,CACEC,OAAQ,QACRC,QACE,iGACFC,KAAM,UAGR,CACEF,OAAQ,aACRC,QACE,+FACFC,KAAM,WAIV,CACE,CACEF,OAAQ,gBACRC,QACE,wFACFC,KAAM,UAGR,CACEF,OAAQ,cACRC,QAAS,yEACTC,KAAM,aAoKGC,UA/JK,kBAClB,0BAAMC,UAAU,WAEd,kBAAC,IAAD,KACE,+DACA,0BAAMC,KAAK,cAAcC,QAAQ,KACjC,0BACED,KAAK,WACLC,QAAQ,wRAMZ,kBAAC,IAAD,CACEC,MAAM,UACNC,SAAS,4DACTC,SACE,0EAC6C,IAC3C,kBAAC,IAAD,CAAMC,GAAG,iCAAT,cAFF,mCAE6F,IAC3F,kBAAC,IAAD,CAAMA,GAAG,mCAAT,qBAHF,gGAOFC,eAAgBC,IAAaC,QAAQC,OACrCC,KAAK,cACLC,aAAa,KACbC,MAAO,CAAEC,MAAO,MAAOC,KAAM,wBAI/B,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEnB,OAAO,cACPE,KAAK,QACLkB,SAAU,GACVnB,QACE,mHAKJ,kBAAC,IAAD,CACED,OAAO,YACPE,KAAK,SACLkB,SAAU,GACVnB,QACE,wKAOJ,kBAAC,IAAD,CACED,OAAO,aACPE,KAAK,cACLkB,SAAU,GACVnB,QAAS,0FAKb,kBAAC,IAAD,CAAaoB,KAAMtB,IAGnB,kBAAC,IAAD,CAAgBuB,WAAYV,IAAaC,QAAQC,QAG/C,yBAAKV,UAAU,gBACb,yBAAKA,UAAU,uBACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,2DACA,yBAAKA,UAAU,aACZ,IADH,yDAEyD,MAG3D,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUmB,QAAS,CAAC,+DAMxB,yBAAKnB,UAAU,gBACb,yBAAKA,UAAU,uBACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,wCAEF,yBAAKA,UAAU,gBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUmB,QAAS,CAAC,0CAMxB,yBAAKnB,UAAU,gBACb,yBAAKA,UAAU,uBACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,oCACA,yBAAKA,UAAU,aAAf,8HAKF,yBAAKA,UAAU,gBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAQmB,QAAS,CAAC,iFAMxB,kBAAC,IAAD,KACE,kBAAC,IAAD,CACErB,KAAK,eACLsB,YAAY,kFAEZ,kBAAC,IAAD,CACEpB,UAAU,MACVF,KAAK,cACLuB,KAAMb,IAAaC,QAAQC,OAC3BY,KAAK,SACLC,KAAK,WALP,gBAWF,kBAAC,IAAD,CACEzB,KAAK,YACLsB,YAAY,mFAEZ,kBAAC,IAAD,CACEpB,UAAU,MACVqB,KAAK,wEACLC,KAAK,SACLC,KAAK,WAJP","file":"component---src-pages-products-jukebox-index-js-ea1c5b77d1b1238f1d2d.js","sourcesContent":["import React from 'react';\nimport Helmet from 'react-helmet';\nimport {\n  BottomCallout,\n  Button,\n  Callout,\n  GettingStarted,\n  GridFeature,\n  H2,\n  H4,\n  LinkHelper as Link,\n  ProductFeature,\n  ProductFeatureRow,\n  ProductHero,\n  Terminal,\n  UrlBar,\n} from 'components';\nimport productsDict from 'meta/products-dict';\n\nimport './style.scss';\n\nconst featureGridData = [\n  [\n    {\n      header: 'Learn',\n      details:\n        'This environment allows you to learn as you go without having to do any of the setup yourself.',\n      icon: 'target',\n    },\n\n    {\n      header: 'Experiment',\n      details:\n        'Forget the expense. Now you can run experiments on datasets cost effectively and worry free.',\n      icon: 'target',\n    },\n  ],\n\n  [\n    {\n      header: 'Collaborative',\n      details:\n        'Jupyter Hub allows multiple people within your group to use and access the notebooks.',\n      icon: 'target',\n    },\n\n    {\n      header: 'Cloud-based',\n      details: 'Cloud deployment for data co-location, take your analysis to the data.',\n      icon: 'target',\n    },\n  ],\n];\n\nconst JukeboxPage = () => (\n  <main className=\"Jukebox\">\n    {/* Metadata */}\n    <Helmet>\n      <title>Overture Products - Jukebox </title>\n      <meta name=\"description\" content=\"\" />\n      <meta\n        name=\"keywords\"\n        content=\"Overture, data science software, bioinformatics software, open-source software, cancer research, cloud-based storage, genomic metadata, data submission, REST API, JSON, YAML, REST, Amazon Web Services, Microsoft Azure, PostgreSQL, Ontario Institute for Cancer Research, OICR\"\n      />\n    </Helmet>\n\n    {/* Hero */}\n    {/*  Ugly html inside props so that I can add links to the cardText..*/}\n    <ProductHero\n      title=\"Jukebox\"\n      subTitle=\"Spinning up interactive development environments is hard!\"\n      cardText={\n        <div>\n          Jukebox automates set-up and deployment of{' '}\n          <Link to=\"http://jupyter.org/index.html\">JupyterHub</Link>. Your users can access personal{' '}\n          <Link to=\"http://jupyter.org/install.html\">Jupyter notebooks</Link> in one click to do\n          science right from the web browser in a live, collaborative environment.\n        </div>\n      }\n      getStartedLink={productsDict.jukebox.github}\n      logo=\"logoJukebox\"\n      progressType=\"rc\"\n      badge={{ color: 'red', text: 'Analyze & Discover' }}\n    />\n\n    {/* Features  */}\n    <ProductFeatureRow>\n      <ProductFeature\n        header=\"Quick start\"\n        icon=\"power\"\n        iconSize={92}\n        details={\n          <div>\n            The setup has been done for you, all that’s left for you to do is your research.\n          </div>\n        }\n      />\n      <ProductFeature\n        header=\"Contained\"\n        icon=\"spiral\"\n        iconSize={72}\n        details={\n          <div>\n            Users operate in a virtual machine, so everything is contained. Nothing can be broken,\n            so experiment away with the API and data sets.\n          </div>\n        }\n      />\n\n      <ProductFeature\n        header=\"Automation\"\n        icon=\"cloudSquare\"\n        iconSize={82}\n        details={<div>Cloud deployment automation through OpenStack Ansible.</div>}\n      />\n    </ProductFeatureRow>\n\n    {/* Target Features Things */}\n    <GridFeature data={featureGridData} />\n\n    {/* Getting Started /  Terminals */}\n    <GettingStarted pinnedLink={productsDict.jukebox.github}>\n      {/* Getting Started: Step 1 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3-desktop\">\n          <H2 className=\"pb1\">1</H2>\n          <div>\n            <H4> To set up locally, clone the Jupyter repository. </H4>\n            <div className=\"step-text\">\n              {' '}\n              Edit default permissions and configurations if needed.{' '}\n            </div>\n          </div>\n          <div className=\"mt1 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['git clone https://github.com/overture-stack/Jupyter.git']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 2 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3-desktop\">\n          <H2 className=\"pb1\">2</H2>\n          <div>\n            <H4>Use Ansible to deploy Jukebox.</H4>\n          </div>\n          <div className=\"yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['ansible-playbook setup-jukebox.yml']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 3 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3-desktop\">\n          <H2 className=\"pb1\">3</H2>\n          <div>\n            <H4>Learn, explore, experiment.</H4>\n            <div className=\"step-text\">\n              Experiment with scientific packages such as NumPy, SciPy, Pandas and Seaborn and\n              languages including Python, Scala and R.\n            </div>\n          </div>\n          <div className=\"yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <UrlBar prompts={[<div>Visit http://localhost: &lt;your port number&gt;</div>]} />\n        </div>\n      </div>\n    </GettingStarted>\n\n    {/* Footer */}\n    <BottomCallout>\n      <Callout\n        icon=\"githubYellow\"\n        description=\"Explore and manipulate data without having to set up the environment yourself.\"\n      >\n        <Button\n          className=\"mt2\"\n          icon=\"githubWhite\"\n          link={productsDict.jukebox.github}\n          size=\"medium\"\n          type=\"primary\"\n        >\n          Get Started\n        </Button>\n      </Callout>\n\n      <Callout\n        icon=\"pageWhite\"\n        description=\"Drops of Jupyter...or, How I Learned To Stop Worrying and Dockerized JupyterHub\"\n      >\n        <Button\n          className=\"mt2\"\n          link=\"http://softeng.oicr.on.ca/kevin_hartmann/2018/03/28/Drops-of-Jupyter/\"\n          size=\"medium\"\n          type=\"primary\"\n        >\n          Related Blog Post\n        </Button>\n      </Callout>\n    </BottomCallout>\n  </main>\n);\n\nexport default JukeboxPage;\n"],"sourceRoot":""}