{"size": 4036, "ext": "js", "max_stars_repo_path": "src/pages/xiang.js", "max_stars_repo_name": "MichalinaKa/Avesso_version1", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/xiang.js", "max_issues_repo_name": "MichalinaKa/Avesso_version1", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/xiang.js", "max_forks_repo_name": "MichalinaKa/Avesso_version1", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 36.0357142857, "max_line_length": 80, "alphanum_fraction": 0.6258671952}
// Gatsby supports TypeScript natively!
import React from "react"
import Layout from "../components/Layout/Layout"
import { graphql, Link } from "gatsby"

import { H1 } from "../components/pageElements/H1"
import { MainWrapper } from "../components/pageElements/mainWrapper"
import { GalleryWrapper } from "../components/pageElements/galleryWrapper"
import { ImageWrapper } from "../components/pageElements/imageWrapper"
import { StyledImage } from "../components/pageElements/styledImage"
import { ImageTitle } from "../components/pageElements/imageTitle"
import { TextWrapper } from "../components/pageElements/textWrapper"
import { TextWithBorder } from "../components/pageElements/textWithBorder"
import { TextNoBorder } from "../components/pageElements/textNoBorder"
import { TitleOfWork } from "../components/pageElements/titleOfWork"
import { Website } from "../components/pageElements/website"
import { NavMainWrapper } from "../components/topNavElements/navMainWrapper"

const XiangPage = ({ data }) => (
  <Layout>
    <H1>{data.allDataJson.edges[26].node.name}</H1>
    <MainWrapper>
      <NavMainWrapper>
        <Link to={data.allDataJson.edges[25].node.url}>
          {" "}
          <span> &larr;</span>
        </Link>

        <Link to="/"> home </Link>
        <Link to={data.allDataJson.edges[26].node.url}>
          {" "}
          <span> </span>
        </Link>
      </NavMainWrapper>
      <GalleryWrapper>
        <ImageWrapper>
          <StyledImage bigScale src="/artists/xiangimg1.jpg" />
          <ImageTitle>
            {data.allDataJson.edges[26].node.img1Description}
          </ImageTitle>
        </ImageWrapper>
        <ImageWrapper>
          <StyledImage src="/artists/xiangimg2.jpg" />
          <ImageTitle>
            {data.allDataJson.edges[26].node.img2Description}
          </ImageTitle>
        </ImageWrapper>
        <ImageWrapper>
          <StyledImage src="/artists/xiangimg3.jpg" />
          <ImageTitle>
            {data.allDataJson.edges[26].node.img3Description}
          </ImageTitle>
        </ImageWrapper>
        <ImageWrapper>
          <StyledImage bigScale src="/artists/xiangimg4.jpg" />
          <ImageTitle>
            {data.allDataJson.edges[26].node.img4Description}
          </ImageTitle>
        </ImageWrapper>
      </GalleryWrapper>

      <TextWrapper>
        {" "}
        <TitleOfWork>{data.allDataJson.edges[26].node.title}</TitleOfWork>
        <Website>{data.allDataJson.edges[26].node.website}</Website>
        <TextWithBorder>
          <p>
            The body-space series I want to express the various oppressions
            faced by Chinese women under the globalization of capital. This
            oppression comes not only from society but also from the family.
            <br></br>
            Human existence is multi-dimensional and multi-constructed. We as
            human not only an existent of time dimension, but also an existent
            of space dimension. The space that interests me is that where people
            live in, which is neither the space of general physical attributes
            nor the space of a single human spirit, but rather a space of social
            stipulation and social attributes. Therefore, space is not a simple,
            mechanical, passive activity background or environment for human
            existence. Space and human existence are intrinsically related and
            mutually shaped.
          </p>
        </TextWithBorder>
        <TextNoBorder></TextNoBorder>
      </TextWrapper>
    </MainWrapper>
    <Link to={data.allDataJson.edges[26].node.url} className="scrollTopButton">
      {" "}
      <span> &larr;</span>
      to the top
    </Link>
  </Layout>
)
export const query = graphql`
  {
    allDataJson {
      edges {
        node {
          name
          title
          website
          url
          img1Description
          img2Description
          img3Description
          img4Description
        }
      }
    }
  }
`
export default XiangPage
