{"version":3,"file":"component---src-pages-standings-js-9f8936e04765f01c184c.js","mappings":"gMAsDMA,EAAeC,EAAAA,QAAAA,IAAAA,WAAH,mEAAGA,CAAH,iOA+BlB,UA7EkB,SAAC,GAAc,IACvBC,EADsB,EAAXC,KACQC,eAAnBF,UACR,OACE,gCACE,gBAAC,IAAD,CAAKG,MAAM,cACX,gBAAC,IAAD,KACE,gBAAC,EAAAC,QAAD,KACE,gBAAC,EAAAC,eAAD,KACE,sBAAIC,UAAU,gBAAd,wBAEA,sBAAIA,UAAU,gBAAd,sBACA,wMAKA,uOAOF,gBAAC,EAAAC,eAAD,KACE,gBAACT,EAAD,KACE,wEACA,0BACGE,EAAUQ,KAAI,SAAAC,GAAO,OACpB,sBAAIC,IAAKD,EAAQE,MACf,qBACEC,KAAMH,EAAQI,KACdC,OAAO,SACPC,IAAI,uBACHN,EAAQE","sources":["webpack://gatsby-starter-default/./src/pages/standings.js"],"sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport styled from 'styled-components';\n\nimport Seo from '../components/Seo';\nimport FadeTransition from '../components/fadeTransition';\nimport { Wrapper, ContentWrapper, SidebarWrapper } from '../components/Layout';\n\nconst IndexPage = ({ data }) => {\n  const { standings } = data.sanityCampaign;\n  return (\n    <>\n      <Seo title='Standings' />\n      <FadeTransition>\n        <Wrapper>\n          <ContentWrapper>\n            <h1 className='blockWrapper'>Check your Standings</h1>\n\n            <h2 className='blockWrapper'>How standings work</h2>\n            <p>\n              At the starting line, each participant identified a personal\n              weight-loss goal (from 0 to 25 pounds). Now teams are competing to\n              reach 100 percent of their goal by Week 12.\n            </p>\n            <p>\n              Each week, we calculate each team’s goal progress (the combined\n              average for everyone on a team). The standings show where each\n              team ranks in terms of progress toward reaching 100 percent of\n              their goal.\n            </p>\n          </ContentWrapper>\n          <SidebarWrapper>\n            <StandingsBox>\n              <h3>Select your company to see your standings:</h3>\n              <ul>\n                {standings.map(company => (\n                  <li key={company.name}>\n                    <a\n                      href={company.link}\n                      target='_blank'\n                      rel='noopener noreferrer'>\n                      {company.name}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </StandingsBox>\n          </SidebarWrapper>\n        </Wrapper>\n      </FadeTransition>\n    </>\n  );\n};\n\nconst StandingsBox = styled.div`\n  width: 100%;\n  height: 100%;\n  border: 1px solid #3a4042;\n  padding: 1.75rem;\n  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n  ul {\n    list-style: none;\n    margin: 0;\n    margin-top: 16px;\n    padding: 0;\n    li a {\n      text-decoration: none;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n`;\n\nexport const query = graphql`\n  query StandingsQuery {\n    sanityCampaign(_id: { eq: \"c0b30cde-9c45-489e-aab1-35b714d7c2e1\" }) {\n      standings {\n        link\n        name\n      }\n    }\n  }\n`;\n\nexport default IndexPage;\n"],"names":["StandingsBox","styled","standings","data","sanityCampaign","title","Wrapper","ContentWrapper","className","SidebarWrapper","map","company","key","name","href","link","target","rel"],"sourceRoot":""}