{"version":3,"file":"component---src-templates-releases-js-ea843e88e6957f602c43.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/common/FormattedTitle.js","webpack://gatsby-starter-default/./src/components/common/Pagination.js","webpack://gatsby-starter-default/./src/templates/releases.js"],"sourcesContent":["import * as React from \"react\"\nimport styled from \"styled-components\"\n\nconst FormattedTitle = ({ children, forceUnderline = false }) => {\n  const formatted = children.replace(/\\*(.*?)\\*/g, '<span class=\"purple-underline\">$1</span>');\n  if (formatted.includes('purple-underline')) {\n    return (\n      <>\n        <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n      </>\n    )\n  }\n\n  // Otherwise return full title with a purple underline.\n  if (forceUnderline) {\n    return (\n      <span className=\"purple-underline\">\n        <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n      </span>\n    )\n  }\n\n  return (\n    <StyledTitle dangerouslySetInnerHTML={{ __html: formatted }} />\n  )\n}\n\nconst StyledTitle = styled.span``\n\nexport default FormattedTitle\n","import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Pagination = ({ pageContext }) => {\n  console.debug(pageContext)\n  const {\n    humanPageNumber,\n    numberOfPages,\n    nextPagePath,\n    previousPagePath,\n    pagePrefix,\n  } = pageContext\n  if (numberOfPages > 1) {\n    let pagesLinks = []\n    for (let i = 1; i < numberOfPages + 1; i++) {\n      let to = i === 1 ? `/${pagePrefix}` : `/${pagePrefix}/${i}`\n      pagesLinks.push(\n        <li className={`page-item ${humanPageNumber === i ? \"active\" : \"\"}`}>\n          <Link className=\"page-link rounded-2\" to={to}>\n            {i}\n          </Link>\n        </li>\n      )\n    }\n    return (\n      <nav>\n        <ul className=\"pagination justify-content-center\">\n          {previousPagePath !== \"\" && (\n            <li\n              className={`page-item ${humanPageNumber === 1 ? \"disabled\" : \"\"}`}\n            >\n              <Link className=\"page-link rounded-2\" to={previousPagePath}>\n                Previous\n              </Link>\n            </li>\n          )}\n          {pagesLinks.map((pageLink, index) => {\n            return pageLink\n          })}\n          {nextPagePath !== \"\" && (\n            <li\n              className={`page-item ${nextPagePath === \"\" ? \"disabled\" : \"\"}`}\n            >\n              <Link className=\"page-link rounded-2\" to={nextPagePath}>\n                Next\n              </Link>\n            </li>\n          )}\n        </ul>\n      </nav>\n    )\n  }\n  return <></>\n}\n\nexport default Pagination\n","import * as React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Layout from \"../components/layout/layout\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport FormattedTitle from \"../components/common/FormattedTitle\"\nimport Pagination from \"../components/common/Pagination\"\nimport AnimationCircleWhite from \"../components/animation/animation-circle-white\"\nimport AnimationCirclePink from \"../components/animation/animation-circle-pink\"\nimport AnimationElement1 from \"../components/animation/animation-element-1\"\nimport AnimationElement2 from \"../components/animation/animation-element-2\"\n\nconst ReleasesIndex = props => {\n  const { data, pageContext } = props\n  return (\n    <Layout>\n      <h1>\n        All <span className=\"purple-underline\">Releases</span>\n      </h1>\n      <div className=\"position-relative\" style={{ zIndex: \"2\" }}>\n        {data.drupal.nodeQuery.entities.map((entity, index) => {\n          const artistName = entity?.artist?.entity?.entityLabel || \"Unknown\"\n          const thumbnail = getImage(entity?.thumbnail || {})\n          const entityUrl = entity?.entityUrl?.path\n          return (\n            <div className=\"row py-4 py-md-4 gy-4 gy-md-0\" key={index}>\n              <div className=\"col col-12 col-md-6\">\n                {thumbnail && (\n                  <div>\n                    <Link to={entityUrl}>\n                      <GatsbyImage\n                        alt={entity?.entityLabel || \"\"}\n                        image={thumbnail}\n                        imgClassName=\"preview\"\n                        loading=\"eager\"\n                        className=\"rounded-4\"\n                      />\n                    </Link>\n                  </div>\n                )}\n              </div>\n              <div className=\"col col-12 col-md-6\">\n                <h3>\n                  <Link to={entityUrl} className=\"white\">\n                    {entity?.entityLabel}\n                  </Link>\n                </h3>\n                <h5>\n                  <FormattedTitle>{artistName}</FormattedTitle>\n                </h5>\n                <div\n                  dangerouslySetInnerHTML={{ __html: entity?.body?.value }}\n                />\n                <div\n                  className=\"embed-animation\"\n                  dangerouslySetInnerHTML={{ __html: entity?.embedCode }}\n                />\n              </div>\n            </div>\n          )\n        })}\n      </div>\n      <div className=\"py-4\">\n        <Pagination pageContext={{ ...pageContext, pagePrefix: \"releases\" }} />\n      </div>\n      <div className=\"py-4\" style={{ position: \"relative\", zIndex: 1 }}>\n        <Link to=\"/\" className=\"white\">\n          Go back to the homepage\n        </Link>\n      </div>\n      <AnimationCircleWhite\n        style={{ top: \"10%\" }}\n        className=\"animation animation-circle-white-1\"\n      />\n      <AnimationCirclePink\n        style={{ top: \"80%\" }}\n        className=\"animation animation-circle-pink-1\"\n      />\n      <AnimationElement1\n        className=\"animation\"\n        style={{\n          position: \"absolute\",\n          top: \"30%\",\n          left: \"-150px\",\n          width: \"60px\",\n        }}\n      />\n      <AnimationElement2\n        className=\"animation\"\n        style={{\n          top: \"50%\",\n          position: \"absolute\",\n          right: \"-150px\",\n          transform: \"scaleX(-1)\",\n          width: \"120px\",\n        }}\n      />\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query ($skip: Int!, $limit: Int!) {\n    drupal {\n      nodeQuery(\n        offset: $skip\n        limit: $limit\n        filter: {\n          conditions: [\n            { field: \"status\", value: \"1\", operator: EQUAL }\n            { field: \"type\", value: \"release\", operator: EQUAL }\n          ]\n        }\n        sort: { field: \"field_release_date\", direction: DESC }\n      ) {\n        entities {\n          entityId\n          entityLabel\n          entityUrl {\n            path\n          }\n          ... on Default_NodeRelease {\n            image: fieldImage {\n              url\n              id: targetId\n            }\n            body {\n              value: processed\n              summary: summaryProcessed\n            }\n            thumbnail: gatsbyImageRectThumbnail {\n              childImageSharp {\n                gatsbyImageData(width: 480, height: 480)\n              }\n            }\n            artist: fieldArtist {\n              entity {\n                entityId\n                entityLabel\n              }\n            }\n            url: fieldUrl {\n              value\n              processed\n            }\n            releaseDate: fieldReleaseDate {\n              value\n              date\n            }\n            embedCode: fieldEmbedCode\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default ReleasesIndex\n"],"names":["StyledTitle","styled","children","forceUnderline","formatted","replace","includes","dangerouslySetInnerHTML","__html","className","pageContext","console","debug","humanPageNumber","numberOfPages","nextPagePath","previousPagePath","pagePrefix","pagesLinks","i","to","push","Link","map","pageLink","index","props","data","style","zIndex","drupal","nodeQuery","entities","entity","artistName","artist","entityLabel","thumbnail","getImage","entityUrl","path","key","G","alt","image","imgClassName","loading","body","value","embedCode","position","top","left","width","right","transform"],"sourceRoot":""}