Products – GraphQL Swag Shop

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://store.graphql.org/collections/all"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//store.graphql.org/cdn/shop/files/favicon.png?crop=center&height=32&v=1663263376&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Products – GraphQL Swag Shop</title> <meta property="og:site_name" content="GraphQL Swag Shop"> <meta property="og:url" content="https://store.graphql.org/collections/all"> <meta property="og:title" content="Products"> <meta property="og:type" content="website"> <meta property="og:description" content="GraphQL Swag Shop"><meta property="og:image" content="http://store.graphql.org/cdn/shop/files/GraphQL-logo.png?height=628&pad_color=f5f6f8&v=1663253428&width=1200"> <meta property="og:image:secure_url" content="https://store.graphql.org/cdn/shop/files/GraphQL-logo.png?height=628&pad_color=f5f6f8&v=1663253428&width=1200"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Products"> <meta name="twitter:description" content="GraphQL Swag Shop"> <script src="//store.graphql.org/cdn/shop/t/8/assets/global.js?v=24850326154503943211663253233" defer="defer"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/27733295197/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="59437b88188e3fae52b85f8bd948a36c"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all.atom" /> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=27733295197" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":27733295197,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/27733295197","merchantName":"GraphQL Swag Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"GraphQL Swag Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"59437b88188e3fae52b85f8bd948a36c","betas":["rich-media-storefront-analytics"],"domain":"store.graphql.org","predictiveSearch":true,"shopId":27733295197,"smart_payment_buttons_url":"https:\/\/store.graphql.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/store.graphql.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "store-graphql.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Dawn","id":130134999207,"schema_name":"Dawn","schema_version":"6.0.2","theme_store_id":887,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "store.graphql.org/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_Ztg3e7fA.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/easygdpr.b-cdn.net\/v\/1553540745\/gdpr.min.js?shop=store-graphql.myshopify.com","https:\/\/sizechart.zifyapp.com\/js\/frontend\/scripttag-v1.js?shop=store-graphql.myshopify.com","https:\/\/app.avada.io\/avada-sdk.min.js?shop=store-graphql.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":27733295197,"offset":-18000,"reqid":"33966c8f-3336-4cca-b066-1e01dfbb918d-1732381251","pageurl":"store.graphql.org\/collections\/all","u":"f49187844f7a","p":"collection"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.graphql.org/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//store.graphql.org/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//store.graphql.org/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header,footer" defer="defer" src="//store.graphql.org/cdn/shop/t/8/compiled_assets/scripts.js?333"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=4c713f8679e9d10ae1cb6663e6598061bd415775aa1752d2fba08f802a3a47c0") format("woff2"), url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2813d32a8a518a57739131259dd1f1349846b9079e110e89ba3aecbd687a0752") format("woff"); } @font-face { font-family: Montserrat; font-weight: 700; font-style: normal; font-display: swap; src: url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=e333247953c0f2e17ce05646d3f06cd2106e31d18bc68468327d19015a2fe665") format("woff2"), url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=83117a3ae58510ab9aa0f0dcafdd935ebed196f4b9bb9b4b4d108bf2123675bc") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: italic; font-display: swap; src: url("//store.graphql.org/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3cb118411913617030d14217945d4599bca71c38eda8a76a1b4b7da1cacda1cc") format("woff2"), url("//store.graphql.org/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=331371c26a692af2f52c4c05744e9841cbf1568ff3a15b34691d4b1e2cb96156") format("woff"); } @font-face { font-family: Montserrat; font-weight: 700; font-style: italic; font-display: swap; src: url("//store.graphql.org/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=66528a0b9b3d5abce5c93469912f65c70e117c22c49eb4f0b58461852227ba5e") format("woff2"), url("//store.graphql.org/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=fe413a88f1bbc512d4da58e89b3d5b03a41e0224d55ebaefb29114b2bd38ed35") format("woff"); } @font-face { font-family: Montserrat; font-weight: 500; font-style: normal; font-display: swap; src: url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=609358f904af4ba68a7ee687e2230ec9375dd5c00bd2365cb1a4182a1894efde") format("woff2"), url("//store.graphql.org/cdn/fonts/montserrat/montserrat_n5.18a018b6c83e89030c5d70a6d4c02c969f228500.woff?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f527936f17727b49b0a80c67d246ca6dff46c0549ca317e3fa303738db9961c1") format("woff"); } :root { --font-body-family: Montserrat, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Montserrat, sans-serif; --font-heading-style: normal; --font-heading-weight: 500; --font-body-scale: 1.0; --font-heading-scale: 1.0; --color-base-text: 18, 18, 18; --color-shadow: 18, 18, 18; --color-base-background-1: 255, 255, 255; --color-base-background-2: 245, 246, 248; --color-base-solid-button-labels: 255, 255, 255; --color-base-outline-button-labels: 18, 18, 18; --color-base-accent-1: 225, 0, 152; --color-base-accent-2: 43, 55, 70; --payment-terms-background-color: #ffffff; --gradient-base-background-1: #ffffff; --gradient-base-background-2: #f5f6f8; --gradient-base-accent-1: #e10098; --gradient-base-accent-2: #2b3746; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 120rem; --page-width-margin: 0rem; --card-image-padding: 0.6rem; --card-corner-radius: 0.0rem; --card-text-alignment: center; --card-border-width: 0.0rem; --card-border-opacity: 0.1; --card-shadow-opacity: 0.15; --card-shadow-visible: 1; --card-shadow-horizontal-offset: 0.2rem; --card-shadow-vertical-offset: 0.2rem; --card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//store.graphql.org/cdn/shop/t/8/assets/base.css?v=19666067365360246481663253235" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//store.graphql.org/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=4c713f8679e9d10ae1cb6663e6598061bd415775aa1752d2fba08f802a3a47c0" type="font/woff2" crossorigin><link rel="preload" as="font" href="//store.graphql.org/cdn/fonts/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?h1=c3RvcmUuZ3JhcGhxbC5vcmc&h2=c3RvcmUtZ3JhcGhxbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=609358f904af4ba68a7ee687e2230ec9375dd5c00bd2365cb1a4182a1894efde" type="font/woff2" crossorigin><link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-predictive-search.css?v=165644661289088488651663253233" media="print" onload="this.media='all'"><script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 27733295197,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 27733295197,storefrontBaseUrl: "https://store.graphql.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"GraphQL Swag Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"store-graphql.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/store.graphql.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"","title":"Products","productVariants":[{"price":{"amount":40.0,"currencyCode":"USD"},"product":{"title":"GraphQL Bow Tie","vendor":"store-graphql","id":"5601132216487","untranslatedTitle":"GraphQL Bow Tie","url":"\/products\/graphql-bow-tie","type":""},"id":"35639037853863","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/GQLbow-tie.png?v=1663254669"},"sku":"GQL-10001","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":15.0,"currencyCode":"USD"},"product":{"title":"GraphQL Business Socks","vendor":"store-graphql","id":"5497719816359","untranslatedTitle":"GraphQL Business Socks","url":"\/products\/graphql-business-socks","type":""},"id":"35258190987431","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/GQLsocks.png?v=1663254574"},"sku":"GQL-10002","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":0.5,"currencyCode":"USD"},"product":{"title":"GraphQL Decal","vendor":"store-graphql","id":"3826445025373","untranslatedTitle":"GraphQL Decal","url":"\/products\/graphql-decal","type":""},"id":"29420747784285","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/GraphQL_decal9x9.png?v=1663254418"},"sku":"GQL-10003","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":50.0,"currencyCode":"USD"},"product":{"title":"GraphQL Gift Bundle","vendor":"store-graphql","id":"6567931248807","untranslatedTitle":"GraphQL Gift Bundle","url":"\/products\/graphql-gift-bundle","type":""},"id":"39390940070055","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/graphQL-bundle.png?v=1663256183"},"sku":"GQL-10006-S","title":"Straight Small \/ Bow tie","untranslatedTitle":"Straight Small \/ Bow tie"},{"price":{"amount":13.0,"currencyCode":"USD"},"product":{"title":"GraphQL Logo Tee (Fitted)","vendor":"store-graphql","id":"5497159811239","untranslatedTitle":"GraphQL Logo Tee (Fitted)","url":"\/products\/graphql-fitted-logo-tee","type":""},"id":"35256556585127","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889"},"sku":"GQL-10005-S","title":"Small","untranslatedTitle":"Small"},{"price":{"amount":13.0,"currencyCode":"USD"},"product":{"title":"GraphQL Logo Tee (Straight Fit)","vendor":"store-graphql","id":"5497145098407","untranslatedTitle":"GraphQL Logo Tee (Straight Fit)","url":"\/products\/graphql-straight-fit-logo-tee","type":""},"id":"35256498651303","image":{"src":"\/\/store.graphql.org\/cdn\/shop\/products\/GQL-Mtee.png?v=1615583807"},"sku":"GQL-10004-S","title":"Small","untranslatedTitle":"Small"}]}});},"https://store.graphql.org/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"products":[{"id":5601132216487,"gid":"gid:\/\/shopify\/Product\/5601132216487","vendor":"store-graphql","type":"","variants":[{"id":35639037853863,"price":4000,"name":"GraphQL Bow Tie","public_title":null,"sku":"GQL-10001"}]},{"id":5497719816359,"gid":"gid:\/\/shopify\/Product\/5497719816359","vendor":"store-graphql","type":"","variants":[{"id":35258190987431,"price":1500,"name":"GraphQL Business Socks","public_title":null,"sku":"GQL-10002"}]},{"id":3826445025373,"gid":"gid:\/\/shopify\/Product\/3826445025373","vendor":"store-graphql","type":"","variants":[{"id":29420747784285,"price":50,"name":"GraphQL Decal","public_title":null,"sku":"GQL-10003"}]},{"id":6567931248807,"gid":"gid:\/\/shopify\/Product\/6567931248807","vendor":"store-graphql","type":"","variants":[{"id":39390940070055,"price":5000,"name":"GraphQL Gift Bundle - Straight Small \/ Bow tie","public_title":"Straight Small \/ Bow tie","sku":"GQL-10006-S"},{"id":39390940102823,"price":5000,"name":"GraphQL Gift Bundle - Straight Small \/ Socks","public_title":"Straight Small \/ Socks","sku":"GQL-10007-S"},{"id":39390940135591,"price":5000,"name":"GraphQL Gift Bundle - Straight Medium \/ Bow tie","public_title":"Straight Medium \/ Bow tie","sku":"GQL-10006-M"},{"id":39390940168359,"price":5000,"name":"GraphQL Gift Bundle - Straight Medium \/ Socks","public_title":"Straight Medium \/ Socks","sku":"GQL-10007-M"},{"id":39390940201127,"price":5000,"name":"GraphQL Gift Bundle - Straight Large \/ Bow tie","public_title":"Straight Large \/ Bow tie","sku":"GQL-10006-L"},{"id":39390940233895,"price":5000,"name":"GraphQL Gift Bundle - Straight Large \/ Socks","public_title":"Straight Large \/ Socks","sku":"GQL-10007-L"},{"id":39390940266663,"price":5000,"name":"GraphQL Gift Bundle - Straight XL \/ Bow tie","public_title":"Straight XL \/ Bow tie","sku":"GQL-10006-XL"},{"id":39390940299431,"price":5000,"name":"GraphQL Gift Bundle - Straight XL \/ Socks","public_title":"Straight XL \/ Socks","sku":"GQL-10007-XL"},{"id":39390940332199,"price":5000,"name":"GraphQL Gift Bundle - Straight 2XL \/ Bow tie","public_title":"Straight 2XL \/ Bow tie","sku":"GQL-10006-2XL"},{"id":39390940364967,"price":5000,"name":"GraphQL Gift Bundle - Straight 2XL \/ Socks","public_title":"Straight 2XL \/ Socks","sku":"GQL-10007-2XL"},{"id":39390940397735,"price":5000,"name":"GraphQL Gift Bundle - Fitted Small \/ Bow tie","public_title":"Fitted Small \/ Bow tie","sku":"GQL-10008-S"},{"id":39390940430503,"price":5000,"name":"GraphQL Gift Bundle - Fitted Small \/ Socks","public_title":"Fitted Small \/ Socks","sku":"GQL-10009-S"},{"id":39390940463271,"price":5000,"name":"GraphQL Gift Bundle - Fitted Medium \/ Bow tie","public_title":"Fitted Medium \/ Bow tie","sku":"GQL-10008-M"},{"id":39390940496039,"price":5000,"name":"GraphQL Gift Bundle - Fitted Medium \/ Socks","public_title":"Fitted Medium \/ Socks","sku":"GQL-10009-M"},{"id":39390940528807,"price":5000,"name":"GraphQL Gift Bundle - Fitted Large \/ Bow tie","public_title":"Fitted Large \/ Bow tie","sku":"GQL-10008-L"},{"id":39390940561575,"price":5000,"name":"GraphQL Gift Bundle - Fitted Large \/ Socks","public_title":"Fitted Large \/ Socks","sku":"GQL-10009-L"},{"id":39390940594343,"price":5000,"name":"GraphQL Gift Bundle - Fitted XL \/ Bow tie","public_title":"Fitted XL \/ Bow tie","sku":"GQL-10008-XL"},{"id":39390940627111,"price":5000,"name":"GraphQL Gift Bundle - Fitted XL \/ Socks","public_title":"Fitted XL \/ Socks","sku":"GQL-10009-XL"},{"id":39390940659879,"price":5000,"name":"GraphQL Gift Bundle - Fitted 2XL \/ Bow tie","public_title":"Fitted 2XL \/ Bow tie","sku":"GQL-10008-2XL"},{"id":39390940692647,"price":5000,"name":"GraphQL Gift Bundle - Fitted 2XL \/ Socks","public_title":"Fitted 2XL \/ Socks","sku":"GQL-10009-2XL"}]},{"id":5497159811239,"gid":"gid:\/\/shopify\/Product\/5497159811239","vendor":"store-graphql","type":"","variants":[{"id":35256556585127,"price":1300,"name":"GraphQL Logo Tee (Fitted) - Small","public_title":"Small","sku":"GQL-10005-S"},{"id":35256556617895,"price":1300,"name":"GraphQL Logo Tee (Fitted) - Medium","public_title":"Medium","sku":"GQL-10005-M"},{"id":35256556650663,"price":1300,"name":"GraphQL Logo Tee (Fitted) - Large","public_title":"Large","sku":"GQL-10005-L"},{"id":35256556683431,"price":1300,"name":"GraphQL Logo Tee (Fitted) - XL","public_title":"XL","sku":"GQL-10005-XL"},{"id":35256556716199,"price":1300,"name":"GraphQL Logo Tee (Fitted) - 2XL","public_title":"2XL","sku":"GQL-10005-2XL"}]},{"id":5497145098407,"gid":"gid:\/\/shopify\/Product\/5497145098407","vendor":"store-graphql","type":"","variants":[{"id":35256498651303,"price":1300,"name":"GraphQL Logo Tee (Straight Fit) - Small","public_title":"Small","sku":"GQL-10004-S"},{"id":35256498749607,"price":1300,"name":"GraphQL Logo Tee (Straight Fit) - Medium","public_title":"Medium","sku":"GQL-10004-M"},{"id":35256498815143,"price":1300,"name":"GraphQL Logo Tee (Straight Fit) - Large","public_title":"Large","sku":"GQL-10004-L"},{"id":35256498913447,"price":1300,"name":"GraphQL Logo Tee (Straight Fit) - XL","public_title":"XL","sku":"GQL-10004-XL"},{"id":35256499011751,"price":1300,"name":"GraphQL Logo Tee (Straight Fit) - 2XL","public_title":"2XL","sku":"GQL-10004-2XL"}]}],"page":{"pageType":"collection"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 27733295197, theme_id: 130134999207, app_name: "storefront", context_url: window.location.href, source_url: "//store.graphql.org/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//store.graphql.org/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//store.graphql.org/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":27733295197,"isMerchantRequest":null,"themeId":130134999207,"themeCityHash":"4139676649921943304","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all","collectionName":"all","nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//store.graphql.org/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Dawn"; window.BOOMR.themeVersion = "6.0.2"; window.BOOMR.shopId = 27733295197; window.BOOMR.themeId = 130134999207; })();</script> <script defer src="https://store.graphql.org/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="27733295197" data-render-region="gcp-asia-southeast1" data-page-type="collection" data-theme-instance-id="130134999207" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a><div id="shopify-section-announcement-bar" class="shopify-section"> </div> <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991663253234" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-search.css?v=96455689198851321781663253232" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-menu-drawer.css?v=182311192829367774911663253233" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-cart-notification.css?v=119852831333870967341663253232" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-cart-items.css?v=23917223812499722491663253235" media="print" onload="this.media='all'"><link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-price.css?v=112673864592427438181663253233" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-loading-overlay.css?v=167310470843593579841663253235" media="print" onload="this.media='all'"><noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991663253234" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-search.css?v=96455689198851321781663253232" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-menu-drawer.css?v=182311192829367774911663253233" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-cart-notification.css?v=119852831333870967341663253232" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-cart-items.css?v=23917223812499722491663253235" rel="stylesheet" type="text/css" media="all" /></noscript> <style> header-drawer { justify-self: start; margin-left: -1.2rem; } .header__heading-logo { max-width: 130px; } @media screen and (min-width: 990px) { header-drawer { display: none; } } .menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding-top: 10px; padding-bottom: 10px; } .section-header { margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 20px; padding-bottom: 20px; } }</style><script src="//store.graphql.org/cdn/shop/t/8/assets/details-disclosure.js?v=153497636716254413831663253234" defer="defer"></script> <script src="//store.graphql.org/cdn/shop/t/8/assets/details-modal.js?v=4511761896672669691663253234" defer="defer"></script> <script src="//store.graphql.org/cdn/shop/t/8/assets/cart-notification.js?v=31179948596492670111663253233" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </symbol> </svg> <sticky-header class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"> <header class="header header--middle-left page-width header--has-menu"><header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu"> <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16"> <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a href="/collections/all" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page"> Shop All </a></li><li><a href="/pages/about-us" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> FAQs </a></li></ul> </nav> <div class="menu-drawer__utility-links"><ul class="list list-social list-unstyled" role="list"></ul> </div> </div> </div> </div> </details> </header-drawer><a href="/" class="header__heading-link link link--text focus-inset"><img src="//store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428" alt="GraphQL Swag Shop" srcset="//store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=50 50w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=100 100w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=150 150w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=200 200w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=250 250w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=300 300w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=400 400w, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=500 500w" width="130" height="40.95" class="header__heading-logo"> </a><nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a href="/collections/all" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset" aria-current="page"> <span class="header__active-menu-item">Shop All</span> </a></li><li><a href="/pages/about-us" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> <span>FAQs</span> </a></li></ul> </nav><div class="header__icons"> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search"> <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button class="search__button field__button" aria-label="Search"> <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close"> <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none"> <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Cart</span></a> </div> </header> </sticky-header> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "GraphQL Swag Shop", "logo": "https:\/\/store.graphql.org\/cdn\/shop\/files\/GraphQL-logo.png?v=1663253428\u0026width=600", "sameAs": [ "", "", "", "", "", "", "", "", "" ], "url": "https:\/\/store.graphql.org" } </script> </div> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <div id="shopify-section-template--15614220763303__banner" class="shopify-section section"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-collection-hero.css?v=40426793502088958311663253234" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { .collection-hero--with-image .collection-hero__inner { padding-bottom: calc(4px + 2rem); } }</style><div class="collection-hero color-background-1 gradient"> <div class="collection-hero__inner page-width"> <div class="collection-hero__text-wrapper"> <h1 class="collection-hero__title"> <span class="visually-hidden">Collection: </span>Products</h1><div class="collection-hero__description rte"></div></div></div> </div> </div><div id="shopify-section-template--15614220763303__product-grid" class="shopify-section section"><link href="//store.graphql.org/cdn/shop/t/8/assets/template-collection.css?v=145944865380958730931663253234" rel="stylesheet" type="text/css" media="all" /> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-loading-overlay.css?v=167310470843593579841663253235" rel="stylesheet" type="text/css" media="all" /> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-card.css?v=72805245582035824971663253234" rel="stylesheet" type="text/css" media="all" /> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-price.css?v=112673864592427438181663253233" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="//store.graphql.org/cdn/shop/t/8/assets/component-rte.css?v=69919436638515329781663253234" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-rte.css?v=69919436638515329781663253234" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15614220763303__product-grid-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--15614220763303__product-grid-padding { padding-top: 36px; padding-bottom: 36px; } }</style><div class="section-template--15614220763303__product-grid-padding"> <div class=""> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-facets.css?v=50136063114857006751663253233" rel="stylesheet" type="text/css" media="all" /> <script src="//store.graphql.org/cdn/shop/t/8/assets/facets.js?v=8858179154407579181663253234" defer="defer"></script><aside aria-labelledby="verticalTitle" class="facets-wrapper page-width" id="main-collection-filters" data-id="template--15614220763303__product-grid"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-show-more.css?v=56103980314977906391663253233" rel="stylesheet" type="text/css" media="all" /> <div class="facets-container"><facet-filters-form class="facets small-hide"> <form id="FacetFiltersForm" class="facets__form"> <div id="FacetsWrapperDesktop" class="facets__wrapper"><h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1">Filter:</h2> <script src="//store.graphql.org/cdn/shop/t/8/assets/show-more.js?v=90883108635033788741663253233" defer="defer"></script> <details id="Details-1-template--15614220763303__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1"> <summary class="facets__summary caption-large focus-offset" aria-label="Availability (0 selected)"> <div> <span>Availability</span> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </summary> <div id="Facet-1-template--15614220763303__product-grid" class="parent-display facets__display"><div class="facets__header"> <span class="facets__selected no-js-hidden">0 selected</span> <facet-remove> <a href="/collections/all" class="facets__reset link underlined-link"> Reset </a> </facet-remove> </div><fieldset class="facets-wrap parent-wrap "> <legend class="visually-hidden">Availability</legend> <ul class=" facets__list list-unstyled no-js-hidden" role="list"><li class="list-menu__item facets__item"> <label for="Filter-Availability-1" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="1" id="Filter-Availability-1" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (6)</span> <span class="visually-hidden">In stock (6 products)</span> </label> </li><li class="list-menu__item facets__item"> <label for="Filter-Availability-2" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="0" id="Filter-Availability-2" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (2)</span> <span class="visually-hidden">Out of stock (2 products)</span> </label> </li></ul> <ul class=" facets__list list-unstyled no-js" role="list"><li class="list-menu__item facets__item"> <label for="Filter-Availability-1" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="1" id="Filter-Availability-1" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (6)</span> <span class="visually-hidden">In stock (6 products)</span> </label> </li><li class="list-menu__item facets__item"> <label for="Filter-Availability-2" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="0" id="Filter-Availability-2" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (2)</span> <span class="visually-hidden">Out of stock (2 products)</span> </label> </li></ul> </fieldset> </div> </details> <details id="Details-2-template--15614220763303__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2"> <summary class="facets__summary caption-large focus-offset"> <div> <span>Price</span> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </summary> <div id="Facet-2-template--15614220763303__product-grid" class="facets__display"> <div class="facets__header"><span class="facets__selected">The highest price is $50.00</span><facet-remove> <a href="/collections/all" class="facets__reset link underlined-link"> Reset </a> </facet-remove></div> <price-range class="facets__price"> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE"type="number" placeholder="0" min="0"max="50.00" > <label class="field__label" for="Filter-Price-GTE">From</label> </div><span class="field-currency">$</span><div class="field"> <input class="field__input" name="filter.v.price.lte" id="Filter-Price-LTE"type="number" min="0"placeholder="50.00" max="50.00" > <label class="field__label" for="Filter-Price-LTE">To</label> </div> </price-range> </div> </details> <noscript> <button type="submit" class="facets__button-no-js button button--secondary">Filter</button> </noscript> </div> <div class="active-facets active-facets-desktop"> <facet-remove class="active-facets__button-wrapper"> <a href="/collections/all" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="facet-filters sorting caption"> <div class="facet-filters__field"> <h2 class="facet-filters__label caption-large text-body"> <label for="SortBy">Sort by:</label> </h2> <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling">Best selling</option><option value="title-ascending" selected="selected">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> <noscript> <button type="submit" class="facets__button-no-js button button--secondary">Sort</button> </noscript> </div><div class="product-count light" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCountDesktop">6 products </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></form> </facet-filters-form> <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile"> <details class="mobile-facets__disclosure disclosure-has-popup"> <summary class="mobile-facets__open-wrapper focus-offset"> <span class="mobile-facets__open"> <svg class="icon icon-filter" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/> </svg> <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filter and sort </span> <span class="mobile-facets__open-label button-label small-hide">Filter </span> </span> <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <facet-filters-form> <form id="FacetFiltersFormMobile" class="mobile-facets"> <div class="mobile-facets__inner gradient"> <div class="mobile-facets__header"> <div class="mobile-facets__header-inner"> <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort </h2> <h2 class="mobile-facets__heading small-hide">Filter </h2> <p class="mobile-facets__count">6 products </p> </div> </div> <div class="mobile-facets__main has-submenu gradient"> <details id="Details-Mobile-1-template--15614220763303__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1"> <summary class="mobile-facets__summary focus-inset"> <div> <span>Availability</span> <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </noscript> </div> </summary> <div id="FacetMobile-1-template--15614220763303__product-grid" class="mobile-facets__submenu gradient"> <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Availability </button> <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item"> <label for="Filter-Availability-mobile-1" class="mobile-facets__label"> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-Availability-mobile-1" > <span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (6)</span> <span class="visually-hidden">In stock (6 products)</span> </label> </li><li class="mobile-facets__item list-menu__item"> <label for="Filter-Availability-mobile-2" class="mobile-facets__label"> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-Availability-mobile-2" > <span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (2)</span> <span class="visually-hidden">Out of stock (2 products)</span> </label> </li></ul> <div class="no-js-hidden mobile-facets__footer gradient"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/all" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </details> <details id="Details-Mobile-2-template--15614220763303__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2"> <summary class="mobile-facets__summary focus-inset"> <div> <span>Price</span> <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </noscript> </div> </summary> <div id="FacetMobile-2-template--15614220763303__product-grid" class="mobile-facets__submenu gradient"> <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Price </button><p class="mobile-facets__info">The highest price is $50.00</p> <price-range class="facets__price"> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Mobile-Filter-Price-GTE"type="number" placeholder="0" min="0" inputmode="decimal"max="50.00" > <label class="field__label" for="Mobile-Filter-Price-GTE">From</label> </div> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.lte" id="Mobile-Filter-Price-LTE"type="number" min="0" inputmode="decimal"placeholder="50.00" max="50.00" > <label class="field__label" for="Mobile-Filter-Price-LTE">To</label> </div> </price-range> <div class="no-js-hidden mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/all" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </details> <div class="mobile-facets__details js-filter" data-index="mobile-"> <div class="mobile-facets__summary"> <div class="mobile-facets__sort"> <label for="SortBy-mobile">Sort by:</label> <div class="select"> <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling">Best selling</option><option value="title-ascending" selected="selected">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </div> </div><div class="mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/all" class="mobile-facets__clear underlined-link">Remove all</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </div> </form> </facet-filters-form> </details> </menu-drawer> <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper"> <a href="/collections/all" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="product-count light medium-hide large-up-hide" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCount">6 products </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></div> </aside><div class="product-grid-container" id="ProductGridContainer"><div class="collection page-width"> <div class="loading-overlay gradient"></div> <ul id="product-grid" data-id="template--15614220763303__product-grid" class=" grid product-grid grid--2-col-tablet-down grid--4-col-desktop"> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 125.0%;" > <div class="card__inner ratio" style="--ratio-percent: 125.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669&width=165 165w,//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669&width=360 360w,//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669&width=533 533w,//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669&width=720 720w,//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669 720w" src="//store.graphql.org/cdn/shop/products/GQLbow-tie.png?v=1663254669&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Bow Tie" class="motion-reduce" width="720" height="900" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-bow-tie" id="StandardCardNoMediaLink-template--15614220763303__product-grid-5601132216487" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-5601132216487 NoMediaStandardBadge-template--15614220763303__product-grid-5601132216487"> GraphQL Bow Tie </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-5601132216487"> <a href="/products/graphql-bow-tie" id="CardLink-template--15614220763303__product-grid-5601132216487" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-5601132216487 Badge-template--15614220763303__product-grid-5601132216487"> GraphQL Bow Tie </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $40.00 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $40.00 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 125.0%;" > <div class="card__inner ratio" style="--ratio-percent: 125.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574&width=165 165w,//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574&width=360 360w,//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574&width=533 533w,//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574&width=720 720w,//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574 720w" src="//store.graphql.org/cdn/shop/products/GQLsocks.png?v=1663254574&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Business Socks" class="motion-reduce" width="720" height="900" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-business-socks" id="StandardCardNoMediaLink-template--15614220763303__product-grid-5497719816359" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-5497719816359 NoMediaStandardBadge-template--15614220763303__product-grid-5497719816359"> GraphQL Business Socks </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-5497719816359"> <a href="/products/graphql-business-socks" id="CardLink-template--15614220763303__product-grid-5497719816359" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-5497719816359 Badge-template--15614220763303__product-grid-5497719816359"> GraphQL Business Socks </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $15.00 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $15.00 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 125.0%;" > <div class="card__inner ratio" style="--ratio-percent: 125.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418&width=165 165w,//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418&width=360 360w,//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418&width=533 533w,//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418&width=720 720w,//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418 720w" src="//store.graphql.org/cdn/shop/products/GraphQL_decal9x9.png?v=1663254418&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Decal" class="motion-reduce" loading="lazy" width="720" height="900" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-decal" id="StandardCardNoMediaLink-template--15614220763303__product-grid-3826445025373" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-3826445025373 NoMediaStandardBadge-template--15614220763303__product-grid-3826445025373"> GraphQL Decal </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-3826445025373"> <a href="/products/graphql-decal" id="CardLink-template--15614220763303__product-grid-3826445025373" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-3826445025373 Badge-template--15614220763303__product-grid-3826445025373"> GraphQL Decal </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $0.50 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $0.50 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 100.0%;" > <div class="card__inner ratio" style="--ratio-percent: 100.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=165 165w,//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=360 360w,//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=533 533w,//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=720 720w,//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183 720w" src="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Gift Bundle" class="motion-reduce" loading="lazy" width="720" height="720" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-gift-bundle" id="StandardCardNoMediaLink-template--15614220763303__product-grid-6567931248807" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-6567931248807 NoMediaStandardBadge-template--15614220763303__product-grid-6567931248807"> GraphQL Gift Bundle </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-6567931248807"> <a href="/products/graphql-gift-bundle" id="CardLink-template--15614220763303__product-grid-6567931248807" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-6567931248807 Badge-template--15614220763303__product-grid-6567931248807"> GraphQL Gift Bundle </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $50.00 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $50.00 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 125.0%;" > <div class="card__inner ratio" style="--ratio-percent: 125.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889&width=165 165w,//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889&width=360 360w,//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889&width=533 533w,//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889&width=720 720w,//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889 720w" src="//store.graphql.org/cdn/shop/products/4085-Navy-1-2000LNavyModelFront1.png?v=1663253889&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Logo Tee (Fitted)" class="motion-reduce" loading="lazy" width="720" height="900" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-fitted-logo-tee" id="StandardCardNoMediaLink-template--15614220763303__product-grid-5497159811239" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-5497159811239 NoMediaStandardBadge-template--15614220763303__product-grid-5497159811239"> GraphQL Logo Tee (Fitted) </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-5497159811239"> <a href="/products/graphql-fitted-logo-tee" id="CardLink-template--15614220763303__product-grid-5497159811239" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-5497159811239 Badge-template--15614220763303__product-grid-5497159811239"> GraphQL Logo Tee (Fitted) </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $13.00 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $13.00 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-rating.css?v=24573085263941240431663253234" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper underline-links-hover"> <div class="card card--card card--media color-background-2 gradient " style="--ratio-percent: 125.0%;" > <div class="card__inner ratio" style="--ratio-percent: 125.0%;"><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807&width=165 165w,//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807&width=360 360w,//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807&width=533 533w,//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807&width=720 720w,//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807 720w" src="//store.graphql.org/cdn/shop/products/GQL-Mtee.png?v=1615583807&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="GraphQL Logo Tee (Straight Fit)" class="motion-reduce" loading="lazy" width="720" height="900" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading"> <a href="/products/graphql-straight-fit-logo-tee" id="StandardCardNoMediaLink-template--15614220763303__product-grid-5497145098407" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220763303__product-grid-5497145098407 NoMediaStandardBadge-template--15614220763303__product-grid-5497145098407"> GraphQL Logo Tee (Straight Fit) </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15614220763303__product-grid-5497145098407"> <a href="/products/graphql-straight-fit-logo-tee" id="CardLink-template--15614220763303__product-grid-5497145098407" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220763303__product-grid-5497145098407 Badge-template--15614220763303__product-grid-5497145098407"> GraphQL Logo Tee (Straight Fit) </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $13.00 USD </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $13.00 USD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li></ul></div></div> </div> </div> </div> </main> <div id="shopify-section-footer" class="shopify-section"> <link href="//store.graphql.org/cdn/shop/t/8/assets/section-footer.css?v=83777583229853969691663253235" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-newsletter.css?v=103472482056003053551663253234" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991663253234" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-list-payment.css?v=69253961410771838501663253233" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-list-social.css?v=52211663153726659061663253232" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-rte.css?v=69919436638515329781663253234" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/disclosure.css?v=646595190999601341663253233" media="print" onload="this.media='all'"> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-newsletter.css?v=103472482056003053551663253234" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991663253234" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-list-payment.css?v=69253961410771838501663253233" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-list-social.css?v=52211663153726659061663253232" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-rte.css?v=69919436638515329781663253234" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/disclosure.css?v=646595190999601341663253233" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer { margin-top: 36px; } .section-footer-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .footer { margin-top: 48px; } .section-footer-padding { padding-top: 36px; padding-bottom: 36px; } }</style><footer class="footer color-accent-2 gradient section-footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item" ><div class="footer-block__details-content footer-block-image "><img srcset= "//store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=145, //store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=290 2x" src="//store.graphql.org/cdn/shop/files/GraphQL-logo.png?v=1663253428&width=400" alt="" loading="lazy" width="600" height="189" style="max-width: min(100%, 145px);" ></div></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Quick links</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="https://graphql.org/" class="link link--text list-menu__item list-menu__item--link"> GraphQL </a> </li><li> <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link"> Contact Us </a> </li></ul></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Info</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="/pages/about-us" class="link link--text list-menu__item list-menu__item--link"> FAQs </a> </li><li> <a href="/pages/return-policy" class="link link--text list-menu__item list-menu__item--link"> Return Policy </a> </li></ul></div></div><div class="footer-block--newsletter"></div> </div><div class="footer__content-bottom"> <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"><div class="footer__copyright caption"> <small class="copyright__content">© 2024, <a href="/" title="">GraphQL Swag Shop</a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small> </div> </div> </div> </div> </footer> </div> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://store.graphql.org'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest' }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.` } window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, } window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, } </script><script src="//store.graphql.org/cdn/shop/t/8/assets/predictive-search.js?v=31278710863581584031663253233" defer="defer"></script></body> </html>

CINXE.COM

Products – GraphQL Swag Shop