Art Blocks Collection: Presents

Heritage Art Blocks Collection: Factory

Project Description: The mid grey chiseled computer interfaces of 1997 have always reminded me of sculptures created in bas-relief, a technique going back to the stone carved petroglyphs that is as ancient as humankind's first steps in making art. The combination of illusion and tactility found in these interfaces shows our longing to have the computer experience to be part of the material world. Therefore it comes as no surprise that the programming language of Ethereum is named 'Solidity'. The blockchain is software, yet it behaves and feels like hardware.

🪨

Window pays tribute to interface culture, and as such, the work is responsive and not scaling. When the work is viewed on a smaller scale, details will disappear, yet the composition stays recognisable. It is like stepping back to see a work from a distance. The work can also increasingly reveal more details when made larger. As a result Window will keep unfolding in the future as resolutions will grow.

The work follows standard window interactions. Double clicking or tapping the title bar will toggle between full browser and windowed view. On a laptop or desktop in windowed view, you can drag and resize your Window as you please. When made tiny, it makes for a nice profile pic. Clicking or tapping the background will cycle through three different background colours.

Window comes in seven latent colours and both in Windows Classic or Mac Classic style.
With the feature ‘Latent colour’ I look at the invisible steps within the procedure of a generative artwork. I love the idea that the script has chosen to feature a colour, but in a later step could fail to make it to the composition. By showing the colour as a feature, I try to extend the visual work with deeper invisible layers of the generative process.
Check the features to see what colour is seeded.

In honour of the blockchain and the web, the work is written in vanilla JavaScript, using no dependancies, and generates standard HTML DOM aiming for a closer feel of the user interface.

Window by Jan Robert Leegte

collection

CollectionOffersPageQuery

CollectionPageContainer_data

isSensitiveContent

name

description

slug

owner

isCategory

imageUrl

bannerImageUrl

representativeAsset

assetContracts

verificationStatus

metadata

statsV2

dropv2

createdDate

totalCreatorFeeBasisPoints

defaultChain

isCollectionOffersEnabled

collectionOffers

numOpenCriteriaOffers

totalCriteriaOfferVolume

relayId

discordUrl

externalUrl

instagramUsername

mediumUsername

telegramUrl

twitterUsername

connectedInstagramUsername

connectedTwitterUsername

connectedDiscordGuildId

nativePaymentAsset

inspiredBy

enabledRarities

isVerified

campaignAnnouncementModal

campaignId

title

overrideUrl

ctaText

ctaUrl

query CollectionOffersPageQuery(
  $collection: CollectionSlug!
) {
  ...CollectionPageContainer_data_2YoIWt
}

fragment AccountLinkV2_account on AccountType {
  address
  config
  isCompromised
  user {
    publicUsername
    id
  }
  displayName
  ...ProfileImage_data
  ...wallet_accountKey
  ...accounts_url
}

fragment AccountLink_data on AccountType {
  address
  config
  isCompromised
  user {
    publicUsername
    id
  }
  displayName
  ...ProfileImage_data
  ...wallet_accountKey
  ...accounts_url
}

fragment AccountOrCollectionPageHeader_collection on CollectionType {
  name
  verificationStatus
}

fragment BaseCollectionHeroBanner_data on CollectionType {
  name
  verificationStatus
  owner {
    ...AccountLinkV2_account
    id
  }
  ...CollectionHeroInfo_data
  ...CollectionHeroStats_data
  ...CollectionBannerActionBar_data
  ...useDropState_data
}

fragment CampaignAnnouncementModal_data on Query {
  campaignAnnouncementModal {
    campaignId
    title
    description
    overrideUrl
    ctaText
    ctaUrl
    id
  }
}

fragment CollectionActionBar_data on CollectionType {
  relayId
  dropv2 {
    __typename
    status
    id
  }
  assetContracts(first: 2) {
    edges {
      node {
        blockExplorerLink
        chainData {
          blockExplorer {
            name
            identifier
          }
        }
        id
      }
    }
  }
  discordUrl
  externalUrl
  instagramUsername
  mediumUsername
  telegramUrl
  twitterUsername
  connectedInstagramUsername
  connectedTwitterUsername
  ...collection_url
  ...CollectionWatchlistButton_data
}

fragment CollectionBannerActionBar_data on CollectionType {
  relayId
  slug
  representativeAsset {
    assetContract {
      openseaVersion
      id
    }
    id
  }
  assetContracts(first: 2) {
    edges {
      node {
        blockExplorerLink
        chainData {
          blockExplorer {
            name
            identifier
          }
        }
        id
      }
    }
  }
  discordUrl
  externalUrl
  instagramUsername
  mediumUsername
  telegramUrl
  twitterUsername
  connectedInstagramUsername
  connectedTwitterUsername
  ...collection_url
  ...CollectionWatchlistButton_data
}

fragment CollectionDescriptionMetadata_data on CollectionType {
  ...collection_url
  metadata {
    custom {
      isMockDrop
      hideProgressBar
    }
  }
  statsV2 {
    hasFungibles
    totalSupply
    totalQuantity
  }
  ...useDropState_data
  dropv2 {
    __typename
    ... on Drop721LimitedEditionType {
      totalItemCount
    }
    ... on Drop1155LimitedEditionType {
      totalItemCount
    }
    mintedItemCount
    id
  }
  category {
    slug
  }
  createdDate
  totalCreatorFeeBasisPoints
  defaultChain {
    displayName
    identifier
  }
}

fragment CollectionFooter_collection on CollectionType {
  isCollectionOffersEnabled
  slug
  defaultChain {
    isTradingEnabled
  }
}

fragment CollectionHeroBannerV2_data on CollectionType {
  name
  description
  bannerImageUrl
  imageUrl
  ...BaseCollectionHeroBanner_data
  metadata {
    hero {
      desktopHeroMedia {
        __typename
        ... on ImageMediaType {
          mediaType
          imageUrl
        }
        ... on VideoMediaType {
          mediaType
          videoUrl
          thumbnailUrl
        }
        ... on MuxVideoMediaType {
          mediaType
          thumbnailUrl
          playbackId
        }
      }
      mobileHeroMedia {
        __typename
        ... on ImageMediaType {
          mediaType
          imageUrl
        }
        ... on VideoMediaType {
          mediaType
          videoUrl
          thumbnailUrl
        }
        ... on MuxVideoMediaType {
          mediaType
          thumbnailUrl
          playbackId
        }
      }
    }
  }
}

fragment CollectionHeroInfo_data on CollectionType {
  description
  ...CollectionDescriptionMetadata_data
}

fragment CollectionHeroStats_data on CollectionType {
  slug
  ...CollectionStatsInner_data
}

fragment CollectionInfoInner_data on CollectionType {
  isCollectionOffersEnabled
  description
  slug
  name
  metadata {
    custom {
      isMockDrop
    }
  }
  dropv2 {
    __typename
    landingPageReady
    id
  }
  ...collection_url
  ...collection_poll_stats
  ...collection_live_stats
  ...collection_live_listing_stats
  ...CollectionDescriptionMetadata_data
}

fragment CollectionInfo_data on CollectionType {
  slug
  ...CollectionInfoInner_data
}

fragment CollectionInspiredBy_data on CollectionType {
  inspiredBy(first: 2) {
    edges {
      node {
        slug
        name
        ...collection_url
        id
      }
    }
  }
}

fragment CollectionPageContainer_data_2YoIWt on Query {
  collection(collection: $collection) {
    isSensitiveContent
    ...CollectionPageHead_collection
    ...CollectionPageLayout_collection
    ...useIsRarityEnabled_collection
    ...useIsOffersTabEnabled_collection
    ...CollectionTrackingContext_collection
    id
  }
  ...CampaignAnnouncementModal_data
}

fragment CollectionPageHead_collection on CollectionType {
  name
  description
  slug
  owner {
    address
    displayName
    id
  }
  ...collection_url
}

fragment CollectionPageLayout_collection on CollectionType {
  slug
  name
  imageUrl
  bannerImageUrl
  representativeAsset {
    assetContract {
      openseaVersion
      id
    }
    id
  }
  assetContracts(first: 2) {
    edges {
      node {
        __typename
        id
      }
    }
  }
  ...CollectionHeroBannerV2_data
  ...AccountOrCollectionPageHeader_collection
  ...Subheader_collection
  ...CollectionActionBar_data
  ...CollectionInfo_data
  ...CollectionSocialBar_data
  ...CollectionTabs_collection
  ...CollectionFooter_collection
  ...SweepContextProvider_collection
  ...useIsCollectionFooterEnabled_collection
  ...CollectionInspiredBy_data
}

fragment CollectionSocialBar_data on CollectionType {
  assetContracts(first: 2) {
    edges {
      node {
        address
        blockExplorerLink
        chainData {
          blockExplorer {
            name
            identifier
          }
        }
        id
      }
    }
  }
  discordUrl
  externalUrl
  instagramUsername
  mediumUsername
  telegramUrl
  twitterUsername
  connectedDiscordGuildId
  connectedTwitterUsername
  connectedInstagramUsername
}

fragment CollectionStatsInner_data on CollectionType {
  isCollectionOffersEnabled
  description
  slug
  name
  metadata {
    custom {
      isMockDrop
    }
  }
  dropv2 {
    __typename
    landingPageReady
    id
  }
  ...collection_url
  ...collection_poll_stats
  ...collection_live_stats
  ...collection_live_listing_stats
}

fragment CollectionTabs_collection on CollectionType {
  ...useIsAnalyticsTabEnabled_collection
  ...useIsOffersTabEnabled_collection
  ...useIsOverviewTabEnabled_collection
}

fragment CollectionTrackingContext_collection on CollectionType {
  relayId
  slug
  isVerified
  isCollectionOffersEnabled
  defaultChain {
    identifier
  }
}

fragment CollectionWatchlistButton_data on CollectionType {
  relayId
}

fragment ProfileImage_data on AccountType {
  imageUrl
}

fragment Subheader_collection on CollectionType {
  owner {
    ...AccountLink_data
    id
  }
  verificationStatus
}

fragment SweepContextProvider_collection on CollectionType {
  nativePaymentAsset {
    symbol
    id
  }
}

fragment accounts_url on AccountType {
  address
  user {
    publicUsername
    id
  }
}

fragment collection_live_listing_stats on CollectionType {
  statsV2 {
    floorPrice {
      unit
      eth
      symbol
      usd
    }
  }
}

fragment collection_live_stats on CollectionType {
  statsV2 {
    numOwners
    totalSupply
    totalQuantity
    totalVolume {
      unit
      symbol
    }
  }
  numOpenCriteriaOffers
  totalCriteriaOfferVolume {
    unit
    symbol
  }
}

fragment collection_poll_stats on CollectionType {
  statsV2 {
    totalListed
  }
  collectionOffers(first: 1) {
    edges {
      node {
        perUnitPriceType {
          unit
          symbol
        }
        id
      }
    }
  }
}

fragment collection_url on CollectionType {
  slug
  isCategory
}

fragment useDropState_data on CollectionType {
  statsV2 {
    totalSupply
  }
  dropv2 {
    __typename
    stages {
      __typename
      startTime
      endTime
      id
    }
    mintedItemCount
    ... on Drop721LimitedEditionType {
      totalItemCount
    }
    ... on Drop1155LimitedEditionType {
      totalItemCount
    }
    id
  }
}

fragment useIsAnalyticsTabEnabled_collection on CollectionType {
  defaultChain {
    identifier
  }
  statsV2 {
    totalQuantity
  }
}

fragment useIsCollectionFooterEnabled_collection on CollectionType {
  defaultChain {
    identifier
  }
}

fragment useIsOffersTabEnabled_collection on CollectionType {
  isCollectionOffersEnabled
  defaultChain {
    identifier
  }
}

fragment useIsOverviewTabEnabled_collection on CollectionType {
  metadata {
    about {
      sections {
        __typename
      }
    }
    team {
      hidden
      sections {
        __typename
      }
    }
    faq {
      hidden
      sections {
        __typename
      }
    }
  }
}

fragment useIsRarityEnabled_collection on CollectionType {
  slug
  enabledRarities
}

fragment wallet_accountKey on AccountType {
  address
}
