{"version":3,"sources":["webpack:///./src/pages/products/jukebox/index.js"],"names":["featureGridData","header","details","icon","JukeboxPage","className","name","content","title","subTitle","cardText","to","JUPYTER_LINK","JUPYTER_INSTALL_LINK","getStartedLink","productsDict","jukebox","githubUrl","logo","progressType","badge","color","text","iconSize","data","pinnedLink","prompts","description","link","size","type","JUKEBOX_BLOG_POST_LINK"],"mappings":"qHAAA,yFA0BMA,GA1BN,UA0BwB,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,aA8JGC,UAzJK,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,2EAC6C,kBAAC,IAAD,CAAMC,GAAIC,KAAV,cAD7C,oCAE4B,kBAAC,IAAD,CAAMD,GAAIE,KAAV,qBAF5B,gGAMFC,eAAgBC,IAAaC,QAAQC,UACrCC,KAAK,cACLC,aAAa,KACbC,MAAO,CAAEC,MAAO,MAAOC,KAAM,wBAI/B,kBAAC,IAAD,KACE,kBAAC,IAAD,CACErB,OAAO,cACPE,KAAK,QACLoB,SAAU,GACVrB,QACE,mHAKJ,kBAAC,IAAD,CACED,OAAO,YACPE,KAAK,SACLoB,SAAU,GACVrB,QACE,wKAOJ,kBAAC,IAAD,CACED,OAAO,aACPE,KAAK,cACLoB,SAAU,GACVrB,QAAS,0FAKb,kBAAC,IAAD,CAAasB,KAAMxB,IAGnB,kBAAC,IAAD,CAAgByB,WAAYV,IAAaC,QAAQC,WAG/C,yBAAKZ,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,CAAUqB,QAAS,CAAC,+DAMxB,yBAAKrB,UAAU,gBACb,yBAAKA,UAAU,uBACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,wCAEF,yBAAKA,UAAU,gBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUqB,QAAS,CAAC,0CAMxB,yBAAKrB,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,CAAQqB,QAAS,CAAC,iFAMxB,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEvB,KAAK,eACLwB,YAAY,kFAEZ,kBAAC,IAAD,CACEtB,UAAU,MACVF,KAAK,cACLyB,KAAMb,IAAaC,QAAQC,UAC3BY,KAAK,SACLC,KAAK,WALP,gBAWF,kBAAC,IAAD,CACE3B,KAAK,YACLwB,YAAY,mFAEZ,kBAAC,IAAD,CAAQtB,UAAU,MAAMuB,KAAMG,IAAwBF,KAAK,SAASC,KAAK,WAAzE","file":"component---src-pages-products-jukebox-index-js-c0c87d75c1be54a99e77.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 'constants/products';\nimport {\n  JUKEBOX_BLOG_POST_LINK,\n  JUPYTER_LINK,\n  JUPYTER_INSTALL_LINK,\n} from 'constants/external-links';\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 <Link to={JUPYTER_LINK}>JupyterHub</Link>. Your\n          users can access personal <Link to={JUPYTER_INSTALL_LINK}>Jupyter notebooks</Link> in one\n          click to do science right from the web browser in a live, collaborative environment.\n        </div>\n      }\n      getStartedLink={productsDict.jukebox.githubUrl}\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.githubUrl}>\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.githubUrl}\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 className=\"mt2\" link={JUKEBOX_BLOG_POST_LINK} size=\"medium\" type=\"primary\">\n          Related Blog Post\n        </Button>\n      </Callout>\n    </BottomCallout>\n  </main>\n);\n\nexport default JukeboxPage;\n"],"sourceRoot":""}