after

applicationId

count

entityId

superTopicQueueName

topicPageQuery

hooksTopicWidgetQuery

topic

appConfig

filter

entityUuid

advertZone

sponsor

name

urlAlias

hooksTopic

topicDescriptionTopic

topicHeaderTopic

topicRestContentsTopic

topicSeoTopic

topicTopContentsTopic

topicTopicPageTopic

queue

items

query topicPageQuery(
  $after: String
  $applicationId: String!
  $count: Int = 28
  $entityId: String!
  $superTopicQueueName: String!
) {
  ...hooksTopicWidgetQuery_49mQWb
  topic(filter: {entityId: $entityId}) {
    entityId
    entityUuid
    advertZone(version: 2)
    sponsor {
      name
      id
    }
    name
    urlAlias
    ...hooksTopic
    ...topicDescriptionTopic
    ...topicHeaderTopic
    ...topicRestContentsTopic
    ...topicSeoTopic
    ...topicTopContentsTopic
    ...topicTopicPageTopic_1RYlfy
    id
  }
  superTopicQueue: queue(filter: {name: $superTopicQueueName}) {
    items(first: 10) {
      edges {
        node {
          __typename
          ... on Content {
            __isContent: __typename
            entityUuid
            ...helpersCheckIsPlusArticle
            ...homeSecondaryContentItemContent
            ...sectionTopLeadPrimaryContentItemContent
            ...topStoriesItemContent
          }
          ... on Node {
            __isNode: __typename
            id
          }
        }
      }
    }
    id
  }
}

fragment articleCommentArticle on Article {
  ...entityLink
  commentCount
  entityId
}

fragment blockquoteQuoteContent on Content {
  __isContent: __typename
  ...contentShareWidgetContent
}

fragment checkersCheckContentContainsStarlingImageContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment contentActionBarContent on Content {
  __isContent: __typename
  entityId
  createdDate
  updatedDate
  publishedDate
  readingTime
  ...articleCommentArticle
  ...helpersIsArticleVideoAsHeroArticle
  ...helpersGetContentTypeNameContent
  ... on Article {
    hasVideoContent
  }
}

fragment contentCoverImageContent_1tYcF5 on Content {
  __isContent: __typename
  headline
  images {
    url
    title
    type
    size1200x800: style(filter: {style: "1200x800"}) {
      url
    }
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
  }
  ... on Article {
    leadingSlides {
      url
      title
      type
      size1200x800: style(filter: {style: "1200x800"}) {
        url
      }
      size540x360: style(filter: {style: "540x360"}) {
        url
      }
    }
  }
}

fragment contentCoverImageContent_34Njms on Content {
  __isContent: __typename
  headline
  images {
    url
    title
    type
    landscape250x99: style(filter: {style: "landscape_250_99"}) {
      url
    }
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
  }
}

fragment contentCoverImageContent_4Kx38 on Content {
  __isContent: __typename
  headline
  images {
    url
    title
    type
    size1200x800: style(filter: {style: "1200x800"}) {
      url
    }
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
  }
}

fragment contentHeadlineContent on Content {
  __isContent: __typename
  headline
  socialHeadline
  ...contentHeadlineTagContent
  ...helpersUseContentSponsorContent
}

fragment contentHeadlineTagContent on Content {
  __isContent: __typename
  ...hooksContentHeadlineTagContent
}

fragment contentLiveTagContent on Article {
  ...helpersCheckHasLiveTagArticle
}

fragment contentNewsletterWidgetContent on Content {
  __isContent: __typename
  topics {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
    id
  }
  sections {
    value {
      relatedNewsletters {
        ...helpersMassageToNewsletterItemNewsletter
        id
      }
      id
    }
  }
  ... on Article {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
  }
}

fragment contentSchemaRenderContent on Content {
  __isContent: __typename
  ...blockquoteQuoteContent
  ...hooksInlinePlusWidgetContent
  ...imageContent
  ...inlineWidgetContent
  ...photoGalleryWidgetContent
  ...scmpYoutubeContent
}

fragment contentSectionsContent on Content {
  __isContent: __typename
  sections {
    value {
      ...helpersCheckIfNewsSectionInFirstIndexSection
      ...entityLink
      name
      id
    }
  }
}

fragment contentSeriesShortLabelContent on Content {
  __isContent: __typename
  ... on Article {
    seriesShortLabel
    ...entityLink
    seriesContainer {
      ...entityLink
      seriesShortLabel
      id
    }
  }
}

fragment contentShareWidgetContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  shortUrl
  socialHeadline
  headline
}

fragment contentSponsorTagContent on Content {
  __isContent: __typename
  ...helpersUseContentSponsorContent
}

fragment contentSubHeadlineContent on Content {
  __isContent: __typename
  subHeadline {
    json
  }
  summary {
    json
  }
  ...contentSchemaRenderContent
}

fragment contentSummaryContent on Content {
  __isContent: __typename
  __typename
  summary {
    text
  }
}

fragment contentTopicLinkContent on Content {
  __isContent: __typename
  topics {
    urlAlias
    ...entityLink
    ...topicLinkTopic
    id
  }
}

fragment entityFollowButtonBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  __typename
  ... on Section {
    entityId
    name
  }
  ... on Author {
    entityId
    name
    disableFollow
  }
  ... on Topic {
    entityId
    name
    disableFollow
  }
}

fragment entityLink on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  __typename
  entityId
  entityUuid
  urlAlias
  urlRedirect {
    toUrl
    id
  }
  application {
    entityId
    id
  }
  ... on Section {
    fullSectionPath {
      entityId
      id
    }
    parentSection
  }
  ...helpersAppBarVariantBase
  ...helpersApplicationBase
  ...helpersCheckIsPlusArticle
  ...helpersStyleSectionContent
}

fragment followButtonBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  ...entityFollowButtonBase
  entityId
}

fragment helpersAppBarVariantBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  ...helpersCheckIsLiveArticle
  ...helpersCheckIsPlusPage
  ...helpersCheckIsPostMagazineArticle
  ...helpersCheckIsStyleArticle
  ...helpersSectionContent
  ...helpersStyleSectionContent
}

fragment helpersApplicationBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  ...helpersCheckIsPlusPage
}

fragment helpersCheckHasLiveTagArticle on Article {
  flattenTypeIds
  liveArticle {
    status
    id
  }
}

fragment helpersCheckHasSeriesShortLabelContent on Content {
  __isContent: __typename
  ... on Article {
    seriesShortLabel
    seriesContainer {
      seriesShortLabel
      id
    }
  }
}

fragment helpersCheckIfNewsSectionInFirstIndexSection on Section {
  name
}

fragment helpersCheckIsLiveArticle on Article {
  flattenTypeIds
  liveArticle {
    status
    id
  }
}

fragment helpersCheckIsMainTopicContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment helpersCheckIsPlusArticle on Content {
  __isContent: __typename
  ... on Article {
    paywallTypes {
      entityUuid
      id
    }
  }
}

fragment helpersCheckIsPlusPage on Page {
  urlAlias
}

fragment helpersCheckIsPostMagazineArticle on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsStyleArticle on Content {
  __isContent: __typename
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersGetArticleTypeNameArticle on Article {
  types {
    value {
      entityId
      id
    }
  }
}

fragment helpersGetContentTypeNameContent on Content {
  __isContent: __typename
  __typename
  ... on Article {
    ...helpersGetArticleTypeNameArticle
  }
}

fragment helpersIsArticleVideoAsHeroArticle on Article {
  multimediaEmbed {
    json
  }
}

fragment helpersMassageToNewsletterItemNewsletter on Newsletter {
  entityId
  name
  alternativeName
  description {
    text
  }
  summary {
    text
  }
  homepageDescription {
    text
  }
}

fragment helpersSanitizeArticleTypeEntityIdsArticle on Article {
  types {
    value {
      entityId
      id
    }
  }
}

fragment helpersSanitizeAuthorTypesArticle on Article {
  authors {
    types
    id
  }
}

fragment helpersSanitizedAuthorEntityIdsArticle on Article {
  authors {
    entityId
    id
  }
}

fragment helpersSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersStyleSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersUseContentSponsorContent on Content {
  __isContent: __typename
  topics {
    entityId
    sponsor {
      ...sponsorTagSponsor
      name
      type
      id
    }
    id
  }
  ... on Article {
    sponsorType
  }
  ...helpersCheckIsMainTopicContent
}

fragment homePrimaryContentItemContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  ...entityLink
  ...helpersCheckIsPlusArticle
  ...helpersCheckHasLiveTagArticle
  ...helpersCheckHasSeriesShortLabelContent
  ...helpersUseContentSponsorContent
  ...hooksContentItemProvidersContent_3LgACx
}

fragment homeSecondaryContentItemContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  ...entityLink
  ...helpersCheckIsPlusArticle
  ...helpersCheckHasLiveTagArticle
  ...helpersCheckHasSeriesShortLabelContent
  ...helpersUseContentSponsorContent
  ...hooksContentItemProvidersContent_1uhIyn
}

fragment hooksContentHeadlineTagContent on Content {
  __isContent: __typename
  __typename
  ... on Article {
    types {
      value {
        name
        entityId
        description {
          text
        }
        id
      }
    }
    ...helpersCheckIsStyleArticle
  }
  flag
  sections {
    value {
      name
      id
    }
  }
  ...hooksContentHelperContent
}

fragment hooksContentHelperContent on Content {
  __isContent: __typename
  ...helpersSanitizeArticleTypeEntityIdsArticle
  ...helpersSanitizeAuthorTypesArticle
  ...helpersSanitizedAuthorEntityIdsArticle
  flag
}

fragment hooksContentItemProvidersContent_1uhIyn on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentCoverImageContent_4Kx38
  ...contentHeadlineContent
  ...contentLiveTagContent
  ...contentSectionsContent
  ...contentSubHeadlineContent
  ...contentSummaryContent
  ...contentTopicLinkContent
  ...contentSponsorTagContent
  ...contentSeriesShortLabelContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
  ... on Gallery {
    __typename
  }
}

fragment hooksContentItemProvidersContent_2gnGW2 on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentHeadlineContent
  ...contentLiveTagContent
  ...contentSectionsContent
  ...contentSubHeadlineContent
  ...contentSummaryContent
  ...contentTopicLinkContent
  ...contentSponsorTagContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
  ... on Gallery {
    __typename
  }
}

fragment hooksContentItemProvidersContent_3LgACx on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentCoverImageContent_1tYcF5
  ...contentHeadlineContent
  ...contentLiveTagContent
  ...contentSectionsContent
  ...contentSummaryContent
  ...contentTopicLinkContent
  ...contentSponsorTagContent
  ...contentSeriesShortLabelContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
  ... on Gallery {
    __typename
  }
}

fragment hooksInlinePlusWidgetContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment hooksTopic on Topic {
  types
  sponsor {
    __typename
    id
  }
}

fragment hooksTopicWidgetQuery_49mQWb on Query {
  topic(filter: {entityId: $entityId}) {
    entityId
    ...hooksTopic
    ...topicAdsTopic
    ...topicMetadataDisplayTopic
    id
  }
  appConfig(filter: {entityId: "scmp_pwa_settings"}) {
    json
  }
  advertConfig: appConfig(filter: {entityId: "scmp_pwa_advert_campaign"}) {
    json
  }
}

fragment hooksUseDeepLinkTagsBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  __typename
  urlAlias
  entityId
}

fragment hooksUseDynamicMetaTags on DynamicMetaTags {
  __isDynamicMetaTags: __typename
  metatags {
    key
    value
  }
}

fragment imageContent on Content {
  __isContent: __typename
  headline
  ...checkersCheckContentContainsStarlingImageContent
}

fragment inlineWidgetContent on Content {
  __isContent: __typename
  ...contentNewsletterWidgetContent
}

fragment photoGalleryDialogContent on Content {
  __isContent: __typename
  __typename
  ...contentShareWidgetContent
}

fragment photoGalleryWidgetContent on Content {
  __isContent: __typename
  ...photoGalleryDialogContent
}

fragment scmpYoutubeContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  publishedDate
}

fragment sectionTopLeadPrimaryContentItemContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  topics {
    ...followButtonBase
    id
  }
  ...entityLink
  ...contentCoverImageContent_34Njms
  ...helpersCheckIsPlusArticle
  ...helpersCheckHasLiveTagArticle
  ...helpersUseContentSponsorContent
  ...hooksContentItemProvidersContent_2gnGW2
}

fragment sponsorTagSponsor on Sponsor {
  name
  type
  images {
    url
  }
}

fragment topStoriesItemContent on Content {
  __isContent: __typename
  ...homePrimaryContentItemContent
  ...homeSecondaryContentItemContent
  ...helpersUseContentSponsorContent
}

fragment topicAdsTopic on Topic {
  entityId
  advertZone(version: 2)
}

fragment topicDescriptionTopic on Topic {
  ...topicHeaderRelatedLinksTopic
  ...entityFollowButtonBase
  ...hooksTopic
  ...topicMetadataDisplayTopic
  extraMetadata {
    __typename
  }
  ...entityLink
  mobileImage: image(type: MOBILE_APP_IMAGE) {
    style(filter: {style: "300x300"}) {
      url
    }
  }
  name
  description {
    text
  }
  chineseName
  sponsor {
    __typename
    id
  }
}

fragment topicHeaderRelatedLinksTopic on Topic {
  ...hooksTopic
  relatedLink {
    title
    url
  }
  relatedTopics {
    name
    urlAlias
    id
  }
}

fragment topicHeaderTopic on Topic {
  ...topicHeaderRelatedLinksTopic
  ...entityFollowButtonBase
  ...hooksTopic
  ...entityLink
  mobileImage: image(type: MOBILE_APP_IMAGE) {
    style(filter: {style: "300x300"}) {
      url
    }
  }
  name
  chineseName
  sponsor {
    ...sponsorTagSponsor
    id
  }
}

fragment topicLinkTopic on Topic {
  ...entityLink
  name
  shortName
}

fragment topicMetadataDisplayTopic on Topic {
  ...hooksTopic
  extraMetadata {
    key
    value
    topic {
      name
      ...entityLink
      types
      urlAlias
      mobileImage: image(type: MOBILE_APP_IMAGE) {
        style(filter: {style: "300x300"}) {
          url
        }
      }
      id
    }
  }
  additionalMetadata {
    propertyType
    logo {
      title
      url
    }
    properties {
      key
      value
    }
  }
}

fragment topicRestContentsTopic on Topic {
  entityId
  advertZone(version: 2)
}

fragment topicSeoTopic on Topic {
  name
  description {
    text
  }
  entityId
  urlAlias
  metaDescription
  image(type: OG) {
    url
  }
  ...hooksUseDeepLinkTagsBase
  ...hooksUseDynamicMetaTags
}

fragment topicTopContentsTopic on Topic {
  entityId
  advertZone(version: 2)
}

fragment topicTopicPageTopic_1RYlfy on Topic {
  contents(after: $after, first: $count, filter: {applicationIds: [$applicationId]}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      node {
        __typename
        __isContent: __typename
        entityUuid
        ...homeSecondaryContentItemContent
        ...sectionTopLeadPrimaryContentItemContent
        ...topStoriesItemContent
        id
      }
      cursor
    }
    pageInfo {
      endCursor
      hasNextPage
    }
  }
  id
}

fragment videoDurationOverlayVideo on Video {
  duration
  sections {
    value {
      entityId
      id
    }
  }
}


types

extraMetadata

additionalMetadata

relatedLink

relatedTopics

image

description

chineseName

metaDescription

json

Hong Kong

Asia

People and Culture

Health & Environment

This Week in Asia

Economy

Tech

China

World

Business

Lifestyle

Sport

Multimedia artist Ayako Rokkaku on finger-painting and creating interactive art

Multimedia artist Ayako Rokkaku tells David Ho about her biggest work to date at the Landmark and why feeling is believing with her art.


Hong Kong artist Gamzar is galvanised by working with iron and bamboo

The artist transforms contrasting materials into delicate sculptural installations, channelling design, craft and memories of the city’s industrial past.


How Hong Kong food stylist Gloria Chung creates a festive table at home

Food stylist Gloria Chung presents a masterclass in creating a deliciously quirky tablescape.


Bi Rongrong weaves urban ‘skins’ and ancient motifs into layered art

Textiles allow artist Bi Rongrong to take a more immersive journey through the cities that provide her with inspiration.


Nudes, nightclubs and nostalgia: Kary Kwok on life behind the lens

The artist on finding his photographic footing in London’s 1980s queer scene, and the evolution of Hong Kong’s LGBTQ community.


Hong Kong photographer Lean Lui on ‘Girl’s Universe’ and the power of femininity

Known for her cinematic portraits of friends and family, the Hong Kong photographer explores beauty, vulnerability and power.


How this artist finds sci-fi inspiration in bamboo scaffolding

Best known for coming-of-age comic Gleem, Freddy Carrasco is now putting on his first Hong Kong exhibition, ‘Return to Nothing’, at WKM Gallery in Wong Chuk Hang.


Meet the artists remoulding the rules of working with clay

Ceramic artists Julie Progin and Jesse Mc Lin talk about their work across 2 studios in Hong Kong and Jingdezhen.


Artist's Studio

Artist's Studio

Ayako Rokkaku on feeling her way via finger-painting and interactive art

Multimedia artist Ayako Rokkaku tells David Ho about her biggest work to date at the Landmark and why feeling is believing with her art.

Hong Kong sculptor Gamzar turns iron and bamboo into art

A Christmas table built from grapes, radicchio and a single red chilli

The artist who weaves urban ‘skins’ and ancient motifs into layered works