{"version":3,"sources":["webpack:///./src/pages/products/jukebox/index.js"],"names":["featureGridData","header","details","icon","JukeboxPage","className","name","content","title","subTitle","cardText","target","href","getStartedLink","logo","progressType","badge","color","text","iconSize","data","pinnedLink","prompts","description","type","size","externalLink"],"mappings":"qHAAA,iEAoBMA,GApBN,UAoBwB,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,QACE,yEACFC,KAAM,aAyKGC,UApKK,kBAClB,kBAAC,IAAD,KACE,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,0EAEE,uBAAGC,OAAO,SAASC,KAAK,iCACrB,IADH,cAFF,mCAOE,uBAAGD,OAAO,SAASC,KAAK,mCACrB,IADH,oBAEoB,KATtB,+FAeFC,eAAe,4CACfC,KAAK,cACLC,aAAa,KACbC,MAAO,CAAEC,MAAO,MAAOC,KAAM,wBAI/B,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEjB,OAAO,cACPE,KAAK,QACLgB,SAAU,GACVjB,QAAQ,qFAEV,kBAAC,IAAD,CACED,OAAO,YACPE,KAAK,SACLgB,SAAU,GACVjB,QAAQ,0IAGV,kBAAC,IAAD,CACED,OAAO,aACPE,KAAK,cACLgB,SAAU,GACVjB,QAAQ,6DAKZ,kBAAC,IAAD,CAAakB,KAAMpB,IAGnB,kBAAC,IAAD,CAAgBqB,WAAW,6CAGzB,yBAAKhB,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,CACEiB,QAAS,CACP,+DAQR,yBAAKjB,UAAU,gBACb,yBAAKA,UAAU,uBACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,wCAEF,yBAAKA,UAAU,gBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUiB,QAAS,CAAC,0CAMxB,yBAAKjB,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,CAAQiB,QAAS,CAAC,kDAMxB,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEnB,KAAK,eACLoB,YAAY,kFAEZ,kBAAC,IAAD,CACEC,KAAK,UACLC,KAAK,SACLpB,UAAU,MACVqB,aAAa,4CACbvB,KAAK,eALP,gBAWF,kBAAC,IAAD,CACEA,KAAK,YACLoB,YAAY,mFAEZ,kBAAC,IAAD,CACEC,KAAK,UACLC,KAAK,SACLpB,UAAU,MACVqB,aAAa,yEAJf","file":"component---src-pages-products-jukebox-index-js-126dc4d913040c2ad870.js","sourcesContent":["import React from 'react'\nimport Helmet from 'react-helmet'\nimport {\n  H2,\n  H4,\n  Button,\n  Layout,\n  ProductFeature,\n  ProductFeatureRow,\n  ProductHero,\n  GridFeature,\n  GettingStarted,\n  BottomCallout,\n  Callout,\n  Terminal,\n  UrlBar,\n} from '../../../components'\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:\n        'Cloud deployment for data co-location, take your analysis to the data.',\n      icon: 'target',\n    },\n  ],\n]\n\nconst JukeboxPage = () => (\n  <Layout>\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            <a target=\"_blank\" href=\"http://jupyter.org/index.html\">\n              {' '}\n              JupyterHub\n            </a>\n            . Your users can access personal\n            <a target=\"_blank\" href=\"http://jupyter.org/install.html\">\n              {' '}\n              Jupyter notebooks{' '}\n            </a>\n            in one click to do science right from the web browser in a live,\n            collaborative environment.\n          </div>\n        }\n        getStartedLink=\"https://github.com/overture-stack/jupyter\"\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=\"The setup has been done for you, all that’s left for you to do is your research.\"\n        />\n        <ProductFeature\n          header=\"Contained\"\n          icon=\"spiral\"\n          iconSize={72}\n          details=\"Users operate in a virtual machine, so everything is contained. Nothing can be broken, so experiment away with the API and data sets.\"\n        />\n\n        <ProductFeature\n          header=\"Automation\"\n          icon=\"cloudSquare\"\n          iconSize={82}\n          details=\"Cloud deployment automation through OpenStack Ansible. \"\n        />\n      </ProductFeatureRow>\n\n      {/* Target Features Things */}\n      <GridFeature data={featureGridData} />\n\n      {/* Getting Started /  Terminals */}\n      <GettingStarted pinnedLink=\"https://github.com/overture-stack/Jupyter\">\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\n              prompts={[\n                'git clone https://github.com/overture-stack/Jupyter.git',\n              ]}\n            />\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\n                and Seaborn and 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={['Visit http://localhost:<your port number>']} />\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            type=\"primary\"\n            size=\"medium\"\n            className=\"mt2\"\n            externalLink=\"https://github.com/overture-stack/jupyter\"\n            icon=\"githubWhite\"\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            type=\"primary\"\n            size=\"medium\"\n            className=\"mt2\"\n            externalLink=\"http://softeng.oicr.on.ca/kevin_hartmann/2018/03/28/Drops-of-Jupyter/\"\n          >\n            Related Blog Post\n          </Button>\n        </Callout>\n      </BottomCallout>\n    </main>\n  </Layout>\n)\n\nexport default JukeboxPage\n"],"sourceRoot":""}