HomePageQuery

query HomePageQuery(
  $username: String!
  $url: String!
) {
  userProfileByUsername(username: $username) {
    id
    visitorCanEdit
    userReviews {
      edges {
        node {
          id
          onlyVisibleToRecipient
        }
      }
    }
    ...UserProfile_userProfile
    ...Projects_userProfile
    ...Services_userProfile
    ...UserReviews_userProfile
    ...Footer_userProfile
  }
  ...UrlMetaData_queryFragment
  ...IndependentPortfolioTemplates_queryFragment
}

fragment Footer_userProfile on UserProfile {
  id
  visitorCanEdit
  portfolioProjects(type: PROJECT, excludeDrafts: true) {
    edges {
      node {
        id
      }
    }
  }
  productizedServices(excludeDrafts: true) {
    edges {
      node {
        id
      }
    }
  }
  userReviews {
    edges {
      node {
        id
        onlyVisibleToRecipient
        isPositiveReview
      }
    }
  }
}

fragment IndependentPortfolioTemplates_queryFragment on Query {
  independentPortfolioTemplates {
    edges {
      node {
        id
        displayName
        developmentSlug
        isLive
        accessLevel
        themes {
          edges {
            node {
              id
              displayName
              developmentSlug
              isLive
              generatedPreviewImage
              previewImage {
                id
                uid
              }
            }
          }
        }
      }
    }
  }
}

fragment OtherProjects_portfolioProjectOtherProjectConnection on PortfolioProjectOtherProjectConnection {
  edges {
    node {
      analyticsId
      id
      slug
      title
      roles {
        edges {
          node {
            id
            name
          }
        }
      }
      organizations {
        edges {
          node {
            id
            name
          }
        }
      }
      cover {
        __typename
        ... on PortfolioProjectImageCover {
          __typename
          image {
            id
            animated
            height
            originalFormat
            sizeBytes
            uid
            width
          }
        }
        ... on PortfolioProjectTextCover {
          __typename
          style
        }
        ... on PortfolioProjectVideoCover {
          __typename
          video {
            uid
            id
          }
        }
      }
    }
  }
}

fragment ProjectHeader_portfolioProject on PortfolioProject {
  id
  title
  contributionYear
  organizations {
    edges {
      node {
        id
        name
      }
    }
  }
  roles {
    edges {
      node {
        id
        name
      }
    }
  }
  tools {
    edges {
      node {
        id
        name
      }
    }
  }
}

fragment Project_portfolioProject on PortfolioProject {
  analyticsId
  id
  slug
  title
  blocknoteContent
  contributionYear
  cover {
    __typename
    ... on PortfolioProjectImageCover {
      __typename
      image {
        id
        animated
        height
        originalFormat
        sizeBytes
        uid
        width
      }
    }
    ... on PortfolioProjectTextCover {
      __typename
      style
    }
    ... on PortfolioProjectVideoCover {
      __typename
      video {
        uid
        id
      }
    }
  }
  userProfile {
    id
    firstName
    displayUsername
    generalInquiryCtaIsVisible
    productizedServices(excludeDrafts: true) {
      edges {
        node {
          id
        }
      }
    }
    portfolioProjects(type: PROJECT, excludeDrafts: true) {
      edges {
        node {
          id
        }
      }
    }
    externalLinks {
      edges {
        node {
          id
          label
          url
          socialMediaSite {
            nid
            id
          }
        }
      }
    }
    ...Footer_userProfile
  }
  roles {
    edges {
      node {
        id
        name
      }
    }
  }
  tools {
    edges {
      node {
        id
        name
      }
    }
  }
  organizations {
    edges {
      node {
        id
        name
      }
    }
  }
  otherPortfolioProjectsByUser {
    edges {
      node {
        analyticsId
        id
        slug
        title
        cover {
          __typename
          ... on PortfolioProjectImageCover {
            __typename
            image {
              id
              animated
              height
              originalFormat
              sizeBytes
              uid
              width
            }
          }
          ... on PortfolioProjectTextCover {
            __typename
            style
          }
        }
        roles {
          edges {
            node {
              id
              name
            }
          }
        }
        organizations {
          edges {
            node {
              id
              name
            }
          }
        }
      }
    }
    ...OtherProjects_portfolioProjectOtherProjectConnection
  }
  ...ProjectHeader_portfolioProject
}

fragment Projects_userProfile on UserProfile {
  portfolioProjects(type: PROJECT, excludeDrafts: true) {
    edges {
      node {
        analyticsId
        id
        slug
        title
        roles {
          edges {
            node {
              id
              name
            }
          }
        }
        tools {
          edges {
            node {
              id
              name
            }
          }
        }
        organizations {
          edges {
            node {
              id
              name
            }
          }
        }
        cover {
          __typename
          ... on PortfolioProjectImageCover {
            __typename
            image {
              id
              animated
              height
              originalFormat
              sizeBytes
              uid
              width
            }
          }
          ... on PortfolioProjectTextCover {
            __typename
            style
          }
          ... on PortfolioProjectVideoCover {
            __typename
            video {
              uid
              id
            }
          }
        }
        ...Project_portfolioProject
      }
    }
  }
}

fragment Services_userProfile on UserProfile {
  productizedServices(excludeDrafts: true) {
    edges {
      node {
        analyticsId
        id
        slug
        title
        portfolioProjects {
          edges {
            node {
              analyticsId
              id
              title
              slug
              cover {
                __typename
                ... on PortfolioProjectImageCover {
                  __typename
                  image {
                    id
                    animated
                    height
                    originalFormat
                    sizeBytes
                    uid
                    width
                  }
                }
                ... on PortfolioProjectTextCover {
                  __typename
                  style
                }
              }
            }
          }
        }
        productizedServiceType
        duration {
          amount
          interval
        }
        price {
          type
          interval
          amount
          timeline
        }
      }
    }
  }
}

fragment UrlMetaData_queryFragment on Query {
  urlMetaData(url: $url) {
    title
    description
    facebookImageUrl
    twitterImageUrl
    canonicalUrl
    openGraphImageAltText
    updatedAt
    openGraphImageDimensions {
      width
      height
    }
  }
}

fragment UserProfile_userProfile on UserProfile {
  id
  analyticsId
  displayUsername
  firstName
  lastName
  location
  profileDisplayType
  title
  bio
  visitorCanEdit
  generalInquiryCtaIsVisible
  hasActivePortfolio
  primaryJobPostingCategory
  topIndependentStatus
  brandCustomization {
    logo {
      logoImage {
        id
        uid
      }
      id
    }
    id
  }
  roles {
    edges {
      node {
        id
        name
      }
    }
  }
  avatarImage {
    id
    uid
    height
    url
    width
    animated
  }
  portfolioProjects(type: PROJECT, excludeDrafts: true) {
    edges {
      node {
        analyticsId
        cover {
          __typename
          ... on PortfolioProjectImageCover {
            __typename
            image {
              id
              animated
              height
              originalFormat
              sizeBytes
              uid
              width
            }
          }
          ... on PortfolioProjectTextCover {
            __typename
            style
          }
        }
        id
        slug
        title
        roles {
          edges {
            node {
              id
              name
            }
          }
        }
        organizations {
          edges {
            node {
              id
              name
            }
          }
        }
      }
    }
  }
  productizedServices(excludeDrafts: true) {
    edges {
      node {
        id
        slug
        title
        portfolioProjects {
          edges {
            node {
              id
              slug
            }
          }
        }
        productizedServiceType
        duration {
          amount
          interval
        }
        price {
          type
          interval
          amount
          timeline
        }
      }
    }
  }
  externalLinks {
    edges {
      node {
        id
        label
        url
        socialMediaSite {
          id
          nid
        }
      }
    }
  }
  independentPortfolioTemplateTheme {
    id
    developmentSlug
    displayName
    template {
      id
      developmentSlug
      displayName
    }
    themeCustomization {
      id
      accentFontPack {
        id
        nid
      }
      backgroundColor
      backgroundStyle {
        id
        nid
      }
      bodyFontPack {
        id
        nid
      }
      fontColorPrimary
      fontColorSecondary
      fontPack {
        id
        nid
      }
      headingFontPack {
        id
        nid
      }
      layout {
        projectsVariant {
          id
          nid
        }
        servicesVariant {
          id
          nid
        }
      }
      logoImage {
        id
        uid
        sizeBytes
      }
    }
  }
  userReviews {
    count
    edges {
      node {
        id
        commentOnlyVisibleToRecipient
        createdAt
        onlyVisibleToRecipient
        isPositiveReview
        reviewText
        author {
          analyticsId
          id
          firstName
          lastName
          displayUsername
          onboardingType
          avatarImage {
            id
            uid
            url
          }
          organization {
            name
            logoImage {
              id
              uid
              url
            }
            id
          }
        }
        associatedWork {
          paidProjectProfile {
            id
            client {
              id
            }
          }
          portfolioProject {
            id
          }
          productizedService {
            id
          }
        }
        ...UserReview_userReview
      }
    }
  }
}

fragment UserReview_userReview on UserReview {
  id
  commentOnlyVisibleToRecipient
  createdAt
  onlyVisibleToRecipient
  isPositiveReview
  reviewText
  author {
    analyticsId
    id
    firstName
    lastName
    displayUsername
    onboardingType
    avatarImage {
      id
      uid
      url
    }
    organization {
      name
      logoImage {
        id
        uid
        url
      }
      id
    }
  }
  associatedWork {
    paidProjectProfile {
      id
      client {
        id
      }
    }
    portfolioProject {
      id
    }
    productizedService {
      id
    }
  }
}

fragment UserReviews_userProfile on UserProfile {
  userReviews {
    edges {
      node {
        id
        commentOnlyVisibleToRecipient
        createdAt
        onlyVisibleToRecipient
        isPositiveReview
        reviewText
        author {
          analyticsId
          id
          firstName
          lastName
          displayUsername
          onboardingType
          avatarImage {
            id
            uid
            url
          }
          organization {
            name
            logoImage {
              id
              uid
              url
            }
            id
          }
        }
        associatedWork {
          paidProjectProfile {
            id
            client {
              id
            }
          }
          portfolioProject {
            id
          }
          productizedService {
            id
          }
        }
        ...UserReview_userReview
      }
    }
  }
}


View Stacy Tang's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!