{"version":3,"file":"component---src-templates-post-it-template-js-eaa9f3380333eead8054.js","mappings":"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","sources":["webpack://gatsby-starter-glass/./src/components/header-it.js","webpack://gatsby-starter-glass/./src/components/layout-it.js","webpack://gatsby-starter-glass/./src/components/tags.js","webpack://gatsby-starter-glass/./src/templates/post-it-template.js"],"sourcesContent":["import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"gatsby\";\r\nimport Container from \"./container\";\r\nimport ThemeSwitch from \"./theme-switch\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\nconst HEADER_NAV_ITEM = [\r\n  {\r\n    label: \"Tutte le ricette\",\r\n    url: \"/ricette/\",\r\n    isExternal: false,\r\n  },\r\n  {\r\n    label: \">>> Canale YouTube <<<\",\r\n    url: \"https://www.youtube.com/@ilcucinologo\",\r\n    isExternal: true,\r\n  },\r\n  {\r\n    label: \"English\",\r\n    url: \"/en\",\r\n    isExternal: false,\r\n  }\r\n  /*\r\n  {\r\n    label: \"Dolci\",\r\n    url: \"/contact\",\r\n    isExternal: false,\r\n  },\r\n  */\r\n];\r\n\r\nconst Header = () => {\r\n  const { site } = useStaticQuery(\r\n    graphql`\r\n      query {\r\n        site {\r\n          siteMetadata {\r\n            title\r\n          }\r\n        }\r\n      }\r\n    `\r\n  );\r\n\r\n  return (\r\n    <StyledHeader>\r\n      <HeaderWrapper>\r\n        <HeaderTitle>\r\n          <Link to=\"/\">{site.siteMetadata.title}</Link>\r\n        </HeaderTitle>\r\n\r\n        <HeaderNavList>\r\n          {HEADER_NAV_ITEM.map((item, index) => {\r\n            if (item.isExternal) {\r\n              return (\r\n                <HeaderNavListItem key={index}>\r\n                  <a href={item.url} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    {item.label}\r\n                  </a>\r\n                </HeaderNavListItem>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <HeaderNavListItem key={index}>\r\n                <Link to={item.url}>{item.label}</Link>\r\n              </HeaderNavListItem>\r\n            );\r\n          })}\r\n        </HeaderNavList>\r\n      </HeaderWrapper>\r\n    </StyledHeader>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n\r\nconst HeaderNavList = ({ children }) => {\r\n  return (\r\n    <StyledNav>\r\n      <StyledNavList>{children}</StyledNavList>\r\n    </StyledNav>\r\n  );\r\n};\r\n\r\nconst HeaderNavListItem = ({ children }) => {\r\n  return <StyledNavListItem>{children}</StyledNavListItem>;\r\n};\r\n\r\nconst StyledHeader = styled.header`\r\n  padding-top: var(--size-300);\r\n`;\r\n\r\nconst HeaderWrapper = styled(Container)`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n`;\r\n\r\nconst HeaderTitle = styled.div`\r\n  & a {\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    font-size: var(--size-400);\r\n    color: inherit;\r\n  }\r\n`;\r\n\r\nconst StyledNav = styled.nav`\r\n  position: static;\r\n  padding: 0;\r\n  background: transparent;\r\n  backdrop-filter: unset;\r\n`;\r\n\r\nconst StyledNavList = styled.ul`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  justify-content: space-around;\r\n  padding: 0;\r\n  list-style-type: none;\r\n`;\r\n\r\nconst StyledNavListItem = styled.li`\r\n  &:not(:last-of-type) {\r\n    margin-right: 2rem;\r\n  }\r\n  @media screen and (max-width: 700px) {\r\n    &:not(:last-of-type) {\r\n      margin-right: 1rem;\r\n    }\r\n  }\r\n  & a {\r\n    color: inherit;\r\n    text-transform: uppercase;\r\n    font-size: var(--size-300);\r\n    text-decoration: none;\r\n    letter-spacing: 0.1rem;\r\n  }\r\n  @media screen and (max-width: 700px) {\r\n    & a {\r\n      font-size: 0.7rem;\r\n    }\r\n  }\r\n`;\r\n","import React, { Fragment } from \"react\";\r\nimport Seo from \"./seo\";\r\nimport Header from \"./header-it\";\r\nimport Footer from \"./footer\";\r\nimport Container from \"./container\";\r\nimport GlobalStyle from \"./global-styles\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Layout = ({ children, title, description, socialImage = \"\", url_path }) => {\r\n  return (\r\n    <Fragment>\r\n      <GlobalStyle />\r\n      <Seo title={title} description={description} socialImage={socialImage} url={url_path} />\r\n      <LayoutWrapper>\r\n        <Header />\r\n        <main>\r\n          <Container>{children}</Container>\r\n        </main>\r\n        <Footer />\r\n      </LayoutWrapper>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default Layout;\r\n\r\nconst LayoutWrapper = styled.div`\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  & main {\r\n    margin-top: auto;\r\n    margin-bottom: auto;\r\n  }\r\n\r\n  & footer {\r\n    margin-top: auto;\r\n  }\r\n`;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"gatsby\";\r\n\r\nconst toKebabCase = (str) => {\r\n  return str\r\n    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)\r\n    .map((x) => x.toLowerCase())\r\n    .join(\"-\");\r\n};\r\n\r\nconst Tags = ({ tags }) => {\r\n  return (\r\n    <div>\r\n      {tags &&\r\n        tags\r\n        .map((tag) => {\r\n          return (\r\n            <Tag key={tag}>\r\n              <Link to={`/tags/${toKebabCase(tag)}`}>{tag}</Link>\r\n            </Tag>\r\n          );\r\n        })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tags;\r\n\r\nconst Tag = styled.span`\r\n  margin-right: 0.6rem;\r\n  margin-bottom: 0.6rem;\r\n  text-transform: uppercase;\r\n  font-size: var(--size-300);\r\n\r\n  & a {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    padding: 0.2rem 0.6rem;\r\n    border: 1px solid rgba(255, 255, 255, 1);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  & a:hover {\r\n    background-color: rgba(255, 255, 255, 0.9);\r\n  }\r\n\r\n  body.light-mode & a {\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n  }\r\n\r\n  body.light-mode & a:hover {\r\n    background-color: rgba(255, 255, 255, 1);\r\n  }\r\n\r\n  body.dark-mode & a {\r\n    background-color: #212122;\r\n    border: 1px solid #1a1a1b;\r\n    opacity: 0.8;\r\n  }\r\n`;\r\n","import React, { useEffect, useCallback } from 'react';\r\nimport { Link, graphql, navigate } from 'gatsby';\r\nimport Layout from \"../components/layout-it\";\r\nimport styled from \"styled-components\";\r\nimport Tags from \"../components/tags\";\r\n\r\n//import { useLocation } from '@reach/router';\r\n\r\nconst PostTemplate = ({ data, pageContext }) => {\r\n  //const location = useLocation();\r\n  //console.log(\"Current location:\", location);\r\n\r\n  const { frontmatter, excerpt, html } = data.markdownRemark;\r\n  const { url } = pageContext;\r\n\r\n  const prev = data.prev;\r\n  const next = data.next;\r\n\r\n  const handleKeyDown = useCallback((event) => {\r\n    if (event.key === 'ArrowRight' && next) {\r\n      navigate(next.fields.slug);\r\n    } else if (event.key === 'ArrowLeft' && prev) {\r\n      navigate(prev.fields.slug);\r\n    }\r\n  }, [prev, next]);\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('keydown', handleKeyDown);\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeyDown);\r\n    };\r\n  }, [handleKeyDown]);\r\n\r\n  const socialImageUrl = frontmatter.social_image ? frontmatter.social_image.publicURL\r\n  : '/media/profile-image.jpg'; // Percorso di un'immagine di fallback\r\n\r\n  return (\r\n    <Layout\r\n      title={frontmatter.title}\r\n      description={frontmatter.description || excerpt}\r\n      socialImage={socialImageUrl}\r\n      url_path={url}\r\n    >\r\n      <PostWrapper>\r\n        <article>\r\n          <PostTitle>{frontmatter.title}</PostTitle>\r\n          <PostDate>{frontmatter.date}</PostDate>\r\n\r\n          <PostContent dangerouslySetInnerHTML={{ __html: html }} />\r\n        </article>\r\n\r\n        <PostPagination>\r\n          {prev && (\r\n            <div>\r\n              <span>precedente</span>\r\n              <Link to={prev.fields.slug}> {prev.frontmatter.title}</Link>\r\n            </div>\r\n          )}\r\n\r\n          {next && (\r\n            <div>\r\n              <span>successiva</span>\r\n              <Link to={next.fields.slug}> {next.frontmatter.title}</Link>\r\n            </div>\r\n          )}\r\n        </PostPagination>\r\n        <Tags tags={frontmatter.tags} />\r\n      </PostWrapper>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default PostTemplate;\r\n\r\nconst PostWrapper = styled.div`\r\n  padding-top: var(--size-900);\r\n  padding-bottom: var(--size-900);\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  max-width: 70ch;\r\n  word-wrap: break-word;\r\n`;\r\n\r\nconst PostTitle = styled.h1`\r\n  font-size: var(--size-700);\r\n`;\r\n\r\nconst PostDate = styled.span`\r\n  font-size: var(--size-400);\r\n  display: block;\r\n  margin-top: 0.5rem;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nconst PostContent = styled.section`\r\n  padding-top: var(--size-800);\r\n\r\n  & > * + * {\r\n    margin-top: var(--size-300);\r\n  }\r\n\r\n  & > p + p {\r\n    margin-top: var(--size-300);\r\n  }\r\n\r\n  * + h1,\r\n  * + h2,\r\n  * + h3 {\r\n    margin-top: var(--size-600);\r\n  }\r\n\r\n  h1 {\r\n    font-size: var(--size-700);\r\n  }\r\n\r\n  h2 {\r\n    font-size: var(--size-600);\r\n  }\r\n\r\n  h3 {\r\n    font-size: var(--size-500);\r\n  }\r\n\r\n  b,\r\n  strong {\r\n    font-weight: 600;\r\n  }\r\n\r\n  a {\r\n    color: inherit;\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 0.125rem;\r\n  }\r\n\r\n  blockquote {\r\n    padding-left: var(--size-400);\r\n    border-left: 5px solid;\r\n    font-style: italic;\r\n  }\r\n\r\n  code {\r\n    font-family: \"Source Sans Pro\", monospace;\r\n    overflow-x: auto;\r\n    white-space: pre-wrap;\r\n  }\r\n\r\n  pre {\r\n    overflow-x: auto;\r\n    white-space: pre-wrap;\r\n    max-width: 100%;\r\n  }\r\n`;\r\n\r\nconst PostPagination = styled.nav`\r\n  display: flex;\r\n  gap: 1rem;\r\n  flex-wrap: wrap;\r\n  margin-top: var(--size-900);\r\n\r\n  & > * {\r\n    position: relative;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 1rem;\r\n    padding-top: 0.5rem;\r\n    padding-bottom: 0.5rem;\r\n    border-radius: 8px;\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    backdrop-filter: blur(10px);\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  & > *:hover {\r\n    background-color: rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  & span {\r\n    text-transform: uppercase;\r\n    opacity: 0.6;\r\n    font-size: var(--size-400);\r\n    padding-bottom: var(--size-500);\r\n  }\r\n\r\n  & a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    font-size: var(--size-400);\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  & a::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n`;\r\n\r\nexport const pageQuery = graphql`\r\n  query PostBySlug($slug: String!, $prevSlug: String, $nextSlug: String) {\r\n    markdownRemark(fields: { slug: { eq: $slug } }) {\r\n      excerpt(pruneLength: 160)\r\n      html\r\n      frontmatter {\r\n        title\r\n        tags\r\n        date(formatString: \"DD/MM/YYYY\")\r\n        description\r\n        social_image {\r\n          publicURL\r\n        }\r\n      }\r\n    }\r\n\r\n    prev: markdownRemark(fields: { slug: { eq: $prevSlug } }) {\r\n      frontmatter {\r\n        title\r\n      }\r\n      fields {\r\n        slug\r\n      }\r\n    }\r\n\r\n    next: markdownRemark(fields: { slug: { eq: $nextSlug } }) {\r\n      frontmatter {\r\n        title\r\n      }\r\n      fields {\r\n        slug\r\n      }\r\n    }\r\n  }\r\n`;\r\n"],"names":["HEADER_NAV_ITEM","label","url","isExternal","Header","site","useStaticQuery","React","StyledHeader","HeaderWrapper","HeaderTitle","Link","to","siteMetadata","title","HeaderNavList","map","item","index","HeaderNavListItem","key","href","target","rel","_ref","children","StyledNav","StyledNavList","_ref2","StyledNavListItem","styled","header","withConfig","displayName","componentId","Container","div","nav","ul","li","description","socialImage","url_path","Fragment","GlobalStyle","Seo","LayoutWrapper","Footer","tags","tag","Tag","str","match","x","toLowerCase","join","span","data","pageContext","frontmatter","excerpt","html","markdownRemark","prev","next","handleKeyDown","useCallback","event","navigate","fields","slug","useEffect","window","addEventListener","removeEventListener","socialImageUrl","social_image","publicURL","Layout","PostWrapper","PostTitle","PostDate","date","PostContent","dangerouslySetInnerHTML","__html","PostPagination","Tags","h1","section"],"sourceRoot":""}