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/"> <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> GraphQL Swag Shop </title> <meta property="og:site_name" content="GraphQL Swag Shop"> <meta property="og:url" content="https://store.graphql.org/"> <meta property="og:title" content="GraphQL Swag Shop"> <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="GraphQL Swag Shop"> <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"> <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":"index"}</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":"d5c1dce2-e1dd-4f6c-be49-fae874dac68b-1732699286","pageurl":"store.graphql.org\/","u":"005107e0016f","p":"home"};</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: "index"};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", {});},"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 = {"page":{"pageType":"home"}}; 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":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); 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="index" 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"> 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><h1 class="header__heading"><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></h1><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"> <span>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> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "GraphQL Swag Shop", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/store.graphql.org\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/store.graphql.org" } </script> </div> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--15614220828839__16632632292a860502" class="shopify-section section"><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/section-rich-text.css?v=155250126305810049721663253234" media="print" onload="this.media='all'"> <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/section-rich-text.css?v=155250126305810049721663253234" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15614220828839__16632632292a860502-padding { padding-top: 30px; padding-bottom: 39px; } @media screen and (min-width: 750px) { .section-template--15614220828839__16632632292a860502-padding { padding-top: 40px; padding-bottom: 52px; } }</style><div class="isolate"> <div class="rich-text content-container color-accent-2 gradient rich-text--full-width content-container--full-width section-template--15614220828839__16632632292a860502-padding"> <div class="rich-text__wrapper rich-text__wrapper--center page-width"> <div class="rich-text__blocks center"><h2 class="rich-text__heading rte h1" > <span>Welcome to the GraphQL Swag Shop</span> </h2></div> </div> </div> </div> </section><section id="shopify-section-template--15614220828839__featured_collection" class="shopify-section section"><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="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-slider.css?v=95971316053212773771663253233" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/template-collection.css?v=145944865380958730931663253234" media="print" onload="this.media='all'"><noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/component-slider.css?v=95971316053212773771663253233" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//store.graphql.org/cdn/shop/t/8/assets/template-collection.css?v=145944865380958730931663253234" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15614220828839__featured_collection-padding { padding-top: 21px; padding-bottom: 63px; } @media screen and (min-width: 750px) { .section-template--15614220828839__featured_collection-padding { padding-top: 28px; padding-bottom: 84px; } }</style><div class="color-background-2 isolate gradient"> <div class="collection section-template--15614220828839__featured_collection-padding"> <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"></div> <slider-component class="slider-mobile-gutter page-width page-width-desktop"> <ul id="Slider-template--15614220828839__featured_collection" class="grid product-grid contains-card grid--3-col-desktop grid--2-col-tablet-down" role="list" aria-label="Slider"><li id="Slide-template--15614220828839__featured_collection-1" 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--15614220828839__featured_collection-5497145098407" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220828839__featured_collection-5497145098407 NoMediaStandardBadge-template--15614220828839__featured_collection-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--15614220828839__featured_collection-5497145098407"> <a href="/products/graphql-straight-fit-logo-tee" id="CardLink-template--15614220828839__featured_collection-5497145098407" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220828839__featured_collection-5497145098407 Badge-template--15614220828839__featured_collection-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><li id="Slide-template--15614220828839__featured_collection-2" 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--15614220828839__featured_collection-5497159811239" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220828839__featured_collection-5497159811239 NoMediaStandardBadge-template--15614220828839__featured_collection-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--15614220828839__featured_collection-5497159811239"> <a href="/products/graphql-fitted-logo-tee" id="CardLink-template--15614220828839__featured_collection-5497159811239" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220828839__featured_collection-5497159811239 Badge-template--15614220828839__featured_collection-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 id="Slide-template--15614220828839__featured_collection-3" 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" loading="lazy" 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--15614220828839__featured_collection-5601132216487" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220828839__featured_collection-5601132216487 NoMediaStandardBadge-template--15614220828839__featured_collection-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--15614220828839__featured_collection-5601132216487"> <a href="/products/graphql-bow-tie" id="CardLink-template--15614220828839__featured_collection-5601132216487" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220828839__featured_collection-5601132216487 Badge-template--15614220828839__featured_collection-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 id="Slide-template--15614220828839__featured_collection-4" 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" loading="lazy" 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--15614220828839__featured_collection-5497719816359" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220828839__featured_collection-5497719816359 NoMediaStandardBadge-template--15614220828839__featured_collection-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--15614220828839__featured_collection-5497719816359"> <a href="/products/graphql-business-socks" id="CardLink-template--15614220828839__featured_collection-5497719816359" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220828839__featured_collection-5497719816359 Badge-template--15614220828839__featured_collection-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 id="Slide-template--15614220828839__featured_collection-5" 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--15614220828839__featured_collection-3826445025373" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15614220828839__featured_collection-3826445025373 NoMediaStandardBadge-template--15614220828839__featured_collection-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--15614220828839__featured_collection-3826445025373"> <a href="/products/graphql-decal" id="CardLink-template--15614220828839__featured_collection-3826445025373" class="full-unstyled-link" aria-labelledby="CardLink-template--15614220828839__featured_collection-3826445025373 Badge-template--15614220828839__featured_collection-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></ul></slider-component></div> </div> </section><section id="shopify-section-template--15614220828839__16632532647e184706" class="shopify-section section section-featured-product"><link href="//store.graphql.org/cdn/shop/t/8/assets/section-main-product.css?v=46268500185129980601663253232" rel="stylesheet" type="text/css" media="all" /> <link href="//store.graphql.org/cdn/shop/t/8/assets/section-featured-product.css?v=168793776105553119551663253234" rel="stylesheet" type="text/css" media="all" /> <link href="//store.graphql.org/cdn/shop/t/8/assets/component-accordion.css?v=180964204318874863811663253232" 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 href="//store.graphql.org/cdn/shop/t/8/assets/component-rte.css?v=69919436638515329781663253234" 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" /> <style data-shopify>.section-template--15614220828839__16632532647e184706-padding { padding-top: 63px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--15614220828839__16632532647e184706-padding { padding-top: 84px; padding-bottom: 36px; } }</style><link rel="stylesheet" href="//store.graphql.org/cdn/shop/t/8/assets/component-deferred-media.css?v=105211437941697141201663253234" media="print" onload="this.media='all'"><section class="color-background-1 gradient"> <div class="page-width section-template--15614220828839__16632532647e184706-padding"> <div class="featured-product product grid grid--1-col gradient color-background-1 isolate grid--2-col-tablet"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--15614220828839__16632532647e184706" role="region" aria-label="Gallery Viewer" data-desktop-layout="stacked"> <a class="skip-to-content-link button visually-hidden" href="#ProductInfo-template--15614220828839__16632532647e184706"> Skip to product information </a> <div id="GalleryViewer-template--15614220828839__16632532647e184706" class="product__media-list"><div class="product__media-item" data-media-id="template--15614220828839__16632532647e184706-26492634300583"> <noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;"> <img srcset="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=493 493w, //store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=600 600w, //store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=713 713w, //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=1946" sizes="(min-width: 1200px) 550px, (min-width: 990px) calc(50.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw - 4rem)" loading="lazy" width="973" height="973" alt="" > </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15614220828839__16632532647e184706"> <span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;"> <img srcset="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=493 493w, //store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=600 600w, //store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=713 713w, //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=1946" sizes="(min-width: 1200px) 550px, (min-width: 990px) calc(50.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw - 4rem)" loading="lazy" width="973" height="973" alt="" > </div> <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="26492634300583"> <span class="visually-hidden"> Open media 1 in modal </span> </button> </modal-opener> </div></div></media-gallery> </div> <div class="product__info-wrapper grid__item"> <div id="ProductInfo-template--15614220828839__16632532647e184706" class="product__info-container"><h2 class="product__title h1" >GraphQL Gift Bundle </h2><p class="product__text subtitle" ></p><div class="no-js-hidden" id="price-template--15614220828839__16632532647e184706" role="status" > <div class="price price--large price--show-badge"> <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><span class="badge price__badge-sale color-accent-2"> Sale </span> <span class="badge price__badge-sold-out color-inverse"> Sold out </span></div> </div><div ><form method="post" action="/cart/add" id="product_form_6567931248807" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39390940070055"> <input type="hidden" name="product-id" value="6567931248807" /><input type="hidden" name="section-id" value="template--15614220828839__16632532647e184706" /></form></div><variant-selects class="no-js-hidden" data-section="template--15614220828839__16632532647e184706" data-url="/products/graphql-gift-bundle" data-update-url="false" ><div class="product-form__input product-form__input--dropdown"> <label class="form__label" for="Option-template--15614220828839__16632532647e184706-0"> Shirts </label> <div class="select"> <select id="Option-template--15614220828839__16632532647e184706-0" class="select__select" name="options[Shirts]" form="product-form-template--15614220828839__16632532647e184706" ><option value="Straight Small" selected="selected"> Straight Small </option><option value="Straight Medium" > Straight Medium </option><option value="Straight Large" > Straight Large </option><option value="Straight XL" > Straight XL </option><option value="Straight 2XL" > Straight 2XL </option><option value="Fitted Small" > Fitted Small </option><option value="Fitted Medium" > Fitted Medium </option><option value="Fitted Large" > Fitted Large </option><option value="Fitted XL" > Fitted XL </option><option value="Fitted 2XL" > Fitted 2XL </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 class="product-form__input product-form__input--dropdown"> <label class="form__label" for="Option-template--15614220828839__16632532647e184706-1"> Other Gifts </label> <div class="select"> <select id="Option-template--15614220828839__16632532647e184706-1" class="select__select" name="options[Other Gifts]" form="product-form-template--15614220828839__16632532647e184706" ><option value="Bow tie" selected="selected"> Bow tie </option><option value="Socks" > Socks </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><script type="application/json"> [{"id":39390940070055,"title":"Straight Small \/ Bow tie","option1":"Straight Small","option2":"Bow tie","option3":null,"sku":"GQL-10006-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Small \/ Bow tie","public_title":"Straight Small \/ Bow tie","options":["Straight Small","Bow tie"],"price":5000,"weight":170,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940102823,"title":"Straight Small \/ Socks","option1":"Straight Small","option2":"Socks","option3":null,"sku":"GQL-10007-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Small \/ Socks","public_title":"Straight Small \/ Socks","options":["Straight Small","Socks"],"price":5000,"weight":255,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940135591,"title":"Straight Medium \/ Bow tie","option1":"Straight Medium","option2":"Bow tie","option3":null,"sku":"GQL-10006-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Medium \/ Bow tie","public_title":"Straight Medium \/ Bow tie","options":["Straight Medium","Bow tie"],"price":5000,"weight":170,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940168359,"title":"Straight Medium \/ Socks","option1":"Straight Medium","option2":"Socks","option3":null,"sku":"GQL-10007-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Medium \/ Socks","public_title":"Straight Medium \/ Socks","options":["Straight Medium","Socks"],"price":5000,"weight":283,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940201127,"title":"Straight Large \/ Bow tie","option1":"Straight Large","option2":"Bow tie","option3":null,"sku":"GQL-10006-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Large \/ Bow tie","public_title":"Straight Large \/ Bow tie","options":["Straight Large","Bow tie"],"price":5000,"weight":198,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940233895,"title":"Straight Large \/ Socks","option1":"Straight Large","option2":"Socks","option3":null,"sku":"GQL-10007-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight Large \/ Socks","public_title":"Straight Large \/ Socks","options":["Straight Large","Socks"],"price":5000,"weight":283,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940266663,"title":"Straight XL \/ Bow tie","option1":"Straight XL","option2":"Bow tie","option3":null,"sku":"GQL-10006-XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight XL \/ Bow tie","public_title":"Straight XL \/ Bow tie","options":["Straight XL","Bow tie"],"price":5000,"weight":227,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940299431,"title":"Straight XL \/ Socks","option1":"Straight XL","option2":"Socks","option3":null,"sku":"GQL-10007-XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight XL \/ Socks","public_title":"Straight XL \/ Socks","options":["Straight XL","Socks"],"price":5000,"weight":312,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940332199,"title":"Straight 2XL \/ Bow tie","option1":"Straight 2XL","option2":"Bow tie","option3":null,"sku":"GQL-10006-2XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight 2XL \/ Bow tie","public_title":"Straight 2XL \/ Bow tie","options":["Straight 2XL","Bow tie"],"price":5000,"weight":227,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940364967,"title":"Straight 2XL \/ Socks","option1":"Straight 2XL","option2":"Socks","option3":null,"sku":"GQL-10007-2XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Straight 2XL \/ Socks","public_title":"Straight 2XL \/ Socks","options":["Straight 2XL","Socks"],"price":5000,"weight":312,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940397735,"title":"Fitted Small \/ Bow tie","option1":"Fitted Small","option2":"Bow tie","option3":null,"sku":"GQL-10008-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"GraphQL Gift Bundle - Fitted Small \/ Bow tie","public_title":"Fitted Small \/ Bow tie","options":["Fitted Small","Bow tie"],"price":5000,"weight":170,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940430503,"title":"Fitted Small \/ Socks","option1":"Fitted Small","option2":"Socks","option3":null,"sku":"GQL-10009-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted Small \/ Socks","public_title":"Fitted Small \/ Socks","options":["Fitted Small","Socks"],"price":5000,"weight":255,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940463271,"title":"Fitted Medium \/ Bow tie","option1":"Fitted Medium","option2":"Bow tie","option3":null,"sku":"GQL-10008-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted Medium \/ Bow tie","public_title":"Fitted Medium \/ Bow tie","options":["Fitted Medium","Bow tie"],"price":5000,"weight":170,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940496039,"title":"Fitted Medium \/ Socks","option1":"Fitted Medium","option2":"Socks","option3":null,"sku":"GQL-10009-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted Medium \/ Socks","public_title":"Fitted Medium \/ Socks","options":["Fitted Medium","Socks"],"price":5000,"weight":283,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940528807,"title":"Fitted Large \/ Bow tie","option1":"Fitted Large","option2":"Bow tie","option3":null,"sku":"GQL-10008-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted Large \/ Bow tie","public_title":"Fitted Large \/ Bow tie","options":["Fitted Large","Bow tie"],"price":5000,"weight":198,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940561575,"title":"Fitted Large \/ Socks","option1":"Fitted Large","option2":"Socks","option3":null,"sku":"GQL-10009-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted Large \/ Socks","public_title":"Fitted Large \/ Socks","options":["Fitted Large","Socks"],"price":5000,"weight":283,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940594343,"title":"Fitted XL \/ Bow tie","option1":"Fitted XL","option2":"Bow tie","option3":null,"sku":"GQL-10008-XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted XL \/ Bow tie","public_title":"Fitted XL \/ Bow tie","options":["Fitted XL","Bow tie"],"price":5000,"weight":227,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940627111,"title":"Fitted XL \/ Socks","option1":"Fitted XL","option2":"Socks","option3":null,"sku":"GQL-10009-XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted XL \/ Socks","public_title":"Fitted XL \/ Socks","options":["Fitted XL","Socks"],"price":5000,"weight":312,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940659879,"title":"Fitted 2XL \/ Bow tie","option1":"Fitted 2XL","option2":"Bow tie","option3":null,"sku":"GQL-10008-2XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted 2XL \/ Bow tie","public_title":"Fitted 2XL \/ Bow tie","options":["Fitted 2XL","Bow tie"],"price":5000,"weight":227,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39390940692647,"title":"Fitted 2XL \/ Socks","option1":"Fitted 2XL","option2":"Socks","option3":null,"sku":"GQL-10009-2XL","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"GraphQL Gift Bundle - Fitted 2XL \/ Socks","public_title":"Fitted 2XL \/ Socks","options":["Fitted 2XL","Socks"],"price":5000,"weight":312,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}] </script> </variant-selects><noscript class="product-form__noscript-wrapper-template--15614220828839__16632532647e184706"> <div class="product-form__input"> <label class="form__label" for="Variants-template--15614220828839__16632532647e184706">Product variants</label> <div class="select"> <select name="id" id="Variants-template--15614220828839__16632532647e184706" class="select__select" form="product-form-template--15614220828839__16632532647e184706"><option selected="selected" value="39390940070055" > Straight Small / Bow tie - $50.00 </option><option value="39390940102823" > Straight Small / Socks - $50.00 </option><option value="39390940135591" > Straight Medium / Bow tie - $50.00 </option><option value="39390940168359" > Straight Medium / Socks - $50.00 </option><option value="39390940201127" > Straight Large / Bow tie - $50.00 </option><option value="39390940233895" > Straight Large / Socks - $50.00 </option><option value="39390940266663" > Straight XL / Bow tie - $50.00 </option><option value="39390940299431" > Straight XL / Socks - $50.00 </option><option value="39390940332199" > Straight 2XL / Bow tie - $50.00 </option><option value="39390940364967" > Straight 2XL / Socks - $50.00 </option><option disabled value="39390940397735" > Fitted Small / Bow tie - Sold out - $50.00 </option><option value="39390940430503" > Fitted Small / Socks - $50.00 </option><option value="39390940463271" > Fitted Medium / Bow tie - $50.00 </option><option value="39390940496039" > Fitted Medium / Socks - $50.00 </option><option value="39390940528807" > Fitted Large / Bow tie - $50.00 </option><option value="39390940561575" > Fitted Large / Socks - $50.00 </option><option value="39390940594343" > Fitted XL / Bow tie - $50.00 </option><option value="39390940627111" > Fitted XL / Socks - $50.00 </option><option value="39390940659879" > Fitted 2XL / Bow tie - $50.00 </option><option value="39390940692647" > Fitted 2XL / Socks - $50.00 </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><div class="product-form__input product-form__quantity" > <label class="form__label" for="Quantity-template--15614220828839__16632532647e184706"> Quantity </label> <quantity-input class="quantity"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">Decrease quantity for GraphQL Gift Bundle</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2"> <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> </svg> </button> <input class="quantity__input" type="number" name="quantity" id="Quantity-template--15614220828839__16632532647e184706" min="1" value="1" form="product-form-template--15614220828839__16632532647e184706" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">Increase quantity for GraphQL Gift Bundle</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> </svg> </button> </quantity-input> </div><div ><product-form class="product-form"> <div class="product-form__error-message-wrapper" role="alert" hidden> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </svg> <span class="product-form__error-message"></span> </div><form method="post" action="/cart/add" id="product-form-template--15614220828839__16632532647e184706" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="39390940070055" disabled> <div class="product-form__buttons"> <button type="submit" name="add" class="product-form__submit button button--full-width button--primary" > <span>Add to cart </span> <div class="loading-overlay__spinner hidden"> <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> </button></div><input type="hidden" name="product-id" value="6567931248807" /><input type="hidden" name="section-id" value="template--15614220828839__16632532647e184706" /></form></product-form></div><script src="//store.graphql.org/cdn/shop/t/8/assets/share.js?v=23059556731731026671663253235" defer="defer"></script> <share-button id="Share-template--15614220828839__16632532647e184706" class="share-button" > <button class="share-button__button hidden"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </button> <details id="Details-1663253264d42f91d5-7-template--15614220828839__16632532647e184706"> <summary class="share-button__button"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </summary> <div id="Product-share-template--15614220828839__16632532647e184706" class="share-button__fallback motion-reduce"> <div class="field"> <span id="ShareMessage-template--15614220828839__16632532647e184706" class="share-button__message hidden" role="status"> </span> <input type="text" class="field__input" id="url" value="https://store.graphql.org/products/graphql-gift-bundle" placeholder="Link" onclick="this.select();" readonly > <label class="field__label" for="url">Link</label> </div> <button class="share-button__close hidden no-js-hidden"> <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 class="visually-hidden">Close share</span> </button> <button class="share-button__copy no-js-hidden"> <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> </svg> <span class="visually-hidden">Copy link</span> </button> </div> </details> </share-button><a href="/products/graphql-gift-bundle" class="link product__view-details animate-arrow"> View full details <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> </a> </div> </div> </div> <product-modal id="ProductModal-template--15614220828839__16632532647e184706" class="product-media-modal media-modal"> <div class="product-media-modal__dialog" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1"> <button id="ModalClose-template--15614220828839__16632532647e184706" type="button" class="product-media-modal__toggle" aria-label="Close"><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> </button> <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Media gallery" tabindex="0"> <img class="global-media-settings global-media-settings--no-shadow" srcset="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=550 550w,//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183 720w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//store.graphql.org/cdn/shop/products/graphQL-bundle.png?v=1663256183&width=1445" alt="GraphQL Gift Bundle" loading="lazy" width="1100" height="1100" data-media-id="26492634300583" ></div> </div> </product-modal> </div> </section> <script src="//store.graphql.org/cdn/shop/t/8/assets/product-form.js?v=24702737604959294451663253232" defer="defer"></script><script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "GraphQL Gift Bundle", "url": "https:\/\/store.graphql.org\/products\/graphql-gift-bundle", "image": [ "https:\/\/store.graphql.org\/cdn\/shop\/products\/graphQL-bundle.png?v=1663256183\u0026width=720" ], "description": "\n\nChoice of straight or fitted tee with GraphQL logo\nChoice of socks or bow tie with GraphQL logo\n(2) GraphQL decals\n\n\n\n", "sku": "GQL-10006-S", "brand": { "@type": "Brand", "name": "store-graphql" }, "offers": [{ "@type" : "Offer","sku": "GQL-10006-S","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940070055" }, { "@type" : "Offer","sku": "GQL-10007-S","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940102823" }, { "@type" : "Offer","sku": "GQL-10006-M","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940135591" }, { "@type" : "Offer","sku": "GQL-10007-M","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940168359" }, { "@type" : "Offer","sku": "GQL-10006-L","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940201127" }, { "@type" : "Offer","sku": "GQL-10007-L","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940233895" }, { "@type" : "Offer","sku": "GQL-10006-XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940266663" }, { "@type" : "Offer","sku": "GQL-10007-XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940299431" }, { "@type" : "Offer","sku": "GQL-10006-2XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940332199" }, { "@type" : "Offer","sku": "GQL-10007-2XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940364967" }, { "@type" : "Offer","sku": "GQL-10008-S","availability" : "http://schema.org/OutOfStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940397735" }, { "@type" : "Offer","sku": "GQL-10009-S","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940430503" }, { "@type" : "Offer","sku": "GQL-10008-M","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940463271" }, { "@type" : "Offer","sku": "GQL-10009-M","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940496039" }, { "@type" : "Offer","sku": "GQL-10008-L","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940528807" }, { "@type" : "Offer","sku": "GQL-10009-L","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940561575" }, { "@type" : "Offer","sku": "GQL-10008-XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940594343" }, { "@type" : "Offer","sku": "GQL-10009-XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940627111" }, { "@type" : "Offer","sku": "GQL-10008-2XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940659879" }, { "@type" : "Offer","sku": "GQL-10009-2XL","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/store.graphql.org\/products\/graphql-gift-bundle?variant=39390940692647" } ] } </script> <script> document.addEventListener('DOMContentLoaded', function() { function isIE() { const ua = window.navigator.userAgent; const msie = ua.indexOf('MSIE '); const trident = ua.indexOf('Trident/'); return (msie > 0 || trident > 0); } if (!isIE()) return; const hiddenInput = document.querySelector('#product-form-template--15614220828839__16632532647e184706 input[name="id"]'); const noScriptInputWrapper = document.createElement('div'); const variantSwitcher = document.querySelector('variant-radios[data-section="template--15614220828839__16632532647e184706"]') || document.querySelector('variant-selects[data-section="template--15614220828839__16632532647e184706"]'); noScriptInputWrapper.innerHTML = document.querySelector('.product-form__noscript-wrapper-template--15614220828839__16632532647e184706').textContent; variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; document.querySelector('#Variants-template--15614220828839__16632532647e184706').addEventListener('change', function(event) { hiddenInput.value = event.currentTarget.value; }); }); </script> <script src="//store.graphql.org/cdn/shop/t/8/assets/product-modal.js?v=50921580101160527761663253234" defer="defer"></script> <script src="//store.graphql.org/cdn/shop/t/8/assets/media-gallery.js?v=152902515749446478401663253233" defer="defer"></script> </section> </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

GraphQL Swag Shop