{"version":3,"sources":["webpack:///./src/components/photos-front-page.js","webpack:///./src/components/sitariPicture.js","webpack:///./src/components/download-book.js","webpack:///./src/components/blog-entries.js","webpack:///./src/components/EuPicture.js","webpack:///./src/pages/index.js","webpack:///./src/xassets/perist.pdf"],"names":["ImageList","styled","div","ImageDiv","SingleImage","imgNode","fluid","alt","FrontPagePhotos","data","useStaticQuery","allFile","edges","map","edge","key","node","childImageSharp","id","ImgDiv","SitariPicture","file","Container","BookDiv","a","TextDiv","NameDiv","DownloadButton","style","borderBottom","href","periFile","download","fixed","avatar","margin","BlogEntries","blog","childMarkdownRemark","BlogDiv","Blog","frontmatter","title","excerpt","className","marginBottom","ContainerDiv","header","MainDiv","main","devices","tablet","PhotosDiv","section","BlogsDiv","SmokeBar","FooterDiv","footer","Version","Logo","Index","module","exports"],"mappings":"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","file":"component---src-pages-index-js-558fe6da6692c9ee22eb.js","sourcesContent":["import React from \"react\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport styled from \"styled-components\"\r\nimport Img from \"gatsby-image\"\r\n\r\nconst ImageList = styled.div`\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  padding-left: 0;\r\n`\r\nconst ImageDiv = styled.div`\r\n  margin-bottom: 2rem;\r\n`\r\nconst SingleImage = ({ imgNode }) => {\r\n  // console.log(imgNode)\r\n  return (\r\n    <ImageDiv>\r\n      <Img\r\n        fluid={{\r\n          ...imgNode.fluid,\r\n        }}\r\n        alt=\"A corgi smiling happily\"\r\n      />\r\n    </ImageDiv>\r\n  )\r\n}\r\n\r\nexport default function FrontPagePhotos() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      allFile(\r\n        filter: {\r\n          sourceInstanceName: { eq: \"xassets\" }\r\n          relativeDirectory: { eq: \"pictures\" }\r\n        }\r\n        sort: { order: ASC, fields: name }\r\n      ) {\r\n        edges {\r\n          node {\r\n            childImageSharp {\r\n              id\r\n              fluid(maxWidth: 1200) {\r\n                ...GatsbyImageSharpFluid\r\n              }\r\n            }\r\n            absolutePath\r\n            name\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\n  // console.log(data)\r\n\r\n  return (\r\n    <ImageList>\r\n      {data.allFile.edges.map(edge => (\r\n        <SingleImage\r\n          key={edge.node.childImageSharp.id}\r\n          imgNode={edge.node.childImageSharp}\r\n        />\r\n      ))}\r\n    </ImageList>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport Img from \"gatsby-image\"\r\n\r\nconst ImgDiv = styled.div`\r\n  background: yellow;\r\n  margin: 0;\r\n\r\n  flex: 0 0 auto;\r\n  overflow: hidden;\r\n`\r\n\r\nexport default function SitariPicture() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      file(relativePath: { eq: \"images/peri-sitari.png\" }) {\r\n        childImageSharp {\r\n          fluid(cropFocus: NORTH, maxWidth: 1900, maxHeight: 200) {\r\n            ...GatsbyImageSharpFluid\r\n          }\r\n        }\r\n        name\r\n      }\r\n    }\r\n  `)\r\n  return (\r\n    <div>\r\n      <ImgDiv>\r\n        <Img\r\n          fluid={{\r\n            ...data.file.childImageSharp.fluid,\r\n          }}\r\n          alt=\"A corgi smiling happily\"\r\n        />\r\n      </ImgDiv>\r\n    </div>\r\n  )\r\n}\r\n","import { graphql, useStaticQuery } from \"gatsby\"\r\nimport Img from \"gatsby-image\"\r\nimport React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport periFile from \"xassets/perist.pdf\"\r\n\r\nconst Container = styled.div`\r\n  border: none;\r\n\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  margin: 5px;\r\n  padding: 5px;\r\n`\r\nconst BookDiv=styled.a`\r\n  margin: 0.8rem 0;\r\n  margin-top:3rem;\r\n  font-size:0.9rem;\r\n  color: blue;\r\n  /* box-shadow: none; */\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  text-align: center;  \r\n`\r\nconst TextDiv = styled.div`\r\n  margin: 0.8rem;\r\n  font-style:italic;\r\n`\r\nconst NameDiv = styled.div`\r\n  margin: 0 0.8rem ;\r\n  margin-bottom:1rem;\r\n\r\n`\r\n\r\nexport default function DownloadButton() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      avatar: file(relativePath: { eq: \"images/BookCoverKashalos.jpg\" }) {\r\n        childImageSharp {\r\n          fixed(width: 160, height: 120) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n        name\r\n      }\r\n    }\r\n  `)\r\n  // console.log(data.avatar)\r\n  return (\r\n    <Container>\r\n      <TextDiv>\r\n        “Αναθυμούμαι με πόνο ψυχής τις όμορφες μέρες που περνούσαμε στην\r\n        Περιστερωνοπηγή. Η Περιστερωνοπηγή!... Δυο χωριά – η Περιστερώνα και η\r\n        Πηγή – τόσο ενωμένα και αδιαίρετα στην εμφάνισή τους, που φαντάζουνε σαν\r\n        μια κοινότητα απλωμένη στον κάμπο της Μεσαριάς.”\r\n      </TextDiv>\r\n      <NameDiv>\r\n        Δημήτρης Λουκά\r\n        <br/>\r\n        Δάσκαλος εκ Περιστερωνοπηγής\r\n      </NameDiv>\r\n      <div style={{ borderBottom: \"solid whitesmoke 3rem\" }}></div>\r\n      <BookDiv\r\n        href={periFile}\r\n        download =\"Περιστερωνοπηγή - Ιστορικές Αναμνήσεις\"\r\n      >\r\n        <NameDiv>\r\n          Οι αναμνήσεις μου σε βιβλίο\r\n        </NameDiv>\r\n        <Img\r\n          fixed={{\r\n            ...data.avatar.childImageSharp.fixed,\r\n          }}\r\n          alt=\"Kashalos picture\"\r\n          style={{ margin: \"0 auto\" }}\r\n        />\r\n        Περιστερωνοπηγή - Ιστορικές Αναμνήσεις\r\n      </BookDiv>\r\n    </Container>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport styled from 'styled-components'\r\n\r\nexport default function BlogEntries() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      allFile(\r\n        filter: {\r\n          sourceInstanceName: { eq: \"xassets\" }\r\n          relativeDirectory: { eq: \"blog\" }\r\n        }\r\n      ) {\r\n        edges {\r\n          node {\r\n            name\r\n            id\r\n            absolutePath\r\n            childMarkdownRemark {\r\n              frontmatter {\r\n                description\r\n                title\r\n              }              \r\n              excerpt(pruneLength: 600)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `)\r\n  return (\r\n    <div>\r\n      {data.allFile.edges.map(edge => (\r\n        <Blog key={edge.node.id} blog={edge.node.childMarkdownRemark} />\r\n      ))}\r\n    </div>\r\n  )\r\n}\r\n\r\nconst BlogDiv = styled.div`  \r\n  padding-bottom:3rem;\r\n  margin:0;\r\n  text-align:justify;\r\n\r\n  h5{\r\n      margin-top:0;\r\n    padding-top:0px;\r\n    margin-top:0px;\r\n    margin-bottom:0.5rem;\r\n  }\r\n`\r\nconst Blog = function({ blog }) {\r\n  return (\r\n    <BlogDiv>\r\n      <h5>{blog.frontmatter.title}</h5>\r\n      {blog?.excerpt}\r\n    </BlogDiv>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport Img from \"gatsby-image\"\r\n\r\nconst ImgDiv = styled.div`\r\n  /* background: yellow;    */\r\n  position: relative;\r\n  display: flexbox;\r\n  align-content:center;\r\n\r\n  font-size: 0.8rem;\r\n  margin: 0px;\r\n  .abc {\r\n    font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\r\n    font-style: italic;\r\n    margin-right: 12px;\r\n  }\r\n`\r\n\r\nexport default function SitariPicture() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      avatar: file(\r\n        relativePath: { eq: \"images/eusimplelogoSmall.png\" }\r\n        sourceInstanceName: { eq: \"xassets\" }\r\n      ) {\r\n        childImageSharp {\r\n          fixed(width:90) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n        name\r\n      }\r\n    }\r\n  `)\r\n\r\n  return (\r\n    <ImgDiv>\r\n      <div className=\"abc\">Powered by </div>\r\n      <Img\r\n        fixed={{\r\n          ...data.avatar.childImageSharp.fixed,\r\n        }}\r\n        alt=\"Powered by euSimple \"\r\n        style={{ marginBottom: \"0px\" }}\r\n      />\r\n    </ImgDiv>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\n// import Img from \"gatsby-image\"\r\n\r\nimport LayoutKyr from \"components/layout-kyr\"\r\nimport FrontPagePhotos from \"components/photos-front-page\"\r\nimport SitariPicture from \"components/sitariPicture\"\r\nimport DownloadButton from \"components/download-book\"\r\nimport Blogs from \"components/blog-entries\"\r\nimport EuSimpleImg from \"components/EuPicture\"\r\nimport SocialButtons from 'components/social-share-buttons'\r\nimport { devices } from \"../utils/device-size\"\r\n\r\n// TODO use contentful or similar\r\n// TODO use DynamoDb and graphql\r\n// TODO use netlify or gatsby cloud to deploy?\r\n// TODO pictures to zoom (sideways on mobiles) and download \r\n\r\n\r\nconst ContainerDiv = styled.header`\r\n  display: flex;\r\n  height: 100vh;\r\n  flex-flow: column nowrap;\r\n  margin: 0;\r\n  padding: 0;\r\n`\r\n\r\nconst MainDiv = styled.main`\r\n  /* background: red; */\r\n  display: grid;\r\n  grid-gap: 1.5rem;\r\n  grid-template-columns: minmax(400px, 2fr) minmax(350px, 1fr);\r\n  justify-content: space-between;\r\n\r\n  margin: 0;\r\n  @media ${devices.tablet} {\r\n    grid-template-columns: 1fr;\r\n    /* justify-content: space-around; */\r\n  }\r\n`\r\nconst PhotosDiv = styled.section`\r\n  text-align: center;\r\n  padding-left: 1rem;\r\n  padding-right: 1rem;\r\n  order: 1;\r\n`\r\n\r\nconst BlogsDiv = styled.div`\r\n  width: 100%;\r\n  order: 2;\r\n  text-align: center;\r\n  padding-left: 2rem;\r\n  padding-right: 3rem;\r\n`\r\nconst SmokeBar = styled.div`\r\n  display: flex;\r\n  min-height: 3rem;  \r\n  padding: 0;\r\n  padding-left:0.5rem;\r\n  /* padding-top:0.3rem; */\r\n  background: whitesmoke;\r\n  border-bottom: solid 0.4rem var(--brand-color);\r\n`\r\n\r\nconst FooterDiv = styled.footer`\r\n  background: whitesmoke;\r\n  display: grid;\r\n  grid-template-columns: 1fr 200px 2rem;\r\n  grid-template-rows: 1.5rem 1.5rem;\r\n  grid-template-areas:\r\n    \"a b d\"\r\n    \"a c d\";\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  justify-items: flex-end;\r\n`\r\n\r\nconst Version = styled.div`\r\n  grid-area: c;\r\n  padding-right: 4px;\r\n  font-size: 0.7rem;\r\n  font-style: italic;\r\n  text-align: right;\r\n\r\n  text-transform: lowercase;\r\n`\r\nconst Logo = styled.div`\r\n  grid-area: b;\r\n`\r\n\r\nconst SocialDiv = styled.div`\r\n  background: lightcyan;\r\n  display: flex;\r\n  justify-content:center;    \r\n`\r\n\r\n\r\nexport default function Index({ data }) {\r\n  // console.log(data)\r\n  return (\r\n    <LayoutKyr>\r\n      <ContainerDiv>\r\n        <SmokeBar><SocialButtons/> </SmokeBar>\r\n        {/* <SocialDiv>hello so cial</SocialDiv> */}\r\n        <SitariPicture />\r\n        <DownloadButton />\r\n        <div style={{ borderBottom: \"solid whitesmoke 3rem\" }}></div>\r\n        <MainDiv>\r\n          <PhotosDiv>\r\n            <h3>Εικόνες</h3>\r\n            <FrontPagePhotos />\r\n          </PhotosDiv>\r\n          <BlogsDiv>\r\n            <h3>{\"Σημειώσεις\"} </h3>\r\n            <Blogs />\r\n          </BlogsDiv>\r\n        </MainDiv>\r\n        <FooterDiv>\r\n          <Version>v1.03</Version>\r\n          <Logo>\r\n            <EuSimpleImg />\r\n          </Logo>\r\n        </FooterDiv>\r\n      </ContainerDiv>\r\n    </LayoutKyr>\r\n  )\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/perist-ecd3b3c79c0bbe9e142ed0bf834377b3.pdf\";"],"sourceRoot":""}