{"version":3,"sources":["webpack:///./src/pages/products/arranger/index.js","webpack:///./src/pages/products/arranger/assets/screenshot.png"],"names":["ArrangerPage","className","name","content","title","subTitle","cardText","getStartedLink","githubLinks","arranger","badge","color","text","logo","progressType","header","icon","details","iconSize","size","src","screenshot","pinnedLink","prompts","target","href","description","type","externalLink","module","exports"],"mappings":"8FAAA,4GA2MeA,UAxLM,kBACnB,0BAAMC,UAAU,YAEd,kBAAC,IAAD,KACE,gEACA,0BAAMC,KAAK,GAAGC,QAAQ,KACtB,0BACED,KAAK,WACLC,QAAQ,qQAKZ,kBAAC,IAAD,CACEC,MAAM,WACNC,SAAS,wDACTC,SAAS,8JACTC,eAAgBC,cAAYC,SAC5BC,MAAO,CAAEC,MAAO,OAAQC,KAAM,qBAC9BC,KAAK,eACLC,aAAa,OAIf,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,OAAO,eACPC,KAAK,OACLC,QAAQ,iFAEV,kBAAC,IAAD,CACEF,OAAO,eACPC,KAAK,eACLE,SAAU,GACVD,QAAQ,4EAEV,kBAAC,IAAD,CACEF,OAAO,aACPC,KAAK,SACLC,QAAQ,8EAKZ,6BAAShB,UAAU,qBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,2CAGb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,OACb,kBAAC,IAAD,CACEkB,KAAK,QACLH,KAAK,SACLD,OAAO,mBACPE,QAAQ,kEAIZ,yBAAKhB,UAAU,OACb,kBAAC,IAAD,CACEkB,KAAK,QACLH,KAAK,SACLD,OAAO,sBACPE,QAAQ,oHAIZ,yBAAKhB,UAAU,OACb,kBAAC,IAAD,CACEkB,KAAK,QACLH,KAAK,SACLD,OAAO,yBACPE,QAAQ,oFAMd,yBAAKhB,UAAU,wCACb,yBAAKmB,IAAKC,UAQlB,kBAAC,IAAD,CAAgBC,WAAW,8CAGzB,yBAAKrB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,yBAEF,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUsB,QAAS,CAAC,kDAMxB,yBAAKtB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,4BAA6B,KAE/B,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUsB,QAAS,CAAC,4BAKxB,yBAAKtB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,gDAAiD,KAEnD,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEsB,QAAS,CAAC,kFAMhB,yBAAKtB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,kBACa,IACX,uBACEuB,OAAO,SACPC,KAAK,qEAFP,eAKK,IAPP,6CASM,KAER,yBAAKxB,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEsB,QAAS,CACP,iLAOV,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEP,KAAK,eACLU,YAAY,6FACZzB,UAAU,UAEV,kBAAC,IAAD,CAAQ0B,KAAK,UAAUR,KAAK,SAASS,aAAcpB,cAAYC,SAAUO,KAAK,eAA9E,oB,qBCnMRa,EAAOC,QAAU,IAA0B,0D","file":"component---src-pages-products-arranger-index-js-7e5056f09f6613f4d176.js","sourcesContent":["import React from 'react';\nimport Helmet from 'react-helmet';\nimport {\n  H2,\n  H4,\n  Button,\n  ProductFeature,\n  ProductFeatureRow,\n  ProductHero,\n  GettingStarted,\n  BottomCallout,\n  Callout,\n  Terminal,\n  UrlBar,\n} from 'components';\nimport { githubLinks } from 'meta/config';\nimport screenshot from './assets/screenshot.png';\nimport './style.scss';\n\nconst ArrangerPage = () => (\n  <main className=\"Arranger\">\n    {/* Metadata */}\n    <Helmet>\n      <title>Overture Products - Arranger </title>\n      <meta name=\"\" content=\"\" />\n      <meta\n        name=\"keywords\"\n        content=\"Overture, data science software, bioinformatics software, open-source software, cancer research, single sign-on, facebook authentication, google authentication, user management, JSON web tokens, Spring Security, Ontario Institute for Cancer Research, OICR\"\n      />\n    </Helmet>\n\n    {/* Hero */}\n    <ProductHero\n      title=\"Arranger\"\n      subTitle=\"Data can be messy, let Arranger organize it for you. \"\n      cardText=\"Provide your administrators with the power to organize an intuitive data search interface, complete with customizable components, tables, and search terms.\"\n      getStartedLink={githubLinks.arranger}\n      badge={{ color: 'blue', text: 'Access & Download' }}\n      logo=\"logoArranger\"\n      progressType=\"rc\"\n    />\n\n    {/* Features  */}\n    <ProductFeatureRow>\n      <ProductFeature\n        header=\"User managed\"\n        icon=\"user\"\n        details=\"Sit back and relax as your administrators determine facets and search terms.\"\n      />\n      <ProductFeature\n        header=\"Customizable\"\n        icon=\"customizable\"\n        iconSize={80}\n        details=\"Use the default theme, or create a portal with your own branded theme. \"\n      />\n      <ProductFeature\n        header=\"Search API\"\n        icon=\"search\"\n        details=\"Arranger creates and manages a flexible yet powerful GraphQL search API.\"\n      />\n    </ProductFeatureRow>\n\n    {/* Target Features + Screenshot */}\n    <section className=\"bg-curve-grey pb4\">\n      <div className=\"container\">\n        <div className=\"columns column target-feature-container\">\n          {/* targets */}\n\n          <div className=\"column pt2 is-4-desktop pt2\">\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"It’s index based\"\n                details=\"Simply provide an Elasticsearch index and you’re good to go!\"\n              />\n            </div>\n\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"Built-in components\"\n                details=\"Search through a list of data-types and pre-built aggregation components like boolean, list, string and date. \"\n              />\n            </div>\n\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"Content Administration\"\n                details=\"Customize the content of your data portal display such as filters and tables.\"\n              />\n            </div>\n          </div>\n\n          {/* screenshot */}\n          <div className=\"column is-offset-1 flex items-center\">\n            <img src={screenshot} />\n          </div>\n        </div>\n      </div>\n    </section>\n\n    {/* Getting Started Terminals / steps */}\n\n    <GettingStarted pinnedLink=\"https://arranger.readthedocs.io/en/latest/\">\n      {/* Getting Started: Step 1 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">1</H2>\n          <div>\n            <H4>Clone the repo.</H4>\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['git@github.com:overture-stack/arranger.git']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 2 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">2</H2>\n          <div>\n            {' '}\n            <H4>Run docker compose.</H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['docker-compose up -d']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 3 */}\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">3</H2>\n          <div>\n            {' '}\n            <H4>Go to localhost to see arranger server.</H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <UrlBar\n            prompts={[\"<a target='_blank' href='https://localhost:8080'>http://localhost:8080</a>\"]}\n          />\n        </div>\n      </div>\n\n      {/* Getting Started: step 4 */}\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">4</H2>\n          <div>\n            {' '}\n            <H4>\n              Follow the{' '}\n              <a\n                target=\"_blank\"\n                href=\"https://arranger.readthedocs.io/en/latest/src/gettingstarted.html\"\n              >\n                quick guide\n              </a>{' '}\n              to generate demo data and a local portal!\n            </H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <UrlBar\n            prompts={[\n              \"Visit <a target='_blank' href='https://arranger.readthedocs.io/en/latest/src/gettingstarted.html'>https://arranger.readthedocs.io/en/latest/src/gettingstarted.html</a> \",\n            ]}\n          />\n        </div>\n      </div>\n    </GettingStarted>\n\n    <BottomCallout>\n      <Callout\n        icon=\"githubYellow\"\n        description=\"Provide your administrators with the power to organize an intuitive data search interface.\"\n        className=\"center\"\n      >\n        <Button type=\"primary\" size=\"medium\" externalLink={githubLinks.arranger} icon=\"githubWhite\">\n          Get Started\n        </Button>\n      </Callout>\n    </BottomCallout>\n  </main>\n);\n\nexport default ArrangerPage;\n","module.exports = __webpack_public_path__ + \"static/screenshot-0919eac6ae91f13e916a6c19d155538b.png\";"],"sourceRoot":""}