{"version":3,"file":"component---src-templates-news-page-js-5f3ca6c51e5fa28e6a6e.js","mappings":"mKAGA,SAASA,IAEL,OACI,uBAAKC,UCLc,Q,2FCsG3B,UAzFA,YACC,IAEWC,EAFZ,EADmBC,KAGPD,KACAE,EAAoCF,EAApCE,MAAOC,EAA6BH,EAA7BG,KAAMC,EAAuBJ,EAAvBI,QAASC,EAAcL,EAAdK,UAK9B,OACI,gCACI,gBAAC,IAAD,CACIC,SAAUJ,EACVK,YAAaH,EACbI,MAAOH,GAAS,GAAOA,EAAUI,KAAKC,UAAUC,YAEpD,gBAAC,IAAD,MACA,gBAAC,KAAD,KACI,gBAAC,KAAD,CACIT,MAAM,OACNU,KAAK,OACLC,UAAU,IAEd,2BAASd,UAAWe,EAAAA,IAChB,uBAAKf,UAAWe,EAAAA,IACZ,0BAAQf,UAAWe,EAAAA,IACf,qBAAGf,UAAWe,EAAAA,IAAW,wBAAMC,SAAUZ,GAAOA,IAChD,sBAAIJ,UAAWe,EAAAA,IAAaZ,IAE9BG,GACE,0BAAQN,UAAWe,EAAAA,IACf,gBAAC,KAAD,CAAOb,KAAMI,EAAUI,KAAKC,UAAWM,IAAI,eAGnD,uBAAKjB,UAAWe,EAAAA,GAAuBG,wBAAyB,CAAEC,OAAQd,OAGlF,gBAAC,KAAD,CACIF,MAAM,OACNU,KAAK,SACLO,GAAG,SACHN,UAAU,Q,6ZCtDvB,IAAIO,EAAU,IACVC,EAAc,IACdC,EAAY,IACZC,EAAc,IACdC,EAAY,IACZC,EAAe,IACfC,EAAc,IACdC,EAAW,IACXC,EAAW,IACXC,EAAkB,IAClBC,EAAmB,IACnBC,EAAS,IACTC,EAAQ,IACRC,EAAsB,IACtBC,EAAoB,IACpBC,EAA0B","sources":["webpack://love_and_peace/./src/components/atoms/Spacer.js","webpack://love_and_peace/./src/assets/css/atoms/a-spacer.module.styl","webpack://love_and_peace/./src/templates/news-page.js","webpack://love_and_peace/./src/assets/css/layouts/l-article.module.styl"],"sourcesContent":["import React from \"react\"\nimport * as css from \"@css/atoms/a-spacer.module.styl\"\n\nfunction Header()\n{\n    return (\n        <div className={css.aSpacerHeader}/>\n    )\n}\n\nexport { Header }","// extracted by mini-css-extract-plugin\nexport var aSpacerHeader = \"t\";\nexport var animationMarquee = \"u\";","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\n// import Prism from '@atoms/Prism'\nimport SEO from \"@atoms/Seo\"\nimport * as Spacer from \"@atoms/Spacer\"\nimport { Section, SectionHeader, SectionContent, SectionColumn, SectionMoreLink } from \"@layouts/Section\"\n\nimport * as css from \"@css/layouts/l-article.module.styl\"\n\n// import { gsap } from \"gsap\"\n// import { ScrollTrigger } from 'gsap/ScrollTrigger'\n// gsap.registerPlugin(ScrollTrigger)\n\nfunction NewsPage({data})\n{\n    console.log(data)\n    const { news } = data\n    const { title, date, content, thumbnail } = news\n\n    // const img = getImage(thumbnail.gatsbyImageData)\n    // const contentRef = React.useRef()\n    console.log(thumbnail)\n    return(\n        <>\n            <SEO\n                subtitle={title}\n                description={content}\n                image={thumbnail && `${thumbnail.node.localFile.publicURL}`}\n            />\n            <Spacer.Header/>\n            <Section>\n                <SectionHeader\n                    title=\"News\"\n                    text=\"ニュース\"\n                    isBorder={false}\n                />\n                <article className={css.lArticle}>\n                    <div className={css.lArticle__inner}>\n                        <header className={css.lArticle__header}>\n                            <p className={css.aDate}><time dateTime={date}>{date}</time></p>\n                            <h1 className={css.aTitle}>{title}</h1>\n                        </header>\n                        { thumbnail &&\n                            <figure className={css.lArticle__thumbnail}>\n                                <Image data={thumbnail.node.localFile} alt=\"thubmanil\" />\n                            </figure>\n                        }\n                        <div className={css.lArticle__content} dangerouslySetInnerHTML={{ __html: content }} />\n                    </div>\n                </article>\n                <SectionMoreLink\n                    title=\"More\"\n                    text=\"ニュース一覧\"\n                    to=\"/news/\"\n                    isBorder={false}\n                />\n            </Section>\n        </>\n    )\n}\n\nexport const pagerQuery = graphql`\n    fragment NewsThumbnail on ImageSharp {\n        gatsbyImageData(\n            width: 1280\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n    fragment News on WpNews {\n        acf_news {\n            category\n        }\n        slug\n        date(formatString: \"YYYY.MM.DD\")\n        title\n        content\n        uri\n        databaseId\n        thumbnail: featuredImage {\n            node {\n                localFile {\n                    publicURL\n                    childImageSharp {\n                        gatsbyImageData(\n                            width: 1280\n                            placeholder: BLURRED\n                            formats: [AUTO, WEBP]\n                            quality: 100\n                        )\n                    }\n                }\n            }\n        }\n    }\n    query NewsBySlug($id: String!){\n        news : wpNews( id: { eq: $id }){\n            ...News\n        }\n    }\n`\nexport default NewsPage","// extracted by mini-css-extract-plugin\nexport var aIframe = \"a\";\nexport var aIframeChat = \"b\";\nexport var aTagEntry = \"c\";\nexport var aTagPayment = \"d\";\nexport var aTagClose = \"e\";\nexport var aTagAnnounce = \"f\";\nexport var aTagLottery = \"g\";\nexport var aTagFree = \"h\";\nexport var lArticle = \"i\";\nexport var lArticle__inner = \"j\";\nexport var lArticle__header = \"k\";\nexport var aTitle = \"l\";\nexport var aDate = \"m\";\nexport var lArticle__thumbnail = \"n\";\nexport var lArticle__content = \"o\";\nexport var lArticle__content__info = \"p\";\nexport var animationMarquee = \"q\";"],"names":["Header","className","news","data","title","date","content","thumbnail","subtitle","description","image","node","localFile","publicURL","text","isBorder","css","dateTime","alt","dangerouslySetInnerHTML","__html","to","aIframe","aIframeChat","aTagEntry","aTagPayment","aTagClose","aTagAnnounce","aTagLottery","aTagFree","lArticle","lArticle__inner","lArticle__header","aTitle","aDate","lArticle__thumbnail","lArticle__content","lArticle__content__info"],"sourceRoot":""}