{"version":3,"sources":["webpack://typescriptlang-org/./src/pages/branding.tsx"],"names":["Row","props","className","join","children","Index","title","description","lang","id","href","withPrefix","src","style","maxWidth","alt","textAlign","flex","margin","locale"],"mappings":"gLAUMA,EAAM,SAACC,GAAD,OAAkD,uBAAKC,UAAW,CAACD,EAAMC,UAAW,OAAOC,KAAK,MAAOF,EAAMG,WAEnHC,EAAyB,SAACJ,GAC9B,OACE,gCACE,gBAAC,IAAD,CAAQK,MAAM,WAAWC,YAAY,0BAA0BC,KAAK,SAClE,uBAAKC,GAAG,YACN,sCACA,sBAAIP,UAAU,UAAd,0CAEA,uBAAKA,UAAU,8CACb,qBAAGQ,MAAMC,gBAAW,2CAClB,uBAAKC,KAAKD,gBAAW,qCAAsCE,MAAO,CAAEC,SAAU,QAAUC,IAAI,0BAC5F,qBAAGF,MAAO,CAAEG,UAAW,WAAvB,sCAIJ,6CAEA,gBAAChB,EAAD,CAAKE,UAAU,sCACb,qBAAGW,MAAO,CAAEI,KAAM,IAAlB,iFACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,+GACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,8DACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,mEAGF,0CAEA,uBAAKf,UAAU,sBACb,gBAACF,EAAD,KACE,uBAAKE,UAAU,iDACb,qBAAGQ,MAAMC,gBAAW,0CAA2CL,MAAM,8BACnE,uBAAKM,KAAKD,gBAAW,kCAAmCE,MAAO,CAAEC,SAAU,OAAQI,OAAQ,UAAaH,IAAI,4CAE9G,qBAAGb,UAAU,mBAAb,qGAGF,uBAAKA,UAAU,iDACb,qBAAGQ,MAAMC,gBAAW,0CAA2CL,MAAM,8BACnE,uBAAKM,KAAKD,gBAAW,oCAAqCE,MAAO,CAAEC,SAAU,OAAQI,OAAQ,UAAYH,IAAI,+EAE/G,qBAAGb,UAAU,mBAAb,uDAKN,qCAEA,uBAAKA,UAAU,8CACb,qBAAGQ,MAAMC,gBAAW,0CAA2CL,MAAM,8BACnE,uBAAKM,KAAKD,gBAAW,+BAAgCE,MAAO,CAAEC,SAAU,QAAUC,IAAI,kFAI1F,uBAAKb,UAAU,8CACb,qBAAGQ,MAAMC,gBAAW,0CAA2CL,MAAM,8BACnE,uBAAKM,KAAKD,gBAAW,kCAAmCE,MAAO,CAAEC,SAAU,QAAWC,IAAI,kFAK9F,0CAEA,gBAACf,EAAD,CAAKE,UAAU,sCACb,qBAAGW,MAAO,CAAEI,KAAM,IAAlB,0DACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,4CACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,+DACA,qBAAGJ,MAAO,CAAEI,KAAM,IAAlB,8EAQZ,mBAAgBhB,GAAD,OAAkB,gBAAC,IAAD,CAAMkB,OAAO,MAAK,gBAACd,EAAUJ","file":"component---src-pages-branding-tsx-123a19c4cf9feb5748ad.js","sourcesContent":["import * as React from \"react\"\nimport { Layout } from \"../components/layout\"\nimport { withPrefix } from \"gatsby\"\n\nimport { Intl } from \"../components/Intl\"\n\nimport \"./branding.scss\"\n\ntype Props = {}\n\nconst Row = (props: { children: any, className?: string }) => <div className={[props.className, \"row\"].join(\" \")}>{props.children}</div>\n\nconst Index: React.FC<Props> = (props) => {\n  return (\n    <>\n      <Layout title=\"Branding\" description=\"Logos and design assets\" lang=\"zh-CN\" >\n        <div id=\"branding\">\n          <h1>Branding</h1>\n          <h2 className=\"subnav\">Logos and design assets for TypeScript</h2>\n\n          <div className=\"raised content main-content-block headline\">\n            <a href={withPrefix(\"/branding/typescript-design-assets.zip\")}>\n              <img src={withPrefix(\"images/branding/logo-grouping.svg\")} style={{ maxWidth: \"100%\" }} alt=\"Examples of the logos\" />\n              <p style={{ textAlign: \"center\" }}>Click to download the asset pack</p>\n            </a>\n          </div>\n\n          <h2>Recommendations</h2>\n\n          <Row className=\"main-content-block recommendations\">\n            <p style={{ flex: 1 }}>Please use the blue TypeScript mark above as the primary logo for TypeScript.</p>\n            <p style={{ flex: 1 }}>This is the right logo for blog posts, news articles, giveaway stickers and general marketing for yourself.</p>\n            <p style={{ flex: 1 }}>The “TS” in the logo is white, not transparent by default.</p>\n            <p style={{ flex: 1 }}>There is a capital “S” in TypeScript, just like in JavaScript.</p>\n          </Row>\n\n          <h2>Alternatives</h2>\n\n          <div className=\"main-content-block\">\n            <Row>\n              <div className=\"raised content main-content-block subheadline\">\n                <a href={withPrefix(\"/branding/typescript-design-assets.zip\")} title=\"Download the design assets\">\n                  <img src={withPrefix(\"images/branding/two-colors.svg\")} style={{ maxWidth: \"100%\", margin: \"2rem 0\" }}  alt=\"Examples of the logos as single colors\" />\n                </a>\n                <p className=\"attached-bottom\">Single color variant which has the “TS” cut out, useful for when you need a single color design.</p>\n              </div>\n\n              <div className=\"raised content main-content-block subheadline\">\n                <a href={withPrefix(\"/branding/typescript-design-assets.zip\")} title=\"Download the design assets\">\n                  <img src={withPrefix(\"images/branding/two-longform.svg\")} style={{ maxWidth: \"100%\", margin: \"2rem 0\" }} alt=\"Examples of the logos as long-form. e.g. saying 'TypeScript' and not 'TS'\" />\n                </a>\n                <p className=\"attached-bottom\">Full lettermark version of the TypeScript logo. </p>\n              </div>\n            </Row>\n          </div>\n\n          <h2>Palette</h2>\n\n          <div className=\"raised content main-content-block headline\">\n            <a href={withPrefix(\"/branding/typescript-design-assets.zip\")} title=\"Download the design assets\">\n              <img src={withPrefix(\"images/branding/palette.svg\")} style={{ maxWidth: \"100%\" }} alt=\"Examples of the palette, you can get this in ASCII inside the design assets\" />\n            </a>\n          </div>\n\n          <div className=\"raised content main-content-block headline\">\n            <a href={withPrefix(\"/branding/typescript-design-assets.zip\")} title=\"Download the design assets\">\n              <img src={withPrefix(\"images/branding/palette-bg.svg\")} style={{ maxWidth: \"100%\" }}  alt=\"Examples of the palette, you can get this in ASCII inside the design assets\" />\n            </a>\n          </div>\n\n\n          <h2>Please Don't</h2>\n\n          <Row className=\"main-content-block recommendations\">\n            <p style={{ flex: 1 }}>Use the TypeScript logos for your application/product.</p>\n            <p style={{ flex: 1 }}>Modify the shape of the logos when used.</p>\n            <p style={{ flex: 1 }}>Integrate the TypeScript logo into your application's logo.</p>\n            <p style={{ flex: 1 }}>Name a product which implies TypeScript's endorsement of the product.</p>\n          </Row>\n        </div>\n      </Layout>\n    </>\n  )\n}\n\nexport default (props: Props) => <Intl locale=\"en\"><Index {...props} /></Intl>\n\n"],"sourceRoot":""}