{"version":3,"sources":["webpack://alliance-for-young-artists-and-writers/./src/components/gallery-widget.js","webpack://alliance-for-young-artists-and-writers/./src/assets/images/gallery-placeholders/videoGameDesign1.jpg","webpack://alliance-for-young-artists-and-writers/./src/components/gallery/gallery-card.js","webpack://alliance-for-young-artists-and-writers/./src/components/gallery/gallery-data.js","webpack://alliance-for-young-artists-and-writers/./src/components/home-callout.js","webpack://alliance-for-young-artists-and-writers/./src/assets/images/uploads/home-feature-sample-1.jpg","webpack://alliance-for-young-artists-and-writers/./src/assets/images/uploads/home-feature-sample-2.jpg","webpack://alliance-for-young-artists-and-writers/./src/assets/images/uploads/home-feature-sample-3.png","webpack://alliance-for-young-artists-and-writers/./src/assets/images/uploads/home-feature-sample-4.jpg","webpack://alliance-for-young-artists-and-writers/./src/pages/index.js"],"names":["GalleryEndpoints","state","work","students","getStudents","winners","personName","concat","collaborators","setState","componentDidMount","this","props","id","console","log","categoryName","workId","String","isOldApi","length","fetch","process","headers","Accept","then","response","json","responseJson","catch","error","render","Location","location","assetType","className","Link","oldLocation","JSON","parse","stringify","title","to","src","thumbUrl","alt","VgLogo","isArt","isFutureNew","isWriting","style","backgroundColor","writingColor","position","top","left","excerpt","width","height","zIndex","background","Component","galleryWidgetRandom","galleryRandom","galleryRandomNoPage","byLines","MenuHero","StaticQuery","query","data","aria-label","allWpMenu","nodes","menuItems","map","menuItem","i","key","role","path","label","backgroundImage","useState","openSection","setOpenSection","toggleSection","isHomePage","description","site","siteMetadata","href","imgFeature1","imgFeature2","imgFeature3","imgFeature4"],"mappings":"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","file":"component---src-pages-index-js-73fef99b00265f564fa8.js","sourcesContent":["import React, { Component } from \"react\"\nimport { Link } from \"gatsby\"\nimport GalleryCard from \"./gallery/gallery-card\"\nimport GalleryEndpoints from \"./gallery/gallery-data\"\n\nconst galleryQuery = GalleryEndpoints.galleryWidgetRandom\n\nconst writingColorArray = [\n  \"rgba(69, 148, 61, 1)\",\n  \"rgba(243, 120, 54, .8)\",\n  \"rgba(229, 81, 45, 1)\",\n  \"rgba(46, 146, 153, 1)\",\n  \"rgba(46, 147, 154, 1)\",\n  \"rgba(44, 132, 201, 1)\"\n]\n\nexport class GalleryWidget extends Component {\n  state = {\n    works: [],\n    endpoints: GalleryEndpoints\n  }\n\n  componentDidMount() {\n    const worksArray = [];\n\n    let randomPage = Math.floor(Math.random() * Math.floor(20));\n    const galleryQuery = GalleryEndpoints.galleryRandomNoPage + String(0) \n    fetch(process.env.GATSBY_ORS_GALLERY + galleryQuery)\n      .then(response => response.json())\n      .then(responseJson => {\n         let i = 0\n          for(i = 0; i < 3; i++) {\n            worksArray.push(responseJson.arts.works[i])\n          }\n          let randomNum = Math.floor(Math.random() * Math.floor(4));\n\n          worksArray.splice(randomNum, 0, responseJson.writings.works[0]);\n\n        this.setState({ works: worksArray })\n      })\n      .catch(error => {\n        console.log(\"error\", error)\n      })\n  }\n\n  render() {\n    return (\n      \n        <div className=\"gallery-widget\">\n          <h2>Gallery</h2>\n          <ul>\n          {this.state.works.map((work, index) => {\n                const writingColor =\n                  writingColorArray[\n                    Math.floor(Math.random() * writingColorArray.length)\n                  ]\n\n                return (\n                  <GalleryCard\n                    key={work.id}\n                    work={work}\n                    writingColor={writingColor}\n                  />\n             \n                )\n              })}\n          </ul>\n       \n          <Link to=\"/gallery\" className=\"button\">\n            View More Works\n          </Link>\n        </div>\n      \n    )\n  }\n}\n\nexport default GalleryWidget\n","export default __webpack_public_path__ + \"static/videoGameDesign1-1bbbf70f44ee32b88a7179d001f3deb2.jpg\";","import React, { Component } from \"react\"\nimport VgLogo from \"../../assets/images/gallery-placeholders/videoGameDesign1.jpg\"\nimport { Link, Location } from \"@reach/router\"\n\nexport class GalleryCard extends Component {\n  state = {\n    work: {},\n    students: [],\n  }\n\n  getStudents = work => {\n    let winners = [work.personName].concat(work.collaborators)\n    this.setState({ students: winners })\n    // console.log(`this.state.students = `, this.state.students);\n  }\n\n  componentDidMount() {\n    if (!this.props.work || !this.props.work.id) {\n      console.log(\"No work data available yet, waiting...\");\n      return;\n    }\n    console.log(this.props);\n    console.log(this.props.work.categoryName);\n  \n    // console.log(\"GalleryCard mounted with work ID:\", this.props.work.id);\n\n\n    const workId = String(this.props.work.id);\n    // console.log(`workId = ${workId}`)\n    // console.log(`workId length = ${workId.length}`)\n    const isOldApi = workId.length === 6; // Check if the work ID is 6 digits long\n\n    // if(workId.length === 6) {\n    //   console.log(`shoudl call old API`)\n    // } else {\n    //   console.log(`should call new api`)\n    // }\n\n    // Determine the appropriate API to use\n    const galleryApiUrl = isOldApi \n      ? process.env.GATSBY_ORS_GALLERY + \"/\" + workId\n      : process.env.GATSBY_PORTAL_GALLERY + workId; // try without extra slash?\n\n    // if (this.props.work.categoryName === \"Writing Portfolio\") {\n    //   console.log(`writing port here`)\n    //   // this.setState(\n    //   //   {\n    //   //     work: this.props.work,\n    //   //   },\n    //   //   () => {\n    //   //     this.getStudents(this.props.work)\n    //   //   }\n    //   // )\n    //   // new add fetch\n    //   fetch(galleryApiUrl, {\n    //     headers: {\n    //       Accept: \"application/json\"\n    //     },\n    //   })\n    //     .then(response => response.json())\n    //     // .then(responseJson => console.log(responseJson)) // getting portfolio objects\n    //     .then(responseJson => {\n    //       this.setState(\n    //         {\n    //           work: responseJson,\n    //         },\n    //         () => {\n    //           this.getStudents(this.state.work)\n    //         }\n    //       )\n    //     })\n    //     .catch(error => {\n    //       console.log(\"error\", error)\n    //     })\n    // } else {\n      fetch(galleryApiUrl, {\n        headers: {\n          Accept: \"application/json\"\n        },\n      })\n        .then(response => response.json())\n        .then(responseJson => {\n          this.setState(\n            {\n              work: responseJson,\n            },\n            () => {\n              this.getStudents(this.state.work)\n            }\n          )\n        })\n        .catch(error => {\n          console.log(\"error\", error)\n        })\n    }\n  // }\n  \n  render() {\n\n    return (\n      <Location>\n        {({ location }) => (\n          <div>\n            {this.props.work.assetType == \"video\"  ? (\n              <li className=\"gallery-art\">\n                <div className=\"video-content-box\">\n                  <Link\n                    state={{\n                      oldLocation: JSON.parse(JSON.stringify(location)),\n                      title: this.props.work.title,\n                      students: this.state.students,\n                      work: this.state.work,\n                    }}\n                    to={\"/gallery/\" + this.props.work.id}\n                  >\n                    <img\n                      src={this.props.work.thumbUrl}\n                      alt={`${this.props.work.title} by ${this.props.work.personName}`}\n                    />\n                    <span className=\"overlay\">\n                      <span>{this.props.work.personName}</span>\n                    </span>\n                  </Link>\n                </div>\n              </li>\n            ) : this.props.work.categoryName == \"Video Game Design\" ? (\n              <li className=\"gallery-art\">\n                <div className=\"gallery-content-box\">\n                  <Link\n                    state={{\n                      oldLocation: JSON.parse(JSON.stringify(location)),\n                      title: this.props.work.title,\n                      students: this.state.students,\n                      work: this.state.work,\n                    }}\n                    to={\"/gallery/\" + this.props.work.id}\n                  >\n                    <img\n                      src={VgLogo}\n                      alt={`${this.props.work.title} by ${this.props.work.personName}`}\n                    />\n                    <span className=\"overlay\">\n                      <span>{this.props.work.personName}</span>\n                    </span>\n                  </Link>\n                </div>\n              </li>\n            ) : this.props.work.isArt == true || this.props.work.isFutureNew ? (\n              <li className=\"gallery-art\">\n                <div className=\"gallery-content-box\">\n                  <Link\n                    state={{\n                      oldLocation: JSON.parse(JSON.stringify(location)),\n                      title: this.props.work.title,\n                      students: this.state.students,\n                      work: this.state.work,\n                    }}\n                    to={\"/gallery/\" + this.props.work.id}\n                  >\n                    <img\n                      src={this.props.work.thumbUrl}\n                      alt={`${this.props.work.title} by ${this.props.work.personName}`}\n                    />\n                    <span className=\"overlay\">\n                      <span>{this.props.work.personName}</span>\n                    </span>\n                  </Link>\n                </div>\n              </li>\n            ) : this.props.work.isWriting && this.props.work.isFutureNew ? (\n              <li className=\"gallery-art\">\n                <div className=\"gallery-content-box\">\n                  <Link\n                    state={{\n                      oldLocation: JSON.parse(JSON.stringify(location)),\n                      title: this.props.work.title,\n                      students: this.state.students,\n                      work: this.state.work,\n                    }}\n                    to={\"/gallery/\" + this.props.work.id}\n                  >\n                    <img\n                      src={this.props.work.thumbUrl}\n                      alt={`${this.props.work.title} by ${this.props.work.personName}`}\n                    />\n                    <span className=\"overlay\">\n                      <span>{this.props.work.personName}</span>\n                    </span>\n                  </Link>\n                </div>\n              </li>\n            ) : (\n              <li className=\"gallery-writing\">\n                <Link\n                  state={{\n                    oldLocation: JSON.parse(JSON.stringify(location)),\n                    title: this.props.work.title,\n                    students: this.state.students,\n                    work: this.state.work,\n                  }}\n                  to={\"/gallery/\" + this.props.work.id}\n                >\n                  <span\n                    className=\"text\"\n                    style={{ backgroundColor: this.props.writingColor }}\n                  >\n                    <div style={{ position: \"absolute\", top: \"0\", left: \"0\" }}>\n                      {this.props.work.excerpt}\n                    </div>\n                    <span\n                      style={{\n                        position: \"absolute\",\n                        top: \"0\",\n                        left: \"0\",\n                        width: \"100%\",\n                        height: \"100%\",\n                        zIndex: 0,\n                        background: `-moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, ${this.props.writingColor} 82%)`,\n                        background: `-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, ${this.props.writingColor}82%)`,\n                        background: `linear-gradient(90deg, rgba(255,255,255,0) 0%, ${this.props.writingColor} 82%)`,\n                      }}\n                    ></span>\n                  </span>\n                  <span className=\"overlay\">\n                    <span>{this.props.work.personName}</span>\n                  </span>\n                </Link>\n              </li>\n            )}\n          </div>\n        )}\n      </Location>\n    )\n  }\n}\n\nexport default GalleryCard\n","\nconst GalleryEndpoints = {\n\n\tgalleryWidgetRandom: \"/random?r.art_number=3&r.writing_number=3&r.year=2023&r.page=0\",\n\tgalleryRandom: \"/random?r.art_number=8&r.writing_number=8&r.year=2023&r.page=0\" ,\n\tgalleryRandomNoPage: \"/random?r.art_number=8&r.writing_number=8&r.year=2023&r.page=\"\n\t\n}\n\nexport default GalleryEndpoints","import React from \"react\"\nimport { StaticQuery, graphql, Link } from \"gatsby\"\n\nimport arrow from \"../assets/images/common/arrow-white.svg\"\n\nconst byLines = [\n  \"Discover how entering the Scholastic Awards opens the door for recognition, scholarships, and more\", \n  \"Exhibitions and workshop for teens, professional development for educators\", \n  \"Empower creative teens and elevate youth voices with your support\"\n]\n\nexport default function MenuHero() {\n  return (\n    <StaticQuery\n      query={graphql`\n        query MenuHeroQuery {\n          allWpMenu(filter: { slug: { eq: \"hero\" } }) {\n            nodes {\n              id\n              name\n              databaseId\n              menuItems {\n                nodes {\n                  id\n                  parentId\n                  label\n                  url\n                  path\n                }\n              }\n            }\n          }\n        }\n      `}\n      render={data => (\n        <section id=\"home-callouts\" aria-label=\"Home Call Out Menu\">\n          <ul>\n            {data.allWpMenu.nodes[0].menuItems.nodes.map((menuItem, i) => {\n              return (\n                <li key={i} role=\"none\">\n                  <Link to={menuItem.path}>\n                    <span className=\"title\"> {menuItem.label} </span>\n                    <span className=\"text\">\n                      {byLines[i]}\n                    </span>\n                    <span className=\"arrow\" style={{ backgroundImage: \"url(\" + arrow + \")\" }}></span>\n                  </Link>\n                </li>\n              )\n            })}\n          </ul>\n        </section>\n      )}\n    />\n  )\n}\n","export default __webpack_public_path__ + \"static/home-feature-sample-1-0302cc57ca4494e1659842d5e94de64e.jpg\";","export default __webpack_public_path__ + \"static/home-feature-sample-2-46ddf329d4b2f44429ca6d5a934cf28e.jpg\";","export default __webpack_public_path__ + \"static/home-feature-sample-3-48362902a470bea1825b05fc6ce6cd9b.png\";","export default __webpack_public_path__ + \"static/home-feature-sample-4-50f5823a4d0d1c5271ad3d5948714604.jpg\";","import React, { useState } from \"react\";\nimport { Link, graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\n\nimport { OutboundLink } from \"gatsby-plugin-google-gtag\"\n\nimport HomeCallout from \"../components/home-callout\"\nimport GalleryWidget from \"../components/gallery-widget\"\n\nimport imgFeature1 from \"../assets/images/uploads/home-feature-sample-1.jpg\"\nimport imgFeature2 from \"../assets/images/uploads/home-feature-sample-2.jpg\"\nimport imgFeature3 from \"../assets/images/uploads/home-feature-sample-3.png\"\nimport imgFeature4 from \"../assets/images/uploads/home-feature-sample-4.jpg\"\n\nconst Home = ({ data }) => {\n\n  const [openSection, setOpenSection] = useState(false);\n  const toggleSection = () => {\n    setOpenSection(!openSection);\n  };\n\n  return (\n    <Layout toggleSection={toggleSection} isHomePage>\n            <Seo\n        title=\"Home\"\n        description={data.site.siteMetadata.description}\n      />\n\n      <div id=\"home\">\n        <section id=\"home-hero\">\n          <div id=\"home-hero-overlay\">\n            <span>Supporting the Future of Creativity since 1923</span>\n          </div>\n        </section>\n\n        <HomeCallout />\n\n\n\n        <section id=\"home-features\">\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<OutboundLink href=\"https://newsroom.artandwriting.org\">\n\t\t\t\t\t\t\t\t<img src={imgFeature1} width=\"800\" height=\"800\" alt=\"Art by First Lastname\" />\n\t\t\t\t\t\t\t\t<span className=\"overlay\"><span>Scholastic Awards News</span></span>\n\t\t\t\t\t\t\t</OutboundLink>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Link to=\"/gallery\">\n\t\t\t\t\t\t\t\t<img src={imgFeature2} width=\"800\" height=\"800\" alt=\"Art by First Lastname\" />\n\t\t\t\t\t\t\t\t<span className=\"overlay\"><span>Award-Winning Works</span></span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Link to=\"/scholarships\">\n\t\t\t\t\t\t\t\t<img src={imgFeature3} width=\"800\" height=\"800\" alt=\"Art by First Lastname\" />\n\t\t\t\t\t\t\t\t<span className=\"overlay\"><span>Learn About Scholarships</span></span>\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n            <OutboundLink href=\"https://portal.artandwriting.org/\">\n\t\t\t\t\t\t\t\t<img src={imgFeature4} width=\"800\" height=\"800\" alt=\"Art by First Lastname\" />\n\t\t\t\t\t\t\t\t<span className=\"overlay\"><span>Create Your Account</span></span>\n\t\t\t\t\t\t\t</OutboundLink>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</section>\n      \n\n        {/* <section id=\"home-gallery\">\n        <GalleryWidget />\n\n        </section> */}\n      </div>\n\n\n    </Layout>\n  )\n}\n\nexport default Home\n\nexport const pageQuery = graphql`\n  query HomePageQuery {\n    site {\n      siteMetadata {\n        author\n        description\n        title\n      }\n    }\n  }\n`"],"sourceRoot":""}